geekin-devtoys 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/AnimatePresence-CXPNzIHs.js +9 -0
- package/lib/AnimatePresence-DkTyYbzH.mjs +136 -0
- package/lib/GCard/index.js +1 -1
- package/lib/GCard/index.mjs +105 -101
- package/lib/GCard/style.css +1 -1
- package/lib/GDialog/index.js +1 -1
- package/lib/GDialog/index.mjs +220 -206
- package/lib/GDialog/style.css +1 -1
- package/lib/GInputTreeTag/index.js +1 -9
- package/lib/GInputTreeTag/index.mjs +185 -315
- package/lib/GScroller/index.mjs +12 -12
- package/lib/components/GBubble/index.d.ts +1 -1
- package/lib/components/GCard/index.d.ts +6 -0
- package/lib/components/GFuzzyText/index.d.ts +1 -1
- package/lib/components/GInputTreeTag/index.d.ts +7 -6
- package/lib/components/GPie3D/index.d.ts +1 -1
- package/lib/components/GProgress/index.d.ts +1 -1
- package/lib/components/GRing/index.d.ts +1 -1
- package/lib/components/GScreen/index.d.ts +1 -1
- package/lib/{index-Bi7JS7ve.mjs → index-CVPHcKaV.mjs} +3 -3
- package/package.json +1 -1
package/lib/GDialog/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.g-dialog-minimized-icon[data-v-5195816e]{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,var(--el-color-primary) 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,transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:g-dialog-minimized-enter-5195816e .28s cubic-bezier(.2,.8,.2,1) both}.g-dialog-minimized-icon[data-v-5195816e]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-minimized-icon[data-v-5195816e]: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-minimized-icon[data-v-5195816e]:hover{transform:translateY(-2px);filter:saturate(1.2) brightness(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:hover:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .62s ease}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e 1.45s ease-in-out infinite}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__icon[data-v-5195816e]{transform:scale(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:active{transform:translateY(0) scale(.98);box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-minimized-icon[data-v-5195816e]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-minimized-icon.is-attention[data-v-5195816e]{animation:g-dialog-minimized-attention-5195816e .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-minimized-icon.is-attention[data-v-5195816e]:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .58s ease}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e .58s ease-in-out}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__icon[data-v-5195816e]{animation:g-dialog-minimized-icon-pop-5195816e .58s ease both}.g-dialog-minimized-icon__glow[data-v-5195816e]{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-minimized-icon__wave[data-v-5195816e]{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-minimized-icon__icon[data-v-5195816e]{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-minimized-icon__icon .el-icon[data-v-5195816e]{font-size:13px}.g-dialog-minimized-icon__title[data-v-5195816e]{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-minimized-enter-5195816e{0%{transform:translateY(8px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes g-dialog-minimized-shine-5195816e{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-minimized-wave-5195816e{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-minimized-attention-5195816e{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-minimized-icon-pop-5195816e{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-minimized-icon[data-v-5195816e]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-minimized-icon[data-v-5195816e]:after{display:none}.g-dialog-minimized-icon[data-v-5195816e]:hover,.g-dialog-minimized-icon[data-v-5195816e]:active,.g-dialog-minimized-icon.is-attention[data-v-5195816e]{transform:none;filter:none}.g-dialog-minimized-icon__wave[data-v-5195816e]{animation:none!important;opacity:0}.g-dialog-minimized-icon__icon[data-v-5195816e]{animation:none!important;transition:none}}.g-dialog-header[data-v-0cb7c4e3]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:2px 0}.g-dialog-header .g-dialog-title[data-v-0cb7c4e3]{position:relative;max-width:calc(100% - 88px);margin:0;overflow:hidden;color:var(--el-text-color-primary);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-header .g-dialog-title[data-v-0cb7c4e3]:before{content:"";position:absolute;top:50%;left:0;width:3px;height:14px;background:linear-gradient(180deg,var(--el-color-primary),var(--el-color-primary-light-3));border-radius:2px;transform:translate(-12px,-50%);opacity:0}.g-dialog-header .g-dialog-operation-container[data-v-0cb7c4e3]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.g-dialog-control[data-v-0cb7c4e3]{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-control[data-v-0cb7c4e3]: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-control[data-v-0cb7c4e3]: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-control[data-v-0cb7c4e3]:active{transform:scale(.92);filter:brightness(.96)}.g-dialog-control[data-v-0cb7c4e3]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-control--close[data-v-0cb7c4e3]{background:linear-gradient(180deg,#ff8077,#ff5f57)}.g-dialog-control--fullscreen[data-v-0cb7c4e3]{background:linear-gradient(180deg,#ffd066,#ffbd2e)}.g-dialog-control--minimize[data-v-0cb7c4e3]{background:linear-gradient(180deg,#4be068,#28c840)}.g-dialog-footer[data-v-0cb7c4e3]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding:2px 0}.g-dialog-footer[data-v-0cb7c4e3] .el-button .el-icon{transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .2s ease;will-change:transform}.g-dialog-footer[data-v-0cb7c4e3] .el-button:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(-8deg)}.g-dialog-footer[data-v-0cb7c4e3] .el-button:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(-4deg);transition-duration:.12s}.g-dialog-footer[data-v-0cb7c4e3] .el-button--primary:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(8deg)}.g-dialog-footer[data-v-0cb7c4e3] .el-button--primary:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(4deg)}@media(prefers-reduced-motion:reduce){.g-dialog-control[data-v-0cb7c4e3],.g-dialog-footer[data-v-0cb7c4e3] .el-button .el-icon{transition:none}.g-dialog-footer[data-v-0cb7c4e3] .el-button:hover .el-icon,.g-dialog-footer[data-v-0cb7c4e3] .el-button:active .el-icon{transform:none}}.el-overlay:has(.g-dialog){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);animation:g-dialog-overlay-in .22s ease both}@keyframes g-dialog-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)}}@media(prefers-reduced-motion:reduce){.el-overlay:has(.g-dialog){animation:none}}.g-dialog.el-dialog{--el-dialog-padding-primary: 18px;--el-dialog-border-radius: 14px;border-radius:14px;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--g-dialog-sheen, rgba(255, 255, 255, .6)),transparent) top/100% 64px no-repeat,var(--el-bg-color);box-shadow:0 1px 0 var(--g-dialog-inner-highlight, rgba(255, 255, 255, .6)) inset,0 0 0 1px var(--el-border-color-lighter),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.el-dialog.is-fullscreen{border-radius:0;box-shadow:none;display:flex;flex-direction:column}.g-dialog.el-dialog.is-fullscreen .el-dialog__body{flex:1 1 auto;max-height:none;min-height:0;display:flex;flex-direction:column}.g-dialog.el-dialog.is-fullscreen .el-dialog__body>*{flex:1 1 auto;min-height:0}.g-dialog.el-dialog .el-dialog__header{margin:0;padding:14px 20px;background:linear-gradient(180deg,var(--g-dialog-header-bg, rgba(248, 250, 252, .85)),transparent);position:relative}.g-dialog.el-dialog .el-dialog__body{padding:0 20px;color:var(--el-text-color-regular);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.el-dialog .el-dialog__body::-webkit-scrollbar{width:6px;height:6px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb{background-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18));border-radius:3px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--g-dialog-scrollbar-hover, rgba(15, 23, 42, .28))}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-track{background:transparent}.g-dialog.el-dialog .el-dialog__footer{padding:12px 20px;background:linear-gradient(0deg,var(--g-dialog-footer-bg, rgba(248, 250, 252, .7)),transparent);position:relative}html.dark .el-overlay:has(.g-dialog){--g-dialog-overlay-bg: rgba(0, 0, 0, .55)}html.dark .g-dialog.el-dialog{--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.el-dialog .g-dialog-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.el-dialog .g-dialog-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.el-dialog .g-dialog-control:focus-visible{outline-color:#ffffff73}.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .22s ease}.dialog-fade-enter-from .g-dialog.el-dialog,.dialog-fade-leave-to .g-dialog.el-dialog{transform:translateY(-12px) scale(.96);opacity:0}@media(prefers-reduced-motion:reduce){.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:opacity .18s ease;transform:none}}
|
|
1
|
+
@charset "UTF-8";.g-dialog-minimized-icon[data-v-5ff0a7c2]{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,var(--el-color-primary) 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-minimized-icon[data-v-5ff0a7c2]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-minimized-icon[data-v-5ff0a7c2]: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-minimized-icon[data-v-5ff0a7c2]:hover{filter:saturate(1.2) brightness(1.08)}.g-dialog-minimized-icon[data-v-5ff0a7c2]:hover:after{opacity:1;animation:g-dialog-minimized-shine-5ff0a7c2 .62s ease}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__wave[data-v-5ff0a7c2]{opacity:1;animation:g-dialog-minimized-wave-5ff0a7c2 1.45s ease-in-out infinite}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__icon[data-v-5ff0a7c2]{transform:scale(1.08)}.g-dialog-minimized-icon[data-v-5ff0a7c2]:active{box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-minimized-icon[data-v-5ff0a7c2]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-minimized-icon.is-attention[data-v-5ff0a7c2]{animation:g-dialog-minimized-attention-5ff0a7c2 .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-minimized-icon.is-attention[data-v-5ff0a7c2]:after{opacity:1;animation:g-dialog-minimized-shine-5ff0a7c2 .58s ease}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__wave[data-v-5ff0a7c2]{opacity:1;animation:g-dialog-minimized-wave-5ff0a7c2 .58s ease-in-out}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__icon[data-v-5ff0a7c2]{animation:g-dialog-minimized-icon-pop-5ff0a7c2 .58s ease both}.g-dialog-minimized-icon__glow[data-v-5ff0a7c2]{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-minimized-icon__wave[data-v-5ff0a7c2]{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-minimized-icon__icon[data-v-5ff0a7c2]{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-minimized-icon__icon .el-icon[data-v-5ff0a7c2]{font-size:13px}.g-dialog-minimized-icon__title[data-v-5ff0a7c2]{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-minimized-shine-5ff0a7c2{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-minimized-wave-5ff0a7c2{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-minimized-attention-5ff0a7c2{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-minimized-icon-pop-5ff0a7c2{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-minimized-icon[data-v-5ff0a7c2]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-minimized-icon[data-v-5ff0a7c2]:after{display:none}.g-dialog-minimized-icon[data-v-5ff0a7c2]:hover,.g-dialog-minimized-icon[data-v-5ff0a7c2]:active,.g-dialog-minimized-icon.is-attention[data-v-5ff0a7c2]{transform:none;filter:none}.g-dialog-minimized-icon__wave[data-v-5ff0a7c2]{animation:none!important;opacity:0}.g-dialog-minimized-icon__icon[data-v-5ff0a7c2]{animation:none!important;transition:none}}.g-dialog-header[data-v-4a8b52ec]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:2px 0}.g-dialog-header .g-dialog-title[data-v-4a8b52ec]{position:relative;max-width:calc(100% - 88px);margin:0;overflow:hidden;color:var(--el-text-color-primary);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-header .g-dialog-title[data-v-4a8b52ec]:before{content:"";position:absolute;top:50%;left:0;width:3px;height:14px;background:linear-gradient(180deg,var(--el-color-primary),var(--el-color-primary-light-3));border-radius:2px;transform:translate(-12px,-50%);opacity:0}.g-dialog-header .g-dialog-operation-container[data-v-4a8b52ec]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.g-dialog-control[data-v-4a8b52ec]{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-control[data-v-4a8b52ec]: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-control[data-v-4a8b52ec]: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-control[data-v-4a8b52ec]:active{transform:scale(.92);filter:brightness(.96)}.g-dialog-control[data-v-4a8b52ec]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-control--close[data-v-4a8b52ec]{background:linear-gradient(180deg,#ff8077,#ff5f57)}.g-dialog-control--fullscreen[data-v-4a8b52ec]{background:linear-gradient(180deg,#ffd066,#ffbd2e)}.g-dialog-control--minimize[data-v-4a8b52ec]{background:linear-gradient(180deg,#4be068,#28c840)}.g-dialog-footer[data-v-4a8b52ec]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding:2px 0}.g-dialog-footer[data-v-4a8b52ec] .el-button .el-icon{transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .2s ease;will-change:transform}.g-dialog-footer[data-v-4a8b52ec] .el-button:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(-8deg)}.g-dialog-footer[data-v-4a8b52ec] .el-button:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(-4deg);transition-duration:.12s}.g-dialog-footer[data-v-4a8b52ec] .el-button--primary:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(8deg)}.g-dialog-footer[data-v-4a8b52ec] .el-button--primary:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(4deg)}@media(prefers-reduced-motion:reduce){.g-dialog-control[data-v-4a8b52ec],.g-dialog-footer[data-v-4a8b52ec] .el-button .el-icon{transition:none}.g-dialog-footer[data-v-4a8b52ec] .el-button:hover .el-icon,.g-dialog-footer[data-v-4a8b52ec] .el-button:active .el-icon{transform:none}}.el-overlay:has(.g-dialog){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);animation:g-dialog-overlay-in .22s ease both}@keyframes g-dialog-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)}}@media(prefers-reduced-motion:reduce){.el-overlay:has(.g-dialog){animation:none}}.g-dialog.el-dialog{--el-dialog-padding-primary: 18px;--el-dialog-border-radius: 14px;border-radius:14px;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--g-dialog-sheen, rgba(255, 255, 255, .6)),transparent) top/100% 64px no-repeat,var(--el-bg-color);box-shadow:0 1px 0 var(--g-dialog-inner-highlight, rgba(255, 255, 255, .6)) inset,0 0 0 1px var(--el-border-color-lighter),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.el-dialog.is-fullscreen{border-radius:0;box-shadow:none;display:flex;flex-direction:column}.g-dialog.el-dialog.is-fullscreen .el-dialog__body{flex:1 1 auto;max-height:none;min-height:0;display:flex;flex-direction:column}.g-dialog.el-dialog.is-fullscreen .el-dialog__body>*{flex:1 1 auto;min-height:0}.g-dialog.el-dialog .el-dialog__header{margin:0;padding:14px 20px;background:linear-gradient(180deg,var(--g-dialog-header-bg, rgba(248, 250, 252, .85)),transparent);position:relative}.g-dialog.el-dialog .el-dialog__body{padding:0 20px;color:var(--el-text-color-regular);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.el-dialog .el-dialog__body::-webkit-scrollbar{width:6px;height:6px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb{background-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18));border-radius:3px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--g-dialog-scrollbar-hover, rgba(15, 23, 42, .28))}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-track{background:transparent}.g-dialog.el-dialog .el-dialog__footer{padding:12px 20px;background:linear-gradient(0deg,var(--g-dialog-footer-bg, rgba(248, 250, 252, .7)),transparent);position:relative}html.dark .el-overlay:has(.g-dialog){--g-dialog-overlay-bg: rgba(0, 0, 0, .55)}html.dark .g-dialog.el-dialog{--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.el-dialog .g-dialog-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.el-dialog .g-dialog-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.el-dialog .g-dialog-control:focus-visible{outline-color:#ffffff73}.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .22s ease}.dialog-fade-enter-from .g-dialog.el-dialog,.dialog-fade-leave-to .g-dialog.el-dialog{transform:translateY(-12px) scale(.96);opacity:0}.dialog-fade-leave-to .g-dialog.el-dialog.is-leave-to-minimize,.dialog-fade-enter-from .g-dialog.el-dialog.is-enter-from-minimize{transform:translateY(40px) scale(.85);opacity:0}.dialog-fade-leave-active .el-overlay-dialog:has(.g-dialog.is-leave-to-minimize),.dialog-fade-enter-active .el-overlay-dialog:has(.g-dialog.is-enter-from-minimize){animation:none}@media(prefers-reduced-motion:reduce){.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:opacity .18s ease;transform:none}.dialog-fade-leave-to .g-dialog.el-dialog.is-leave-to-minimize,.dialog-fade-enter-from .g-dialog.el-dialog.is-enter-from-minimize{transform:none}}
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
2
|
-
[data-motion-pop-id="${k}"] {
|
|
3
|
-
position: absolute !important;
|
|
4
|
-
width: ${m.width}px !important;
|
|
5
|
-
height: ${m.height}px !important;
|
|
6
|
-
top: ${m.top}px !important;
|
|
7
|
-
${S} !important;
|
|
8
|
-
}
|
|
9
|
-
`)}function c(u){const v=p.get(u);v&&(p.delete(u),x.frame.render(()=>{document.head.removeChild(v)}))}return{addPopStyle:n,removePopStyle:c}}var be=0;function ye(d){const p=String(be++),f=new Map,{addPopStyle:n,removePopStyle:c}=he(d);function u(l){const i=[],r=x.mountedStates.get(l);r&&l.getAttribute(x.motionGlobalConfig.motionAttribute)===p&&i.push(r);const g=Array.from(l.querySelectorAll(`[${x.motionGlobalConfig.motionAttribute}="${p}"]`));for(const V of g){const y=x.mountedStates.get(V);y&&i.push(y)}return i}function v(l,i){const r=f.get(l);r&&(r.remaining.delete(i),r.remaining.size===0&&m(r))}const E={initial:d.initial,custom:d.custom,presenceId:p,onMotionExitComplete:v};x.provideAnimatePresence(E),e.onMounted(()=>{E.initial=void 0});function m(l){c(l.el),l.states.forEach(i=>{i.getSnapshot(i.options,!1)}),l.done(),f.delete(l.el),l.el?.isConnected?l.states[0]?.didUpdate():l.states.forEach(i=>{i.unmount()}),d.onExitComplete?.()}function S(l,i){u(l).forEach(r=>{r.setActive("exit",!1),r.getSnapshot(r.options,!0)}),i()}function k(l,i){E.custom=d.custom;const r=l,g=u(r);if(g.length===0){i(),d.onExitComplete?.();return}const V={remaining:new Set(g),states:g,done:i,el:r};f.set(r,V),n(r),g.forEach(y=>{y.presenceContainer=r,y.setActive("exit",!0),y.getSnapshot(y.options,!1)}),g[0]?.didUpdate()}return e.onUnmounted(()=>{f.forEach(l=>{l.states.forEach(i=>{i.unmount()})}),f.clear()}),{enter:S,exit:k}}var we=e.defineComponent({name:"AnimatePresence",inheritAttrs:!0,__name:"AnimatePresence",props:{mode:{default:"sync"},initial:{type:Boolean,default:!0},as:{},custom:{},onExitComplete:{},anchorX:{default:"left"}},setup(d){const p=d,{enter:f,exit:n}=ye(p),c=e.computed(()=>p.mode!=="wait"?{tag:p.as}:{mode:p.mode==="wait"?"out-in":void 0});return(u,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.mode==="wait"?e.Transition:e.TransitionGroup),e.mergeProps(c.value,{appear:"",css:!1,onLeave:e.unref(n),onEnter:e.unref(f)}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16,["onLeave","onEnter"]))}}),X=we;const xe={key:0,class:"g-input-tree-tag__tags"},Ee=e.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(d,{expose:p,emit:f}){const n=d,c=f,u=e.computed(()=>({label:n.props.label||"label",children:n.props.children||"children",disabled:n.props.disabled})),v=e.computed(()=>n.props.value||n.nodeKey||"id"),E=e.computed(()=>n.props.label||"label"),m=e.computed(()=>n.props.children||"children"),S=e.computed(()=>n.props.isLeaf),k=e.computed(()=>n.echoProps?.value||"value"),l=e.computed(()=>n.echoProps?.label||"label"),i=t=>t?t[v.value]:void 0,r=t=>t?t[E.value]:"",g=t=>t?t[m.value]:void 0,V=t=>t?.[k.value]??t?.value,y=t=>t?.[l.value]??t?.label,C=t=>{if(!t)return!1;if(typeof n.selectable=="function")return n.selectable(t);if(S.value&&t[S.value]!==void 0)return!!t[S.value];const o=g(t);return!o||!o.length},H=e.computed(()=>{const t=new Map,o=(a=[])=>{a.forEach(s=>{C(s)&&t.set(i(s),s);const w=g(s);w?.length&&o(w)})};return o(n.data||[]),t}),h=e.computed(()=>(n.modelValue||[]).map(o=>{const a=n.valueFormat==="object"?V(o):o,s=H.value.get(a),w=n.valueFormat==="object"?y(o):void 0;return{value:a,label:s?r(s):w??String(a??""),raw:s??(n.valueFormat==="object"?o:void 0)}})),$=t=>h.value.some(o=>o.value===t),F=e.ref(""),b=e.ref(!1),q=e.ref(null),U=e.ref(null),j=e.ref(null),_=e.ref(null),Z=t=>{if(!t){_.value=null;return}_.value=t.$el??(t instanceof HTMLElement?t:null)},G=e.ref({}),M=e.ref("bottom"),J=e.computed(()=>({opacity:0,scale:.95,y:M.value==="bottom"?-8:8})),Q={opacity:1,scale:1,y:0},Y=e.computed(()=>({opacity:0,scale:.95,y:M.value==="bottom"?-8:8})),ee={duration:.2,ease:"easeOut"},te=e.computed(()=>({...G.value,transformOrigin:M.value==="bottom"?"top center":"bottom center"})),oe={opacity:0,scale:.8},ne={opacity:1,scale:1},ae={opacity:0,scale:.8},le={duration:.2,ease:"easeOut"},re=e.computed(()=>typeof n.width=="number"?`${n.width}px`:n.width),O=()=>{n.disabled||(b.value=!0)},P=()=>{if(!b.value)return;const t=j.value,o=_.value;if(!t||!o)return;const a=t.getBoundingClientRect(),s=o.offsetHeight||n.popperMaxHeight,z=window.innerHeight-a.bottom-n.popperOffset,fe=a.top-n.popperOffset,D=z>=s||z>=fe?"bottom":"top";M.value=D;const me=D==="bottom"?a.bottom+n.popperOffset:a.top-s-n.popperOffset;G.value={position:"fixed",top:`${me}px`,left:`${a.left}px`,width:`${a.width}px`,zIndex:String(n.popperZIndex)}};let B=null;const A=()=>{b.value&&(B&&cancelAnimationFrame(B),B=requestAnimationFrame(()=>{B=null,P()}))};let I=null;const ie=()=>{typeof ResizeObserver>"u"||!_.value||(I?.disconnect(),I=new ResizeObserver(()=>A()),I.observe(_.value))},K=()=>{I?.disconnect(),I=null};e.watch(b,async t=>{if(!t){K();return}await e.nextTick(),P(),requestAnimationFrame(P),ie()});const W=t=>{if(!b.value)return;const o=t.target;U.value?.contains(o)||_.value?.contains(o)||(b.value=!1)};e.onMounted(()=>{document.addEventListener("mousedown",W,!0),window.addEventListener("scroll",A,!0),window.addEventListener("resize",A)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",W,!0),window.removeEventListener("scroll",A,!0),window.removeEventListener("resize",A),B&&cancelAnimationFrame(B),K()});const se=t=>{b.value=!0,q.value?.filter(t),e.nextTick(P)},ue=(t,o)=>t?typeof n.filterMethod=="function"?n.filterMethod(t,o):String(r(o)??"").toLowerCase().includes(String(t).toLowerCase()):!0,ce=(t,o)=>{if(c("node-click",t),!C(t)){o&&(o.expanded=!o.expanded);return}R(t),b.value=!1},de=t=>n.valueFormat==="object"?{value:t.value,label:t.label,raw:t.raw}:t.value,R=t=>{const o=i(t);if(o==null||o==="")return;if($(o)){const w={value:o,label:r(t),raw:t};c("duplicate",w),n.duplicateMessage&&T.ElMessage.warning(n.duplicateMessage);return}const a={value:o,label:r(t),raw:t},s=[...n.modelValue||[],de(a)];c("update:modelValue",s),c("add",a),c("change",s,[...h.value,a]),n.clearInputAfterSelect&&(F.value="")},pe=()=>{if(!n.enterToAdd)return;const t=(F.value||"").trim();if(!t)return;let o=null;for(const a of H.value.values())if(r(a)===t){o=a;break}if(!o){c("not-found",t),n.notFoundMessage&&T.ElMessage.warning(n.notFoundMessage);return}R(o)},N=t=>{if(t<0||t>=h.value.length)return;const o=h.value[t],a=[...n.modelValue||[]];a.splice(t,1),c("update:modelValue",a),o&&c("remove",o,t);const s=h.value.filter((w,z)=>z!==t);c("change",a,s)};return p({open:O,close:()=>b.value=!1,clear:()=>{c("update:modelValue",[]),c("change",[],[])},addByValue:t=>{const o=H.value.get(t);o&&R(o)},removeByIndex:t=>{N(t)},removeByValue:t=>{const o=h.value.findIndex(a=>a.value===t);o>-1&&N(o)},getSelectedItems:()=>h.value}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-input-tree-tag",{"is-disabled":t.disabled}])},[e.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:U},[e.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:j,style:e.normalizeStyle({width:re.value})},[e.createVNode(e.unref(T.ElInput),{modelValue:F.value,"onUpdate:modelValue":o[0]||(o[0]=a=>F.value=a),placeholder:t.placeholder,clearable:t.clearable,disabled:t.disabled,class:"g-input-tree-tag__input",onFocus:O,onClick:O,onInput:se,onKeyup:e.withKeys(pe,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(X),null,{default:e.withCtx(()=>[b.value?(e.openBlock(),e.createBlock(e.unref(x.motion).div,{key:0,ref:Z,class:e.normalizeClass(["g-input-tree-tag__popover",`is-${M.value}`]),style:e.normalizeStyle(te.value),initial:J.value,animate:Q,exit:Y.value,transition:ee,onMousedown:o[1]||(o[1]=e.withModifiers(()=>{},["prevent"]))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:e.normalizeStyle({maxHeight:t.popperMaxHeight+"px"})},[e.createVNode(e.unref(T.ElTree),{ref_key:"treeRef",ref:q,data:t.data,props:u.value,"node-key":t.nodeKey,"filter-node-method":ue,"expand-on-click-node":!1,"default-expand-all":t.defaultExpandAll,onNodeClick:ce},{default:e.withCtx(a=>[e.renderSlot(t.$slots,"tree-node",{data:a?.data,node:a?.node,selectable:C(a?.data),selected:$(i(a?.data))},()=>[a?.data?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["g-input-tree-tag__node",{"is-selectable":C(a.data),"is-selected":C(a.data)&&$(i(a.data))}])},[e.renderSlot(t.$slots,"leaf-icon",{data:a.data,selectable:C(a.data),selected:$(i(a.data))},void 0,!0),e.createTextVNode(" "+e.toDisplayString(r(a.data)),1)],2)):e.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)]),_:3},8,["class","style","initial","exit"])):e.createCommentVNode("",!0)]),_:3})])),h.value.length?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(t.$slots,"tags",{items:h.value,remove:N},()=>[e.createVNode(e.unref(X),{mode:"popLayout"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(a,s)=>(e.openBlock(),e.createBlock(e.unref(x.motion).div,{key:a.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:oe,animate:ne,exit:ae,transition:le},{default:e.withCtx(()=>[e.createVNode(e.unref(T.ElTag),{class:"g-input-tree-tag__tag",type:t.tagType,effect:t.tagEffect,closable:t.closable&&!t.disabled,onClose:w=>N(s)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"tag",{item:a,index:s},()=>[e.createTextVNode(e.toDisplayString(a.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):e.createCommentVNode("",!0)],512)],2))}}),L=ve._export_sfc(Ee,[["__scopeId","data-v-b74dd5d2"]]);L.install=d=>{d.component(L.name,L)};exports.GInputTreeTag=L;exports.default=L;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("element-plus"),R=require("../index-xqOURU1q.js"),H=require("../AnimatePresence-CXPNzIHs.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;
|