geekin-devtoys 0.3.7 → 0.3.9

package/lib/GDialog/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-dialog-pro-minimized-icon[data-v-8c4e520e]{width:78px;height:34px;padding:0 6px;border-radius:10px 18px;background:linear-gradient(90deg,rgba(106,210,255,.18) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#10294c,#409eff 58%,#00d1ff);color:#f4fbff;display:flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;z-index:999;overflow:hidden;isolation:isolate;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:right .3s ease,bottom .3s ease,box-shadow .18s ease,filter .18s ease}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:after{content:"";position:absolute;top:-32%;left:-38%;width:32px;height:62px;background:linear-gradient(90deg,transparent,rgba(180,244,255,.64),transparent);transform:rotate(18deg) translate(-16px);opacity:0;pointer-events:none}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:hover{filter:saturate(1.2) brightness(1.08)}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:hover:after{opacity:1;animation:g-dialog-pro-minimized-shine-8c4e520e .62s ease}.g-dialog-pro-minimized-icon:hover .g-dialog-pro-minimized-icon__wave[data-v-8c4e520e]{opacity:1;animation:g-dialog-pro-minimized-wave-8c4e520e 1.45s ease-in-out infinite}.g-dialog-pro-minimized-icon:hover .g-dialog-pro-minimized-icon__icon[data-v-8c4e520e]{transform:scale(1.08)}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:active{box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-pro-minimized-icon.is-attention[data-v-8c4e520e]{animation:g-dialog-pro-minimized-attention-8c4e520e .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-pro-minimized-icon.is-attention[data-v-8c4e520e]:after{opacity:1;animation:g-dialog-pro-minimized-shine-8c4e520e .58s ease}.g-dialog-pro-minimized-icon.is-attention .g-dialog-pro-minimized-icon__wave[data-v-8c4e520e]{opacity:1;animation:g-dialog-pro-minimized-wave-8c4e520e .58s ease-in-out}.g-dialog-pro-minimized-icon.is-attention .g-dialog-pro-minimized-icon__icon[data-v-8c4e520e]{animation:g-dialog-pro-minimized-icon-pop-8c4e520e .58s ease both}.g-dialog-pro-minimized-icon__glow[data-v-8c4e520e]{position:absolute;inset:auto 8px -14px auto;width:38px;height:28px;border-radius:50%;background:#00d1ff7a;filter:blur(13px);pointer-events:none;z-index:-1}.g-dialog-pro-minimized-icon__wave[data-v-8c4e520e]{position:absolute;inset:-18px -24px;background:radial-gradient(ellipse at 22% 62%,rgba(173,243,255,.62) 0 9%,transparent 26%),radial-gradient(ellipse at 52% 78%,rgba(0,209,255,.58) 0 12%,transparent 30%),radial-gradient(ellipse at 82% 58%,rgba(67,170,255,.5) 0 10%,transparent 28%),linear-gradient(90deg,#147bff14,#00d1ff5c,#147bff14);background-size:72px 46px,86px 42px,70px 48px,100% 100%;background-position:-10px 16px,18px 20px,58px 14px,0 0;filter:blur(1px) saturate(1.25);opacity:0;pointer-events:none;transform:translate(-18px) translateY(6px) rotate(-2deg);transition:opacity .18s ease;z-index:-1}.g-dialog-pro-minimized-icon__icon[data-v-8c4e520e]{width:20px;height:20px;border:1px solid rgba(203,246,255,.32);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),#00132b2e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px #00d1ff3d;transition:transform .18s ease}.g-dialog-pro-minimized-icon__icon svg[data-v-8c4e520e]{width:13px;height:13px}.g-dialog-pro-minimized-icon__title[data-v-8c4e520e]{min-width:0;max-width:50px;font-size:10px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes g-dialog-pro-minimized-shine-8c4e520e{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-pro-minimized-wave-8c4e520e{0%{background-position:-18px 18px,8px 22px,54px 14px,0 0;transform:translate(-14px) translateY(7px) rotate(-3deg) scaleY(.82)}45%{background-position:18px 8px,42px 18px,88px 10px,0 0;transform:translate(0) translateY(0) rotate(1deg) scaleY(1.05)}to{background-position:58px 17px,82px 22px,126px 15px,0 0;transform:translate(14px) translateY(5px) rotate(3deg) scaleY(.9)}}@keyframes g-dialog-pro-minimized-attention-8c4e520e{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-5px) scale(1.04)}36%{transform:translateY(0) scale(.98)}54%{transform:translateY(-3px) scale(1.02)}72%{transform:translateY(0) scale(1)}}@keyframes g-dialog-pro-minimized-icon-pop-8c4e520e{0%,to{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(1.08) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.g-dialog-pro-minimized-icon[data-v-8c4e520e]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:after{display:none}.g-dialog-pro-minimized-icon[data-v-8c4e520e]:hover,.g-dialog-pro-minimized-icon[data-v-8c4e520e]:active,.g-dialog-pro-minimized-icon.is-attention[data-v-8c4e520e]{transform:none;filter:none}.g-dialog-pro-minimized-icon__wave[data-v-8c4e520e]{animation:none!important;opacity:0}.g-dialog-pro-minimized-icon__icon[data-v-8c4e520e]{animation:none!important;transition:none}}.g-btn[data-v-f42a3a2f]{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border:1px solid var(--g-border, #dcdfe6);background-color:var(--g-bg-color, #ffffff);color:var(--g-text-regular, #606266);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-family:inherit;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.g-btn.is-disabled[data-v-f42a3a2f],.g-btn.is-loading[data-v-f42a3a2f]{cursor:not-allowed;opacity:.5}.g-btn.g-btn--size-small[data-v-f42a3a2f]{height:24px;padding:0 11px;font-size:12px;border-radius:4px}.g-btn.g-btn--size-default[data-v-f42a3a2f]{height:32px;padding:0 15px;font-size:14px}.g-btn.g-btn--size-large[data-v-f42a3a2f]{height:40px;padding:0 19px;font-size:14px}.g-btn__icon[data-v-f42a3a2f]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .2s ease;will-change:transform}.g-btn__icon svg[data-v-f42a3a2f]{width:1em;height:1em;display:block}.g-btn__loading svg[data-v-f42a3a2f]{animation:g-btn-rotating-f42a3a2f .6s linear infinite}.g-btn:hover:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f]{transform:scale(1.18) rotate(-8deg)}.g-btn:active:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f]{transform:scale(1.06) rotate(-4deg);transition-duration:.12s}.g-btn[data-v-f42a3a2f]:focus-visible{box-shadow:0 0 0 2px var(--g-bg-color, #ffffff),0 0 0 4px var(--g-primary-light-5, #a0cfff)}.g-btn.g-btn--default[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){color:var(--g-primary, #409eff);border-color:var(--g-primary-light-5, #a0cfff);background-color:var(--g-primary-light-9, #ecf5ff)}.g-btn.g-btn--default[data-v-f42a3a2f]:active:not(.is-disabled):not(.is-loading){color:var(--g-primary-dark-2, #337ecc);border-color:var(--g-primary, #409eff)}.g-btn.g-btn--default.is-plain[data-v-f42a3a2f]{background-color:var(--g-primary-light-9, #ecf5ff);color:var(--g-primary, #409eff);border-color:var(--g-primary-light-5, #a0cfff)}.g-btn.g-btn--default.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-primary, #409eff);color:#fff;border-color:var(--g-primary, #409eff)}.g-btn.g-btn--primary[data-v-f42a3a2f]{background-color:var(--g-primary, #409eff);border-color:var(--g-primary, #409eff);color:#fff}.g-btn.g-btn--primary:hover:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f]{transform:scale(1.18) rotate(8deg)}.g-btn.g-btn--primary:active:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f]{transform:scale(1.06) rotate(4deg);transition-duration:.12s}.g-btn.g-btn--primary[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-primary-light-3, #79bbff);border-color:var(--g-primary-light-3, #79bbff)}.g-btn.g-btn--primary[data-v-f42a3a2f]:active:not(.is-disabled):not(.is-loading){background-color:var(--g-primary-dark-2, #337ecc);border-color:var(--g-primary-dark-2, #337ecc)}.g-btn.g-btn--primary.is-plain[data-v-f42a3a2f]{background-color:var(--g-primary-light-9, #ecf5ff);color:var(--g-primary, #409eff);border-color:var(--g-primary-light-5, #a0cfff)}.g-btn.g-btn--primary.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-primary, #409eff);color:#fff;border-color:var(--g-primary, #409eff)}.g-btn.g-btn--success[data-v-f42a3a2f]{background-color:var(--g-success, #67c23a);border-color:var(--g-success, #67c23a);color:#fff}.g-btn.g-btn--success[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-success-light-3, #95d475);border-color:var(--g-success-light-3, #95d475)}.g-btn.g-btn--success.is-plain[data-v-f42a3a2f]{background-color:var(--g-success-light-9, #f0f9eb);color:var(--g-success, #67c23a);border-color:var(--g-success-light-3, #95d475)}.g-btn.g-btn--success.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-success, #67c23a);color:#fff;border-color:var(--g-success, #67c23a)}.g-btn.g-btn--warning[data-v-f42a3a2f]{background-color:var(--g-warning, #e6a23c);border-color:var(--g-warning, #e6a23c);color:#fff}.g-btn.g-btn--warning[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-warning-light-3, #ebb563);border-color:var(--g-warning-light-3, #ebb563)}.g-btn.g-btn--warning.is-plain[data-v-f42a3a2f]{background-color:var(--g-warning-light-9, #fdf6ec);color:var(--g-warning, #e6a23c);border-color:var(--g-warning-light-3, #ebb563)}.g-btn.g-btn--warning.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-warning, #e6a23c);color:#fff;border-color:var(--g-warning, #e6a23c)}.g-btn.g-btn--danger[data-v-f42a3a2f]{background-color:var(--g-danger, #f56c6c);border-color:var(--g-danger, #f56c6c);color:#fff}.g-btn.g-btn--danger[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-danger-light-3, #f89898);border-color:var(--g-danger-light-3, #f89898)}.g-btn.g-btn--danger.is-plain[data-v-f42a3a2f]{background-color:var(--g-danger-light-9, #fef0f0);color:var(--g-danger, #f56c6c);border-color:var(--g-danger-light-3, #f89898)}.g-btn.g-btn--danger.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-danger, #f56c6c);color:#fff;border-color:var(--g-danger, #f56c6c)}.g-btn.g-btn--info[data-v-f42a3a2f]{background-color:var(--g-info, #909399);border-color:var(--g-info, #909399);color:#fff}.g-btn.g-btn--info[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-info-light-3, #b1b3b8);border-color:var(--g-info-light-3, #b1b3b8)}.g-btn.g-btn--info.is-plain[data-v-f42a3a2f]{background-color:var(--g-info-light-9, #f4f4f5);color:var(--g-info, #909399);border-color:var(--g-info-light-3, #b1b3b8)}.g-btn.g-btn--info.is-plain[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-info, #909399);color:#fff;border-color:var(--g-info, #909399)}.g-btn.g-btn--text[data-v-f42a3a2f]{background-color:transparent;border-color:transparent;color:var(--g-primary, #409eff);padding:0 8px}.g-btn.g-btn--text[data-v-f42a3a2f]:hover:not(.is-disabled):not(.is-loading){background-color:var(--g-primary-light-9, #ecf5ff);border-color:transparent}@keyframes g-btn-rotating-f42a3a2f{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.g-btn__icon[data-v-f42a3a2f],.g-btn__loading svg[data-v-f42a3a2f]{transition:none!important;animation:none!important}.g-btn:hover:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f],.g-btn:active:not(.is-disabled):not(.is-loading) .g-btn__icon[data-v-f42a3a2f]{transform:none}}.g-dialog-pro-header[data-v-d0535e3a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(180deg,var(--g-dialog-header-bg, rgba(248, 250, 252, .85)),transparent);position:relative}.g-dialog-pro-header .g-dialog-pro-title[data-v-d0535e3a]{position:relative;max-width:calc(100% - 88px);margin:0;overflow:hidden;color:var(--g-text-primary, #303133);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-pro-header .g-dialog-pro-operation-container[data-v-d0535e3a]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.g-dialog-pro-control[data-v-d0535e3a]{width:12px;height:12px;padding:0;border:0;border-radius:50%;cursor:pointer;flex-shrink:0;position:relative;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #0000001f,0 0 0 1px #00000014,0 1px 2px #0000000f;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease,box-shadow .18s ease}.g-dialog-pro-control[data-v-d0535e3a]:after{content:"";position:absolute;top:2px;left:2.5px;width:4px;height:4px;border-radius:50%;background:#ffffff8c;filter:blur(.5px);pointer-events:none}.g-dialog-pro-control[data-v-d0535e3a]:hover{filter:brightness(1.06) saturate(1.1);transform:scale(1.12);box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #0000001f,0 0 0 1px #0000001a,0 2px 4px #0000001f}.g-dialog-pro-control[data-v-d0535e3a]:active{transform:scale(.92);filter:brightness(.96)}.g-dialog-pro-control[data-v-d0535e3a]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-pro-control--close[data-v-d0535e3a]{background:linear-gradient(180deg,#ff8077,#ff5f57)}.g-dialog-pro-control--fullscreen[data-v-d0535e3a]{background:linear-gradient(180deg,#ffd066,#ffbd2e)}.g-dialog-pro-control--minimize[data-v-d0535e3a]{background:linear-gradient(180deg,#4be068,#28c840)}.g-dialog-pro-body[data-v-d0535e3a]{padding:0 20px;color:var(--g-text-regular, #606266);font-size:13px;line-height:1.6;max-height:calc(85vh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18)) transparent}.g-dialog-pro-body[data-v-d0535e3a]::-webkit-scrollbar{width:6px;height:6px}.g-dialog-pro-body[data-v-d0535e3a]::-webkit-scrollbar-thumb{background-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18));border-radius:3px}.g-dialog-pro-body[data-v-d0535e3a]::-webkit-scrollbar-thumb:hover{background-color:var(--g-dialog-scrollbar-hover, rgba(15, 23, 42, .28))}.g-dialog-pro-body[data-v-d0535e3a]::-webkit-scrollbar-track{background:transparent}.g-dialog-pro-footer[data-v-d0535e3a]{padding:12px 20px;background:linear-gradient(0deg,var(--g-dialog-footer-bg, rgba(248, 250, 252, .7)),transparent);position:relative}.g-dialog-pro-actions[data-v-d0535e3a]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding:2px 0}@media(prefers-reduced-motion:reduce){.g-dialog-pro-control[data-v-d0535e3a]{transition:none}}.g-dialog-pro-overlay{--g-primary: #409eff;--g-primary-light-3: #79bbff;--g-primary-light-5: #a0cfff;--g-primary-light-7: #c6e2ff;--g-primary-light-8: #d9ecff;--g-primary-light-9: #ecf5ff;--g-primary-dark-2: #337ecc;--g-success: #67c23a;--g-success-light-3: #95d475;--g-success-light-9: #f0f9eb;--g-warning: #e6a23c;--g-warning-light-3: #ebb563;--g-warning-light-9: #fdf6ec;--g-danger: #f56c6c;--g-danger-light-3: #f89898;--g-danger-light-9: #fef0f0;--g-info: #909399;--g-info-light-3: #b1b3b8;--g-info-light-9: #f4f4f5;--g-text-primary: #303133;--g-text-regular: #606266;--g-text-secondary: #909399;--g-border: #dcdfe6;--g-border-light: #e4e7ed;--g-border-lighter: #ebeef5;--g-bg-color: #ffffff;position:fixed;inset:0;z-index:2000;overflow:auto;background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.g-dialog-pro{position:relative;margin:15vh auto 50px;width:50%;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--g-dialog-sheen, rgba(255, 255, 255, .6)),transparent) top/100% 64px no-repeat,var(--g-bg-color);box-shadow:0 1px 0 var(--g-dialog-inner-highlight, rgba(255, 255, 255, .6)) inset,0 0 0 1px var(--g-border-lighter, #ebeef5),0 24px 60px -12px var(--g-dialog-shadow-strong, rgba(15, 23, 42, .22)),0 8px 20px -8px var(--g-dialog-shadow-soft, rgba(15, 23, 42, .14))}.g-dialog-pro.is-fullscreen{margin:0;width:100%!important;height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.g-dialog-pro.is-fullscreen .g-dialog-pro-body{flex:1 1 auto;max-height:none;min-height:0;display:flex;flex-direction:column}.g-dialog-pro.is-fullscreen .g-dialog-pro-body>*{flex:1 1 auto;min-height:0}.g-dialog-pro-fade-enter-active{animation:g-dialog-pro-overlay-in .22s ease both}.g-dialog-pro-fade-leave-active{animation:g-dialog-pro-overlay-out .22s ease both}@keyframes g-dialog-pro-overlay-in{0%{background:#0f172a00;backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}to{background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}}@keyframes g-dialog-pro-overlay-out{0%{background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}to{background:#0f172a00;backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}}.g-dialog-pro-fade-enter-active .g-dialog-pro,.g-dialog-pro-fade-leave-active .g-dialog-pro{transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .22s ease}.g-dialog-pro-fade-enter-from .g-dialog-pro,.g-dialog-pro-fade-leave-to .g-dialog-pro{transform:translateY(-12px) scale(.96);opacity:0}.g-dialog-pro-fade-leave-to .g-dialog-pro.is-leave-to-minimize,.g-dialog-pro-fade-enter-from .g-dialog-pro.is-enter-from-minimize{transform:translateY(40px) scale(.85);opacity:0}html.dark .g-dialog-pro-overlay{--g-primary: #409eff;--g-primary-light-3: #3375b9;--g-primary-light-5: #2a598a;--g-primary-light-7: #213d5b;--g-primary-light-8: #1d3043;--g-primary-light-9: #18222c;--g-primary-dark-2: #66b1ff;--g-success: #67c23a;--g-success-light-3: #4e8e2f;--g-success-light-9: #1a331a;--g-warning: #e6a23c;--g-warning-light-3: #b88230;--g-warning-light-9: #332e1a;--g-danger: #f56c6c;--g-danger-light-3: #b25252;--g-danger-light-9: #332020;--g-info: #909399;--g-info-light-3: #6b6d71;--g-info-light-9: #232324;--g-text-primary: #e5eaf3;--g-text-regular: #cfd3dc;--g-text-secondary: #a3a6ad;--g-border: #4c4d4f;--g-border-light: #414243;--g-border-lighter: #363637;--g-bg-color: #141414;--g-dialog-overlay-bg: rgba(0, 0, 0, .55)}html.dark .g-dialog-pro{--g-dialog-sheen: rgba(255, 255, 255, .04);--g-dialog-inner-highlight: rgba(255, 255, 255, .06);--g-dialog-shadow-strong: rgba(0, 0, 0, .55);--g-dialog-shadow-soft: rgba(0, 0, 0, .4);--g-dialog-header-bg: rgba(255, 255, 255, .04);--g-dialog-footer-bg: rgba(255, 255, 255, .04);--g-dialog-scrollbar: rgba(255, 255, 255, .18);--g-dialog-scrollbar-hover: rgba(255, 255, 255, .28)}html.dark .g-dialog-pro .g-dialog-pro-control{box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff14,0 1px 2px #00000073}html.dark .g-dialog-pro .g-dialog-pro-control:hover{box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff1f,0 2px 6px #00000080}html.dark .g-dialog-pro .g-dialog-pro-control:focus-visible{outline-color:#ffffff73}@media(prefers-reduced-motion:reduce){.g-dialog-pro-fade-enter-active,.g-dialog-pro-fade-leave-active{animation:none}.g-dialog-pro-fade-enter-active .g-dialog-pro,.g-dialog-pro-fade-leave-active .g-dialog-pro{transition:opacity .18s ease;transform:none}.g-dialog-pro-fade-leave-to .g-dialog-pro.is-leave-to-minimize,.g-dialog-pro-fade-enter-from .g-dialog-pro.is-enter-from-minimize{transform:none}}
+@charset "UTF-8";.g-dialog-pro-minimized-icon[data-v-e7d8c859]{width:78px;height:34px;padding:0 6px;border-radius:10px 18px;background:linear-gradient(90deg,rgba(106,210,255,.18) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#10294c,#409eff 58%,#00d1ff);color:#f4fbff;display:flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;z-index:999;overflow:hidden;isolation:isolate;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:right .3s ease,bottom .3s ease,box-shadow .18s ease,filter .18s ease}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:after{content:"";position:absolute;top:-32%;left:-38%;width:32px;height:62px;background:linear-gradient(90deg,transparent,rgba(180,244,255,.64),transparent);transform:rotate(18deg) translate(-16px);opacity:0;pointer-events:none}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:hover{filter:saturate(1.2) brightness(1.08)}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:hover:after{opacity:1;animation:g-dialog-pro-minimized-shine-e7d8c859 .62s ease}.g-dialog-pro-minimized-icon:hover .g-dialog-pro-minimized-icon__wave[data-v-e7d8c859]{opacity:1;animation:g-dialog-pro-minimized-wave-e7d8c859 1.45s ease-in-out infinite}.g-dialog-pro-minimized-icon:hover .g-dialog-pro-minimized-icon__icon[data-v-e7d8c859]{transform:scale(1.08)}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:active{box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-pro-minimized-icon.is-attention[data-v-e7d8c859]{animation:g-dialog-pro-minimized-attention-e7d8c859 .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-pro-minimized-icon.is-attention[data-v-e7d8c859]:after{opacity:1;animation:g-dialog-pro-minimized-shine-e7d8c859 .58s ease}.g-dialog-pro-minimized-icon.is-attention .g-dialog-pro-minimized-icon__wave[data-v-e7d8c859]{opacity:1;animation:g-dialog-pro-minimized-wave-e7d8c859 .58s ease-in-out}.g-dialog-pro-minimized-icon.is-attention .g-dialog-pro-minimized-icon__icon[data-v-e7d8c859]{animation:g-dialog-pro-minimized-icon-pop-e7d8c859 .58s ease both}.g-dialog-pro-minimized-icon__glow[data-v-e7d8c859]{position:absolute;inset:auto 8px -14px auto;width:38px;height:28px;border-radius:50%;background:#00d1ff7a;filter:blur(13px);pointer-events:none;z-index:-1}.g-dialog-pro-minimized-icon__wave[data-v-e7d8c859]{position:absolute;inset:-18px -24px;background:radial-gradient(ellipse at 22% 62%,rgba(173,243,255,.62) 0 9%,transparent 26%),radial-gradient(ellipse at 52% 78%,rgba(0,209,255,.58) 0 12%,transparent 30%),radial-gradient(ellipse at 82% 58%,rgba(67,170,255,.5) 0 10%,transparent 28%),linear-gradient(90deg,#147bff14,#00d1ff5c,#147bff14);background-size:72px 46px,86px 42px,70px 48px,100% 100%;background-position:-10px 16px,18px 20px,58px 14px,0 0;filter:blur(1px) saturate(1.25);opacity:0;pointer-events:none;transform:translate(-18px) translateY(6px) rotate(-2deg);transition:opacity .18s ease;z-index:-1}.g-dialog-pro-minimized-icon__icon[data-v-e7d8c859]{width:20px;height:20px;border:1px solid rgba(203,246,255,.32);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),#00132b2e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px #00d1ff3d;transition:transform .18s ease}.g-dialog-pro-minimized-icon__icon svg[data-v-e7d8c859]{width:13px;height:13px}.g-dialog-pro-minimized-icon__title[data-v-e7d8c859]{min-width:0;max-width:50px;font-size:10px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes g-dialog-pro-minimized-shine-e7d8c859{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-pro-minimized-wave-e7d8c859{0%{background-position:-18px 18px,8px 22px,54px 14px,0 0;transform:translate(-14px) translateY(7px) rotate(-3deg) scaleY(.82)}45%{background-position:18px 8px,42px 18px,88px 10px,0 0;transform:translate(0) translateY(0) rotate(1deg) scaleY(1.05)}to{background-position:58px 17px,82px 22px,126px 15px,0 0;transform:translate(14px) translateY(5px) rotate(3deg) scaleY(.9)}}@keyframes g-dialog-pro-minimized-attention-e7d8c859{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-5px) scale(1.04)}36%{transform:translateY(0) scale(.98)}54%{transform:translateY(-3px) scale(1.02)}72%{transform:translateY(0) scale(1)}}@keyframes g-dialog-pro-minimized-icon-pop-e7d8c859{0%,to{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(1.08) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.g-dialog-pro-minimized-icon[data-v-e7d8c859]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:after{display:none}.g-dialog-pro-minimized-icon[data-v-e7d8c859]:hover,.g-dialog-pro-minimized-icon[data-v-e7d8c859]:active,.g-dialog-pro-minimized-icon.is-attention[data-v-e7d8c859]{transform:none;filter:none}.g-dialog-pro-minimized-icon__wave[data-v-e7d8c859]{animation:none!important;opacity:0}.g-dialog-pro-minimized-icon__icon[data-v-e7d8c859]{animation:none!important;transition:none}}.g-dialog-pro-header[data-v-5e0eed3b]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(180deg,var(--g-dialog-header-bg, rgba(248, 250, 252, .85)),transparent);position:relative}.g-dialog-pro-header .g-dialog-pro-title[data-v-5e0eed3b]{position:relative;max-width:calc(100% - 88px);margin:0;overflow:hidden;color:var(--g-text-primary, #303133);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-pro-header .g-dialog-pro-operation-container[data-v-5e0eed3b]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.g-dialog-pro-control[data-v-5e0eed3b]{width:12px;height:12px;padding:0;border:0;border-radius:50%;cursor:pointer;flex-shrink:0;position:relative;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #0000001f,0 0 0 1px #00000014,0 1px 2px #0000000f;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease,box-shadow .18s ease}.g-dialog-pro-control[data-v-5e0eed3b]:after{content:"";position:absolute;top:2px;left:2.5px;width:4px;height:4px;border-radius:50%;background:#ffffff8c;filter:blur(.5px);pointer-events:none}.g-dialog-pro-control[data-v-5e0eed3b]:hover{filter:brightness(1.06) saturate(1.1);transform:scale(1.12);box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #0000001f,0 0 0 1px #0000001a,0 2px 4px #0000001f}.g-dialog-pro-control[data-v-5e0eed3b]:active{transform:scale(.92);filter:brightness(.96)}.g-dialog-pro-control[data-v-5e0eed3b]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-pro-control--close[data-v-5e0eed3b]{background:linear-gradient(180deg,#ff8077,#ff5f57)}.g-dialog-pro-control--fullscreen[data-v-5e0eed3b]{background:linear-gradient(180deg,#ffd066,#ffbd2e)}.g-dialog-pro-control--minimize[data-v-5e0eed3b]{background:linear-gradient(180deg,#4be068,#28c840)}.g-dialog-pro-body[data-v-5e0eed3b]{padding:0 20px;color:var(--g-text-regular, #606266);font-size:13px;line-height:1.6;max-height:calc(85vh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18)) transparent}.g-dialog-pro-body[data-v-5e0eed3b]::-webkit-scrollbar{width:6px;height:6px}.g-dialog-pro-body[data-v-5e0eed3b]::-webkit-scrollbar-thumb{background-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18));border-radius:3px}.g-dialog-pro-body[data-v-5e0eed3b]::-webkit-scrollbar-thumb:hover{background-color:var(--g-dialog-scrollbar-hover, rgba(15, 23, 42, .28))}.g-dialog-pro-body[data-v-5e0eed3b]::-webkit-scrollbar-track{background:transparent}.g-dialog-pro-footer[data-v-5e0eed3b]{padding:12px 20px;background:linear-gradient(0deg,var(--g-dialog-footer-bg, rgba(248, 250, 252, .7)),transparent);position:relative}.g-dialog-pro-actions[data-v-5e0eed3b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding:2px 0}@media(prefers-reduced-motion:reduce){.g-dialog-pro-control[data-v-5e0eed3b]{transition:none}}.g-dialog-pro-overlay{--g-primary: #409eff;--g-primary-light-3: #79bbff;--g-primary-light-5: #a0cfff;--g-primary-light-7: #c6e2ff;--g-primary-light-8: #d9ecff;--g-primary-light-9: #ecf5ff;--g-primary-dark-2: #337ecc;--g-success: #67c23a;--g-success-light-3: #95d475;--g-success-light-9: #f0f9eb;--g-warning: #e6a23c;--g-warning-light-3: #ebb563;--g-warning-light-9: #fdf6ec;--g-danger: #f56c6c;--g-danger-light-3: #f89898;--g-danger-light-9: #fef0f0;--g-info: #909399;--g-info-light-3: #b1b3b8;--g-info-light-9: #f4f4f5;--g-text-primary: #303133;--g-text-regular: #606266;--g-text-secondary: #909399;--g-border: #dcdfe6;--g-border-light: #e4e7ed;--g-border-lighter: #ebeef5;--g-bg-color: #ffffff;position:fixed;inset:0;z-index:2000;overflow:auto;background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.g-dialog-pro{position:relative;margin:15vh auto 50px;width:50%;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--g-dialog-sheen, rgba(255, 255, 255, .6)),transparent) top/100% 64px no-repeat,var(--g-bg-color);box-shadow:0 1px 0 var(--g-dialog-inner-highlight, rgba(255, 255, 255, .6)) inset,0 0 0 1px var(--g-border-lighter, #ebeef5),0 24px 60px -12px var(--g-dialog-shadow-strong, rgba(15, 23, 42, .22)),0 8px 20px -8px var(--g-dialog-shadow-soft, rgba(15, 23, 42, .14))}.g-dialog-pro.is-fullscreen{margin:0;width:100%!important;height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.g-dialog-pro.is-fullscreen .g-dialog-pro-body{flex:1 1 auto;max-height:none;min-height:0;display:flex;flex-direction:column}.g-dialog-pro.is-fullscreen .g-dialog-pro-body>*{flex:1 1 auto;min-height:0}.g-dialog-pro-fade-enter-active{animation:g-dialog-pro-overlay-in .22s ease both}.g-dialog-pro-fade-leave-active{animation:g-dialog-pro-overlay-out .22s ease both}@keyframes g-dialog-pro-overlay-in{0%{background:#0f172a00;backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}to{background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}}@keyframes g-dialog-pro-overlay-out{0%{background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}to{background:#0f172a00;backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}}.g-dialog-pro-fade-enter-active .g-dialog-pro,.g-dialog-pro-fade-leave-active .g-dialog-pro{transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .22s ease}.g-dialog-pro-fade-enter-from .g-dialog-pro,.g-dialog-pro-fade-leave-to .g-dialog-pro{transform:translateY(-12px) scale(.96);opacity:0}.g-dialog-pro-fade-leave-to .g-dialog-pro.is-leave-to-minimize,.g-dialog-pro-fade-enter-from .g-dialog-pro.is-enter-from-minimize{transform:translateY(40px) scale(.85);opacity:0}html.dark .g-dialog-pro-overlay{--g-primary: #409eff;--g-primary-light-3: #3375b9;--g-primary-light-5: #2a598a;--g-primary-light-7: #213d5b;--g-primary-light-8: #1d3043;--g-primary-light-9: #18222c;--g-primary-dark-2: #66b1ff;--g-success: #67c23a;--g-success-light-3: #4e8e2f;--g-success-light-9: #1a331a;--g-warning: #e6a23c;--g-warning-light-3: #b88230;--g-warning-light-9: #332e1a;--g-danger: #f56c6c;--g-danger-light-3: #b25252;--g-danger-light-9: #332020;--g-info: #909399;--g-info-light-3: #6b6d71;--g-info-light-9: #232324;--g-text-primary: #e5eaf3;--g-text-regular: #cfd3dc;--g-text-secondary: #a3a6ad;--g-border: #4c4d4f;--g-border-light: #414243;--g-border-lighter: #363637;--g-bg-color: #141414;--g-dialog-overlay-bg: rgba(0, 0, 0, .55)}html.dark .g-dialog-pro{--g-dialog-sheen: rgba(255, 255, 255, .04);--g-dialog-inner-highlight: rgba(255, 255, 255, .06);--g-dialog-shadow-strong: rgba(0, 0, 0, .55);--g-dialog-shadow-soft: rgba(0, 0, 0, .4);--g-dialog-header-bg: rgba(255, 255, 255, .04);--g-dialog-footer-bg: rgba(255, 255, 255, .04);--g-dialog-scrollbar: rgba(255, 255, 255, .18);--g-dialog-scrollbar-hover: rgba(255, 255, 255, .28)}html.dark .g-dialog-pro .g-dialog-pro-control{box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff14,0 1px 2px #00000073}html.dark .g-dialog-pro .g-dialog-pro-control:hover{box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff1f,0 2px 6px #00000080}html.dark .g-dialog-pro .g-dialog-pro-control:focus-visible{outline-color:#ffffff73}@media(prefers-reduced-motion:reduce){.g-dialog-pro-fade-enter-active,.g-dialog-pro-fade-leave-active{animation:none}.g-dialog-pro-fade-enter-active .g-dialog-pro,.g-dialog-pro-fade-leave-active .g-dialog-pro{transition:opacity .18s ease;transform:none}.g-dialog-pro-fade-leave-to .g-dialog-pro.is-leave-to-minimize,.g-dialog-pro-fade-enter-from .g-dialog-pro.is-enter-from-minimize{transform:none}}

package/lib/GInput/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("motion-v"),M=require("../GBubble-Dph0YDkU.js"),P={class:"g-input__wrapper"},T={key:0,class:"g-input__prefix"},q=["type","value","disabled","readonly","maxlength"],O={key:1,class:"g-input__suffix"},D={key:0,class:"g-input__slot-suffix"},F={key:1,class:"g-input__count"},L={key:0,class:"g-input__count-max"},R=e.defineComponent({name:"GInput",inheritAttrs:!1,__name:"index",props:{modelValue:{},type:{},size:{},disabled:{type:Boolean},readonly:{type:Boolean},clearable:{type:Boolean},showCount:{type:Boolean},maxlength:{},block:{type:Boolean}},emits:["update:modelValue","input","change","focus","blur","clear"],setup(c,{expose:y,emit:v}){const o=c,n=v,i=e.useAttrs(),_=e.useSlots(),g=e.computed(()=>{const{class:t,style:l,...d}=i;return d}),k=e.computed(()=>["g-input",`g-input--${o.size??"middle"}`,{"is-block":o.block,"is-disabled":o.disabled,"is-readonly":o.readonly,"is-focused":p.value},i.class]),h=e.computed(()=>i.style),s=e.ref(),r=e.ref(!1),p=e.ref(!1),B=e.computed(()=>m.value||!!_.suffix||o.showCount),m=e.computed(()=>o.clearable&&!o.disabled&&!o.readonly&&r.value&&String(o.modelValue??"").length>0),f=e.computed(()=>String(o.modelValue??"").length),b={opacity:0,scale:.6},C={opacity:1,scale:1},V={opacity:0,scale:.6},x={duration:.15,ease:"easeOut"},S={opacity:0,y:4},N={opacity:1,y:0},E={opacity:0,y:-4},w={duration:.15,ease:"easeOut"},A=t=>{const l=t.target.value;n("update:modelValue",l),n("input",l)},I=t=>{n("change",t.target.value)},$=t=>{p.value=!0,n("focus",t)},z=t=>{p.value=!1,n("blur",t)},G=()=>{n("update:modelValue",""),n("input",""),n("change",""),n("clear"),s.value?.focus()};return y({focus:()=>s.value?.focus(),blur:()=>s.value?.blur(),select:()=>s.value?.select()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),style:e.normalizeStyle(h.value),onMouseenter:l[0]||(l[0]=d=>r.value=!0),onMouseleave:l[1]||(l[1]=d=>r.value=!1)},[e.createElementVNode("div",P,[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(t.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:s,class:"g-input__inner",type:t.type,value:t.modelValue??"",disabled:t.disabled,readonly:t.readonly,maxlength:t.maxlength},g.value,{onInput:A,onChange:I,onFocus:$,onBlur:z}),null,16,q),B.value?(e.openBlock(),e.createElementBlock("span",O,[e.createVNode(e.unref(u.AnimatePresence),null,{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createBlock(e.unref(u.motion).span,{key:0,class:"g-input__clear",initial:b,animate:C,exit:V,transition:x,onClick:G})):e.createCommentVNode("",!0)]),_:1}),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",D,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0),t.showCount?(e.openBlock(),e.createElementBlock("span",F,[e.createVNode(e.unref(u.AnimatePresence),{mode:"popLayout"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.unref(u.motion).span,{key:f.value,class:"g-input__count-text",initial:S,animate:N,exit:E,transition:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}))]),_:1}),t.maxlength!=null?(e.openBlock(),e.createElementBlock("span",L," / "+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])],38))}}),a=M._export_sfc(R,[["__scopeId","data-v-76da4f4c"]]);a.install=c=>{c.component(a.name,a)};exports.GInput=a;exports.default=a;

package/lib/GInput/index.mjs

@@ -0,0 +1,145 @@
+import { defineComponent as K, useAttrs as Q, useSlots as U, computed as a, ref as y, createElementBlock as l, openBlock as n, normalizeStyle as W, normalizeClass as X, createElementVNode as b, createCommentVNode as u, renderSlot as x, mergeProps as Y, createVNode as k, unref as r, withCtx as _, createBlock as C, createTextVNode as Z, toDisplayString as V } from "vue";
+import { AnimatePresence as B, motion as S } from "motion-v";
+import { _ as ee } from "../GBubble-C3cM9Put.mjs";
+const te = { class: "g-input__wrapper" }, se = {
+  key: 0,
+  class: "g-input__prefix"
+}, oe = ["type", "value", "disabled", "readonly", "maxlength"], ne = {
+  key: 1,
+  class: "g-input__suffix"
+}, ae = {
+  key: 0,
+  class: "g-input__slot-suffix"
+}, le = {
+  key: 1,
+  class: "g-input__count"
+}, ue = {
+  key: 0,
+  class: "g-input__count-max"
+}, ie = /* @__PURE__ */ K({
+  name: "GInput",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: {},
+    type: {},
+    size: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showCount: { type: Boolean },
+    maxlength: {},
+    block: { type: Boolean }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(c, { expose: w, emit: $ }) {
+    const t = c, s = $, p = Q(), A = U(), I = a(() => {
+      const { class: e, style: o, ...f } = p;
+      return f;
+    }), z = a(() => [
+      "g-input",
+      `g-input--${t.size ?? "middle"}`,
+      {
+        "is-block": t.block,
+        "is-disabled": t.disabled,
+        "is-readonly": t.readonly,
+        "is-focused": m.value
+      },
+      p.class
+    ]), E = a(() => p.style), i = y(), d = y(!1), m = y(!1), N = a(() => g.value || !!A.suffix || t.showCount), g = a(
+      () => t.clearable && !t.disabled && !t.readonly && d.value && String(t.modelValue ?? "").length > 0
+    ), h = a(() => String(t.modelValue ?? "").length), T = { opacity: 0, scale: 0.6 }, F = { opacity: 1, scale: 1 }, G = { opacity: 0, scale: 0.6 }, L = { duration: 0.15, ease: "easeOut" }, M = { opacity: 0, y: 4 }, O = { opacity: 1, y: 0 }, P = { opacity: 0, y: -4 }, R = { duration: 0.15, ease: "easeOut" }, D = (e) => {
+      const o = e.target.value;
+      s("update:modelValue", o), s("input", o);
+    }, H = (e) => {
+      s("change", e.target.value);
+    }, j = (e) => {
+      m.value = !0, s("focus", e);
+    }, q = (e) => {
+      m.value = !1, s("blur", e);
+    }, J = () => {
+      s("update:modelValue", ""), s("input", ""), s("change", ""), s("clear"), i.value?.focus();
+    };
+    return w({
+      /** 手动聚焦内部 input */
+      focus: () => i.value?.focus(),
+      /** 手动失焦内部 input */
+      blur: () => i.value?.blur(),
+      /** 全选内部文本 */
+      select: () => i.value?.select()
+    }), (e, o) => (n(), l("div", {
+      class: X(z.value),
+      style: W(E.value),
+      onMouseenter: o[0] || (o[0] = (f) => d.value = !0),
+      onMouseleave: o[1] || (o[1] = (f) => d.value = !1)
+    }, [
+      b("div", te, [
+        e.$slots.prefix ? (n(), l("span", se, [
+          x(e.$slots, "prefix", {}, void 0, !0)
+        ])) : u("", !0),
+        b("input", Y({
+          ref_key: "inputRef",
+          ref: i,
+          class: "g-input__inner",
+          type: e.type,
+          value: e.modelValue ?? "",
+          disabled: e.disabled,
+          readonly: e.readonly,
+          maxlength: e.maxlength
+        }, I.value, {
+          onInput: D,
+          onChange: H,
+          onFocus: j,
+          onBlur: q
+        }), null, 16, oe),
+        N.value ? (n(), l("span", ne, [
+          k(r(B), null, {
+            default: _(() => [
+              g.value ? (n(), C(r(S).span, {
+                key: 0,
+                class: "g-input__clear",
+                initial: T,
+                animate: F,
+                exit: G,
+                transition: L,
+                onClick: J
+              })) : u("", !0)
+            ]),
+            _: 1
+          }),
+          e.$slots.suffix ? (n(), l("span", ae, [
+            x(e.$slots, "suffix", {}, void 0, !0)
+          ])) : u("", !0),
+          e.showCount ? (n(), l("span", le, [
+            k(r(B), { mode: "popLayout" }, {
+              default: _(() => [
+                (n(), C(r(S).span, {
+                  key: h.value,
+                  class: "g-input__count-text",
+                  initial: M,
+                  animate: O,
+                  exit: P,
+                  transition: R
+                }, {
+                  default: _(() => [
+                    Z(V(h.value), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            }),
+            e.maxlength != null ? (n(), l("span", ue, " / " + V(e.maxlength), 1)) : u("", !0)
+          ])) : u("", !0)
+        ])) : u("", !0)
+      ])
+    ], 38));
+  }
+}), v = /* @__PURE__ */ ee(ie, [["__scopeId", "data-v-76da4f4c"]]);
+v.install = (c) => {
+  c.component(v.name, v);
+};
+export {
+  v as GInput,
+  v as default
+};

package/lib/GInput/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.g-input[data-v-76da4f4c]{display:inline-flex;align-items:stretch;width:var(--g-input-width, 240px);font-size:var(--g-input-font-size, 14px);color:var(--g-text-color, rgba(0, 0, 0, .88))}.g-input:not(.is-disabled):hover .g-input__wrapper[data-v-76da4f4c]{border-color:var(--g-primary-color, #039be5)}.g-input.is-focused:not(.is-disabled) .g-input__wrapper[data-v-76da4f4c]{border-color:var(--g-primary-color, #039be5);box-shadow:0 0 0 2px color-mix(in srgb,var(--g-primary-color, #039be5) 15%,transparent)}.g-input.is-block[data-v-76da4f4c]{display:flex;width:100%}.g-input.is-disabled[data-v-76da4f4c]{cursor:not-allowed;color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input.is-disabled .g-input__wrapper[data-v-76da4f4c]{background:var(--g-input-disabled-bg-color, #f2f3f5);border-color:var(--g-border-color, #dcdfe3)}.g-input.is-disabled .g-input__inner[data-v-76da4f4c]{cursor:not-allowed;-webkit-text-fill-color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input.is-disabled .g-input__inner[data-v-76da4f4c]::placeholder{color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input--large[data-v-76da4f4c]{--g-input-height: 40px;--g-input-font-size: 16px}.g-input--small[data-v-76da4f4c]{--g-input-height: 24px;--g-input-font-size: 12px}.g-input__wrapper[data-v-76da4f4c]{position:relative;flex:1;display:inline-flex;align-items:center;gap:4px;min-width:0;height:var(--g-input-height, 32px);padding:0 8px;background:var(--g-bg-color, #ffffff);border:1px solid var(--g-border-color, #dcdfe3);border-radius:var(--g-input-radius, 6px);transition:border-color .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}.g-input__inner[data-v-76da4f4c]{flex:1;min-width:0;height:100%;padding:0;font:inherit;color:inherit;background:transparent;border:none;outline:none;caret-color:var(--g-primary-color, #039be5)}.g-input__inner[data-v-76da4f4c]::placeholder{color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__prefix[data-v-76da4f4c],.g-input__suffix[data-v-76da4f4c]{display:inline-flex;align-items:center;gap:4px;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__prefix[data-v-76da4f4c] svg,.g-input__suffix[data-v-76da4f4c] svg{width:1em;height:1em;display:block}.g-input__clear[data-v-76da4f4c]{position:relative;flex-shrink:0;width:1em;height:1em;cursor:pointer;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35));transition:color .2s}.g-input__clear[data-v-76da4f4c]:before,.g-input__clear[data-v-76da4f4c]:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:1px;background:currentcolor}.g-input__clear[data-v-76da4f4c]:before{transform:translate(-50%,-50%) rotate(45deg)}.g-input__clear[data-v-76da4f4c]:after{transform:translate(-50%,-50%) rotate(-45deg)}.g-input__clear[data-v-76da4f4c]:hover{color:var(--g-text-color, rgba(0, 0, 0, .88))}.g-input__count[data-v-76da4f4c]{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__count-text[data-v-76da4f4c]{display:inline-block}

package/lib/GInput.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/GInputTreeTag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("element-plus"),R=require("../index-B8Ap0044.js"),H=require("../AnimatePresence-26Wy0TGN.js"),me=require("../_plugin-vue_export-helper-BHFhmbuH.js"),ge={key:0,class:"g-input-tree-tag__tags"},be=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},echoProps:{},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"info"},tagEffect:{default:"light"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(B,{expose:$,emit:q}){const o=B,r=q,P=t.computed(()=>({label:o.props.label||"label",children:o.props.children||"children",disabled:o.props.disabled})),j=t.computed(()=>o.props.value||o.nodeKey||"id"),K=t.computed(()=>o.props.label||"label"),U=t.computed(()=>o.props.children||"children"),_=t.computed(()=>o.props.isLeaf),D=t.computed(()=>o.echoProps?.value||"value"),G=t.computed(()=>o.echoProps?.label||"label"),v=e=>e?e[j.value]:void 0,d=e=>e?e[K.value]:"",F=e=>e?e[U.value]:void 0,Z=e=>e?.[D.value]??e?.value,W=e=>e?.[G.value]??e?.label,c=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(_.value&&e[_.value]!==void 0)return!!e[_.value];const a=F(e);return!a||!a.length},S=t.computed(()=>{const e=new Map,a=(l=[])=>{l.forEach(n=>{c(n)&&e.set(v(n),n);const s=F(n);s?.length&&a(s)})};return a(o.data||[]),e}),u=t.computed(()=>(o.modelValue||[]).map(a=>{const l=o.valueFormat==="object"?Z(a):a,n=S.value.get(l),s=o.valueFormat==="object"?W(a):void 0;return{value:l,label:n?d(n):s??String(l??""),raw:n??(o.valueFormat==="object"?a:void 0)}})),w=e=>u.value.some(a=>a.value===e),k=t.ref(""),i=t.ref(!1),T=t.ref(null),I=t.ref(null),N=t.ref(null),p=t.ref(null),J=e=>{if(!e){p.value=null;return}p.value=e.$el??(e instanceof HTMLElement?e:null)},L=t.ref({}),m=t.ref("bottom"),Q=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),X={opacity:1,scale:1,y:0},Y=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),ee={duration:.2,ease:"easeOut"},te=t.computed(()=>({...L.value,transformOrigin:m.value==="bottom"?"top center":"bottom center"})),ae={opacity:0,scale:.8},le={opacity:1,scale:1},oe={opacity:0,scale:.8},ne={duration:.2,ease:"easeOut"},re=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),C=()=>{o.disabled||(i.value=!0)},E=()=>{if(!i.value)return;const e=N.value,a=p.value;if(!e||!a)return;const l=e.getBoundingClientRect(),n=a.offsetHeight||o.popperMaxHeight,x=window.innerHeight-l.bottom-o.popperOffset,fe=l.top-o.popperOffset,O=x>=n||x>=fe?"bottom":"top";m.value=O;const ve=O==="bottom"?l.bottom+o.popperOffset:l.top-n-o.popperOffset;L.value={position:"fixed",top:`${ve}px`,left:`${l.left}px`,width:`${l.width}px`,zIndex:String(o.popperZIndex)}};let f=null;const g=()=>{i.value&&(f&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{f=null,E()}))};let b=null;const ue=()=>{typeof ResizeObserver>"u"||!p.value||(b?.disconnect(),b=new ResizeObserver(()=>g()),b.observe(p.value))},A=()=>{b?.disconnect(),b=null};t.watch(i,async e=>{if(!e){A();return}await t.nextTick(),E(),requestAnimationFrame(E),ue()});const z=e=>{if(!i.value)return;const a=e.target;I.value?.contains(a)||p.value?.contains(a)||(i.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",z,!0),window.addEventListener("scroll",g,!0),window.addEventListener("resize",g)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",z,!0),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",g),f&&cancelAnimationFrame(f),A()});const ie=e=>{i.value=!0,T.value?.filter(e),t.nextTick(E)},se=(e,a)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,a):String(d(a)??"").toLowerCase().includes(String(e).toLowerCase()):!0,de=(e,a)=>{if(r("node-click",e),!c(e)){a&&(a.expanded=!a.expanded);return}M(e),i.value=!1},ce=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,M=e=>{const a=v(e);if(a==null||a==="")return;if(w(a)){const s={value:a,label:d(e),raw:e};r("duplicate",s),o.duplicateMessage&&h.ElMessage.warning(o.duplicateMessage);return}const l={value:a,label:d(e),raw:e},n=[...o.modelValue||[],ce(l)];r("update:modelValue",n),r("add",l),r("change",n,[...u.value,l]),o.clearInputAfterSelect&&(k.value="")},pe=()=>{if(!o.enterToAdd)return;const e=(k.value||"").trim();if(!e)return;let a=null;for(const l of S.value.values())if(d(l)===e){a=l;break}if(!a){r("not-found",e),o.notFoundMessage&&h.ElMessage.warning(o.notFoundMessage);return}M(a)},V=e=>{if(e<0||e>=u.value.length)return;const a=u.value[e],l=[...o.modelValue||[]];l.splice(e,1),r("update:modelValue",l),a&&r("remove",a,e);const n=u.value.filter((s,x)=>x!==e);r("change",l,n)};return $({open:C,close:()=>i.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const a=S.value.get(e);a&&M(a)},removeByIndex:e=>{V(e)},removeByValue:e=>{const a=u.value.findIndex(l=>l.value===e);a>-1&&V(a)},getSelectedItems:()=>u.value}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:I},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:N,style:t.normalizeStyle({width:re.value})},[t.createVNode(t.unref(h.ElInput),{modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=l=>k.value=l),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:C,onClick:C,onInput:ie,onKeyup:t.withKeys(pe,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.unref(H.AnimatePresence_default),null,{default:t.withCtx(()=>[i.value?(t.openBlock(),t.createBlock(t.unref(R.motion).div,{key:0,ref:J,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${m.value}`]),style:t.normalizeStyle(te.value),initial:Q.value,animate:X,exit:Y.value,transition:ee,onMousedown:a[1]||(a[1]=t.withModifiers(()=>{},["prevent"]))},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(h.ElTree),{ref_key:"treeRef",ref:T,data:e.data,props:P.value,"node-key":e.nodeKey,"filter-node-method":se,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:de},{default:t.withCtx(l=>[t.renderSlot(e.$slots,"tree-node",{data:l?.data,node:l?.node,selectable:c(l?.data),selected:w(v(l?.data))},()=>[l?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":c(l.data),"is-selected":c(l.data)&&w(v(l.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:l.data,selectable:c(l.data),selected:w(v(l.data))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(d(l.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)]),_:3},8,["class","style","initial","exit"])):t.createCommentVNode("",!0)]),_:3})])),u.value.length?(t.openBlock(),t.createElementBlock("div",ge,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:V},()=>[t.createVNode(t.unref(H.AnimatePresence_default),{mode:"popLayout"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,(l,n)=>(t.openBlock(),t.createBlock(t.unref(R.motion).div,{key:l.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:ae,animate:le,exit:oe,transition:ne},{default:t.withCtx(()=>[t.createVNode(t.unref(h.ElTag),{class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,closable:e.closable&&!e.disabled,onClose:s=>V(n)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:l,index:n},()=>[t.createTextVNode(t.toDisplayString(l.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):t.createCommentVNode("",!0)],512)],2))}}),y=me._export_sfc(be,[["__scopeId","data-v-b74dd5d2"]]);y.install=B=>{B.component(y.name,y)};exports.GInputTreeTag=y;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),ve=require("../GInput/index.js"),me=require("../GTag/index.js"),F=require("element-plus"),x=require("motion-v"),ge=require("../GBubble-Dph0YDkU.js"),be={key:0,class:"g-input-tree-tag__tags"},he=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},echoProps:{},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"primary"},tagVariant:{default:"filled"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(E,{expose:$,emit:H}){const o=E,r=H,q=t.computed(()=>({label:o.props.label||"label",children:o.props.children||"children",disabled:o.props.disabled})),j=t.computed(()=>o.props.value||o.nodeKey||"id"),G=t.computed(()=>o.props.label||"label"),K=t.computed(()=>o.props.children||"children"),S=t.computed(()=>o.props.isLeaf),P=t.computed(()=>o.echoProps?.value||"value"),U=t.computed(()=>o.echoProps?.label||"label"),v=e=>e?e[j.value]:void 0,d=e=>e?e[G.value]:"",T=e=>e?e[K.value]:void 0,D=e=>e?.[P.value]??e?.value,Z=e=>e?.[U.value]??e?.label,c=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(S.value&&e[S.value]!==void 0)return!!e[S.value];const a=T(e);return!a||!a.length},C=t.computed(()=>{const e=new Map,a=(l=[])=>{l.forEach(n=>{c(n)&&e.set(v(n),n);const s=T(n);s?.length&&a(s)})};return a(o.data||[]),e}),u=t.computed(()=>(o.modelValue||[]).map(a=>{const l=o.valueFormat==="object"?D(a):a,n=C.value.get(l),s=o.valueFormat==="object"?Z(a):void 0;return{value:l,label:n?d(n):s??String(l??""),raw:n??(o.valueFormat==="object"?a:void 0)}})),y=e=>u.value.some(a=>a.value===e),w=t.ref(""),i=t.ref(!1),I=t.ref(null),N=t.ref(null),L=t.ref(null),p=t.ref(null),W=e=>{if(!e){p.value=null;return}p.value=e.$el??(e instanceof HTMLElement?e:null)},A=t.ref({}),m=t.ref("bottom"),J=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),Q={opacity:1,scale:1,y:0},X=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),Y={duration:.2,ease:"easeOut"},ee=t.computed(()=>({...A.value,transformOrigin:m.value==="bottom"?"top center":"bottom center"})),te={opacity:0,scale:.8},ae={opacity:1,scale:1},le={opacity:0,scale:.8},oe={duration:.2,ease:"easeOut"},ne=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),M=()=>{o.disabled||(i.value=!0)},k=()=>{if(!i.value)return;const e=L.value,a=p.value;if(!e||!a)return;const l=e.getBoundingClientRect(),n=a.offsetHeight||o.popperMaxHeight,B=window.innerHeight-l.bottom-o.popperOffset,pe=l.top-o.popperOffset,R=B>=n||B>=pe?"bottom":"top";m.value=R;const fe=R==="bottom"?l.bottom+o.popperOffset:l.top-n-o.popperOffset;A.value={position:"fixed",top:`${fe}px`,left:`${l.left}px`,width:`${l.width}px`,zIndex:String(o.popperZIndex)}};let f=null;const g=()=>{i.value&&(f&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{f=null,k()}))};let b=null;const re=()=>{typeof ResizeObserver>"u"||!p.value||(b?.disconnect(),b=new ResizeObserver(()=>g()),b.observe(p.value))},z=()=>{b?.disconnect(),b=null};t.watch(i,async e=>{if(!e){z();return}await t.nextTick(),k(),requestAnimationFrame(k),re()});const O=e=>{if(!i.value)return;const a=e.target;N.value?.contains(a)||p.value?.contains(a)||(i.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",O,!0),window.addEventListener("scroll",g,!0),window.addEventListener("resize",g)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",O,!0),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",g),f&&cancelAnimationFrame(f),z()});const ue=e=>{i.value=!0,I.value?.filter(e),t.nextTick(k)},ie=(e,a)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,a):String(d(a)??"").toLowerCase().includes(String(e).toLowerCase()):!0,se=(e,a)=>{if(r("node-click",e),!c(e)){a&&(a.expanded=!a.expanded);return}_(e),i.value=!1},de=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,_=e=>{const a=v(e);if(a==null||a==="")return;if(y(a)){const s={value:a,label:d(e),raw:e};r("duplicate",s),o.duplicateMessage&&F.ElMessage.warning(o.duplicateMessage);return}const l={value:a,label:d(e),raw:e},n=[...o.modelValue||[],de(l)];r("update:modelValue",n),r("add",l),r("change",n,[...u.value,l]),o.clearInputAfterSelect&&(w.value="")},ce=()=>{if(!o.enterToAdd)return;const e=(w.value||"").trim();if(!e)return;let a=null;for(const l of C.value.values())if(d(l)===e){a=l;break}if(!a){r("not-found",e),o.notFoundMessage&&F.ElMessage.warning(o.notFoundMessage);return}_(a)},V=e=>{if(e<0||e>=u.value.length)return;const a=u.value[e],l=[...o.modelValue||[]];l.splice(e,1),r("update:modelValue",l),a&&r("remove",a,e);const n=u.value.filter((s,B)=>B!==e);r("change",l,n)};return $({open:M,close:()=>i.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const a=C.value.get(e);a&&_(a)},removeByIndex:e=>{V(e)},removeByValue:e=>{const a=u.value.findIndex(l=>l.value===e);a>-1&&V(a)},getSelectedItems:()=>u.value}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:N},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:L,style:t.normalizeStyle({width:ne.value})},[t.createVNode(t.unref(ve.default),{modelValue:w.value,"onUpdate:modelValue":a[0]||(a[0]=l=>w.value=l),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,block:"",class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:ue,onKeyup:t.withKeys(ce,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.unref(x.AnimatePresence),null,{default:t.withCtx(()=>[i.value?(t.openBlock(),t.createBlock(t.unref(x.motion).div,{key:0,ref:W,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${m.value}`]),style:t.normalizeStyle(ee.value),initial:J.value,animate:Q,exit:X.value,transition:Y,onMousedown:a[1]||(a[1]=t.withModifiers(()=>{},["prevent"]))},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(F.ElTree),{ref_key:"treeRef",ref:I,data:e.data,props:q.value,"node-key":e.nodeKey,"filter-node-method":ie,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:se},{default:t.withCtx(l=>[t.renderSlot(e.$slots,"tree-node",{data:l?.data,node:l?.node,selectable:c(l?.data),selected:y(v(l?.data))},()=>[l?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":c(l.data),"is-selected":c(l.data)&&y(v(l.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:l.data,selectable:c(l.data),selected:y(v(l.data))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(d(l.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)]),_:3},8,["class","style","initial","exit"])):t.createCommentVNode("",!0)]),_:3})])),u.value.length?(t.openBlock(),t.createElementBlock("div",be,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:V},()=>[t.createVNode(t.unref(x.AnimatePresence),{mode:"popLayout"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,(l,n)=>(t.openBlock(),t.createBlock(t.unref(x.motion).div,{key:l.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:te,animate:ae,exit:le,transition:oe},{default:t.withCtx(()=>[t.createVNode(t.unref(me.default),{class:"g-input-tree-tag__tag",type:e.tagType,variant:e.tagVariant,closable:e.closable&&!e.disabled,onClose:s=>V(n)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:l,index:n},()=>[t.createTextVNode(t.toDisplayString(l.label),1)],!0)]),_:2},1032,["type","variant","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):t.createCommentVNode("",!0)],512)],2))}}),h=ge._export_sfc(he,[["__scopeId","data-v-e10d8b6e"]]);h.install=E=>{E.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;

package/lib/GInputTreeTag/index.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as Le, computed as n, ref as d, watch as Se, nextTick as W, onMounted as Te, onBeforeUnmount as Ae, createElementBlock as M, openBlock as c, normalizeClass as O, createElementVNode as R, createBlock as $, createCommentVNode as z, normalizeStyle as H, createVNode as k, unref as p, withKeys as Ce, Teleport as Oe, withCtx as b, withModifiers as Re, renderSlot as B, createTextVNode as J, toDisplayString as Q, Fragment as $e, renderList as ze } from "vue";
-import { ElInput as He, ElTree as Ne, ElTag as Ke, ElMessage as X } from "element-plus";
-import { m as Y } from "../index-Bbr5fWvI.mjs";
-import { A as ee } from "../AnimatePresence-nl0c23TZ.mjs";
-import { _ as je } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Ue = {
+import { defineComponent as Le, computed as n, ref as d, watch as Se, nextTick as W, onMounted as Te, onBeforeUnmount as Ae, createElementBlock as M, openBlock as c, normalizeClass as O, createElementVNode as R, createBlock as $, createCommentVNode as z, normalizeStyle as H, createVNode as V, unref as p, withKeys as Ce, Teleport as Oe, withCtx as b, withModifiers as Re, renderSlot as B, createTextVNode as J, toDisplayString as Q, Fragment as $e, renderList as ze } from "vue";
+import He from "../GInput/index.mjs";
+import Ne from "../GTag/index.mjs";
+import { ElTree as Ke, ElMessage as X } from "element-plus";
+import { AnimatePresence as Y, motion as ee } from "motion-v";
+import { _ as je } from "../GBubble-C3cM9Put.mjs";
+const Ge = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, qe = /* @__PURE__ */ Le({
+}, Ue = /* @__PURE__ */ Le({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
@@ -23,8 +24,8 @@ const Ue = {
     disabled: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !0 },
     closable: { type: Boolean, default: !0 },
-    tagType: { default: "info" },
-    tagEffect: { default: "light" },
+    tagType: { default: "primary" },
+    tagVariant: { default: "filled" },
     clearInputAfterSelect: { type: Boolean, default: !0 },
     enterToAdd: { type: Boolean, default: !0 },
     valueFormat: { default: "value" },
@@ -39,7 +40,7 @@ const Ue = {
       label: l.props.label || "label",
       children: l.props.children || "children",
       disabled: l.props.disabled
-    })), oe = n(() => l.props.value || l.nodeKey || "id"), ne = n(() => l.props.label || "label"), re = n(() => l.props.children || "children"), S = n(() => l.props.isLeaf), se = n(() => l.echoProps?.value || "value"), ie = n(() => l.echoProps?.label || "label"), h = (e) => e ? e[oe.value] : void 0, f = (e) => e ? e[ne.value] : "", K = (e) => e ? e[re.value] : void 0, ue = (e) => e?.[se.value] ?? e?.value, de = (e) => e?.[ie.value] ?? e?.label, v = (e) => {
+    })), oe = n(() => l.props.value || l.nodeKey || "id"), ne = n(() => l.props.label || "label"), re = n(() => l.props.children || "children"), S = n(() => l.props.isLeaf), ie = n(() => l.echoProps?.value || "value"), se = n(() => l.echoProps?.label || "label"), h = (e) => e ? e[oe.value] : void 0, f = (e) => e ? e[ne.value] : "", K = (e) => e ? e[re.value] : void 0, ue = (e) => e?.[ie.value] ?? e?.value, de = (e) => e?.[se.value] ?? e?.label, v = (e) => {
       if (!e) return !1;
       if (typeof l.selectable == "function") return l.selectable(e);
       if (S.value && e[S.value] !== void 0) return !!e[S.value];
@@ -54,20 +55,20 @@ const Ue = {
         });
       };
       return t(l.data || []), e;
-    }), s = n(() => (l.modelValue || []).map((t) => {
+    }), i = n(() => (l.modelValue || []).map((t) => {
       const a = l.valueFormat === "object" ? ue(t) : t, o = T.value.get(a), u = l.valueFormat === "object" ? de(t) : void 0;
       return {
         value: a,
         label: o ? f(o) : u ?? String(a ?? ""),
         raw: o ?? (l.valueFormat === "object" ? t : void 0)
       };
-    })), x = (e) => s.value.some((t) => t.value === e), V = d(""), i = d(!1), j = d(null), U = d(null), q = d(null), m = d(null), ce = (e) => {
+    })), x = (e) => i.value.some((t) => t.value === e), E = d(""), s = d(!1), j = d(null), G = d(null), U = d(null), m = d(null), ce = (e) => {
       if (!e) {
         m.value = null;
         return;
       }
       m.value = e.$el ?? (e instanceof HTMLElement ? e : null);
-    }, P = d({}), y = d("bottom"), pe = n(() => ({
+    }, q = d({}), y = d("bottom"), pe = n(() => ({
       opacity: 0,
       scale: 0.95,
       y: y.value === "bottom" ? -8 : 8
@@ -76,20 +77,20 @@ const Ue = {
       scale: 0.95,
       y: y.value === "bottom" ? -8 : 8
     })), me = { duration: 0.2, ease: "easeOut" }, ge = n(() => ({
-      ...P.value,
+      ...q.value,
       transformOrigin: y.value === "bottom" ? "top center" : "bottom center"
-    })), be = { opacity: 0, scale: 0.8 }, he = { opacity: 1, scale: 1 }, ye = { opacity: 0, scale: 0.8 }, we = { duration: 0.2, ease: "easeOut" }, Ee = n(
+    })), be = { opacity: 0, scale: 0.8 }, he = { opacity: 1, scale: 1 }, ye = { opacity: 0, scale: 0.8 }, we = { duration: 0.2, ease: "easeOut" }, ke = n(
       () => typeof l.width == "number" ? `${l.width}px` : l.width
     ), A = () => {
-      l.disabled || (i.value = !0);
-    }, _ = () => {
-      if (!i.value) return;
-      const e = q.value, t = m.value;
+      l.disabled || (s.value = !0);
+    }, F = () => {
+      if (!s.value) return;
+      const e = U.value, t = m.value;
       if (!e || !t) return;
-      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, I = window.innerHeight - a.bottom - l.popperOffset, Me = a.top - l.popperOffset, G = I >= o || I >= Me ? "bottom" : "top";
-      y.value = G;
-      const Be = G === "bottom" ? a.bottom + l.popperOffset : a.top - o - l.popperOffset;
-      P.value = {
+      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, I = window.innerHeight - a.bottom - l.popperOffset, Me = a.top - l.popperOffset, D = I >= o || I >= Me ? "bottom" : "top";
+      y.value = D;
+      const Be = D === "bottom" ? a.bottom + l.popperOffset : a.top - o - l.popperOffset;
+      q.value = {
         position: "fixed",
         top: `${Be}px`,
         left: `${a.left}px`,
@@ -99,42 +100,42 @@ const Ue = {
     };
     let g = null;
     const w = () => {
-      i.value && (g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-        g = null, _();
+      s.value && (g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+        g = null, F();
       }));
     };
-    let E = null;
-    const ke = () => {
-      typeof ResizeObserver > "u" || !m.value || (E?.disconnect(), E = new ResizeObserver(() => w()), E.observe(m.value));
-    }, Z = () => {
-      E?.disconnect(), E = null;
+    let k = null;
+    const Ve = () => {
+      typeof ResizeObserver > "u" || !m.value || (k?.disconnect(), k = new ResizeObserver(() => w()), k.observe(m.value));
+    }, P = () => {
+      k?.disconnect(), k = null;
     };
-    Se(i, async (e) => {
+    Se(s, async (e) => {
       if (!e) {
-        Z();
+        P();
         return;
       }
-      await W(), _(), requestAnimationFrame(_), ke();
+      await W(), F(), requestAnimationFrame(F), Ve();
     });
-    const D = (e) => {
-      if (!i.value) return;
+    const Z = (e) => {
+      if (!s.value) return;
       const t = e.target;
-      U.value?.contains(t) || m.value?.contains(t) || (i.value = !1);
+      G.value?.contains(t) || m.value?.contains(t) || (s.value = !1);
     };
     Te(() => {
-      document.addEventListener("mousedown", D, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
+      document.addEventListener("mousedown", Z, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
     }), Ae(() => {
-      document.removeEventListener("mousedown", D, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), g && cancelAnimationFrame(g), Z();
+      document.removeEventListener("mousedown", Z, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), g && cancelAnimationFrame(g), P();
     });
     const xe = (e) => {
-      i.value = !0, j.value?.filter(e), W(_);
-    }, Ve = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, _e = (e, t) => {
+      s.value = !0, j.value?.filter(e), W(F);
+    }, Ee = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, Fe = (e, t) => {
       if (r("node-click", e), !v(e)) {
         t && (t.expanded = !t.expanded);
         return;
       }
-      C(e), i.value = !1;
-    }, Fe = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
+      C(e), s.value = !1;
+    }, _e = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
       const t = h(e);
       if (t == null || t === "") return;
       if (x(t)) {
@@ -142,11 +143,11 @@ const Ue = {
         r("duplicate", u), l.duplicateMessage && X.warning(l.duplicateMessage);
         return;
       }
-      const a = { value: t, label: f(e), raw: e }, o = [...l.modelValue || [], Fe(a)];
-      r("update:modelValue", o), r("add", a), r("change", o, [...s.value, a]), l.clearInputAfterSelect && (V.value = "");
+      const a = { value: t, label: f(e), raw: e }, o = [...l.modelValue || [], _e(a)];
+      r("update:modelValue", o), r("add", a), r("change", o, [...i.value, a]), l.clearInputAfterSelect && (E.value = "");
     }, Ie = () => {
       if (!l.enterToAdd) return;
-      const e = (V.value || "").trim();
+      const e = (E.value || "").trim();
       if (!e) return;
       let t = null;
       for (const a of T.value.values())
@@ -159,18 +160,18 @@ const Ue = {
         return;
       }
       C(t);
-    }, F = (e) => {
-      if (e < 0 || e >= s.value.length) return;
-      const t = s.value[e], a = [...l.modelValue || []];
+    }, _ = (e) => {
+      if (e < 0 || e >= i.value.length) return;
+      const t = i.value[e], a = [...l.modelValue || []];
       a.splice(e, 1), r("update:modelValue", a), t && r("remove", t, e);
-      const o = s.value.filter((u, I) => I !== e);
+      const o = i.value.filter((u, I) => I !== e);
       r("change", a, o);
     };
     return te({
       /** 主动打开下拉面板 */
       open: A,
       /** 主动关闭下拉面板 */
-      close: () => i.value = !1,
+      close: () => s.value = !1,
       /** 清空已选 */
       clear: () => {
         r("update:modelValue", []), r("change", [], []);
@@ -182,35 +183,36 @@ const Ue = {
       },
       /** 根据索引移除，触发与关闭 tag 一致的事件 */
       removeByIndex: (e) => {
-        F(e);
+        _(e);
       },
       /** 根据 value 移除，触发与关闭 tag 一致的事件 */
       removeByValue: (e) => {
-        const t = s.value.findIndex((a) => a.value === e);
-        t > -1 && F(t);
+        const t = i.value.findIndex((a) => a.value === e);
+        t > -1 && _(t);
       },
       /** 获取当前归一化后的已选项 */
-      getSelectedItems: () => s.value
+      getSelectedItems: () => i.value
     }), (e, t) => (c(), M("div", {
       class: O(["g-input-tree-tag", { "is-disabled": e.disabled }])
     }, [
       R("div", {
         class: "g-input-tree-tag__wrap",
         ref_key: "wrapRef",
-        ref: U
+        ref: G
       }, [
         R("div", {
           class: "g-input-tree-tag__input-box",
           ref_key: "inputBoxRef",
-          ref: q,
-          style: H({ width: Ee.value })
+          ref: U,
+          style: H({ width: ke.value })
         }, [
-          k(p(He), {
-            modelValue: V.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => V.value = a),
+          V(p(He), {
+            modelValue: E.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => E.value = a),
             placeholder: e.placeholder,
             clearable: e.clearable,
             disabled: e.disabled,
+            block: "",
             class: "g-input-tree-tag__input",
             onFocus: A,
             onClick: A,
@@ -219,9 +221,9 @@ const Ue = {
           }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
         ], 4),
         (c(), $(Oe, { to: "body" }, [
-          k(p(ee), null, {
+          V(p(Y), null, {
             default: b(() => [
-              i.value ? (c(), $(p(Y).div, {
+              s.value ? (c(), $(p(ee).div, {
                 key: 0,
                 ref: ce,
                 class: O(["g-input-tree-tag__popover", `is-${y.value}`]),
@@ -238,16 +240,16 @@ const Ue = {
                     class: "g-input-tree-tag__tree-wrap",
                     style: H({ maxHeight: e.popperMaxHeight + "px" })
                   }, [
-                    k(p(Ne), {
+                    V(p(Ke), {
                       ref_key: "treeRef",
                       ref: j,
                       data: e.data,
                       props: le.value,
                       "node-key": e.nodeKey,
-                      "filter-node-method": Ve,
+                      "filter-node-method": Ee,
                       "expand-on-click-node": !1,
                       "default-expand-all": e.defaultExpandAll,
-                      onNodeClick: _e
+                      onNodeClick: Fe
                     }, {
                       default: b((a) => [
                         B(e.$slots, "tree-node", {
@@ -285,14 +287,14 @@ const Ue = {
             _: 3
           })
         ])),
-        s.value.length ? (c(), M("div", Ue, [
+        i.value.length ? (c(), M("div", Ge, [
           B(e.$slots, "tags", {
-            items: s.value,
-            remove: F
+            items: i.value,
+            remove: _
           }, () => [
-            k(p(ee), { mode: "popLayout" }, {
+            V(p(Y), { mode: "popLayout" }, {
               default: b(() => [
-                (c(!0), M($e, null, ze(s.value, (a, o) => (c(), $(p(Y).div, {
+                (c(!0), M($e, null, ze(i.value, (a, o) => (c(), $(p(ee).div, {
                   key: a.value,
                   layout: !0,
                   class: "g-input-tree-tag__tag-motion",
@@ -302,12 +304,12 @@ const Ue = {
                   transition: we
                 }, {
                   default: b(() => [
-                    k(p(Ke), {
+                    V(p(Ne), {
                       class: "g-input-tree-tag__tag",
                       type: e.tagType,
-                      effect: e.tagEffect,
+                      variant: e.tagVariant,
                       closable: e.closable && !e.disabled,
-                      onClose: (u) => F(o)
+                      onClose: (u) => _(o)
                     }, {
                       default: b(() => [
                         B(e.$slots, "tag", {
@@ -318,7 +320,7 @@ const Ue = {
                         ], !0)
                       ]),
                       _: 2
-                    }, 1032, ["type", "effect", "closable", "onClose"])
+                    }, 1032, ["type", "variant", "closable", "onClose"])
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -330,7 +332,7 @@ const Ue = {
       ], 512)
     ], 2));
   }
-}), N = /* @__PURE__ */ je(qe, [["__scopeId", "data-v-b74dd5d2"]]);
+}), N = /* @__PURE__ */ je(Ue, [["__scopeId", "data-v-e10d8b6e"]]);
 N.install = (L) => {
   L.component(N.name, N);
 };