geekin-devtoys 0.3.6 → 0.3.8
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/GButton/index.js +1 -0
- package/lib/GButton/index.mjs +8 -0
- package/lib/GDialog/index.js +1 -1
- package/lib/GDialog/index.mjs +351 -300
- package/lib/GDialog/style.css +1 -1
- package/lib/GInputTreeTag/index.js +1 -1
- package/lib/GInputTreeTag/index.mjs +1 -1
- package/lib/GInputTreeTag/style.css +1 -1
- package/lib/GSteps/index.js +1 -0
- package/lib/GSteps/index.mjs +69 -0
- package/lib/GSteps/style.css +1 -0
- package/lib/GSteps.d.ts +1 -0
- package/lib/GTable/index.js +1 -1
- package/lib/GTable/index.mjs +106 -79
- package/lib/GVideo/index.js +2 -2
- package/lib/GVideo/index.mjs +159 -158
- package/lib/GVideo/style.css +1 -1
- package/lib/components/GButton/index.d.ts +38 -0
- package/lib/components/GDialog/const.d.ts +5 -5
- package/lib/components/{GDialogPro → GDialog}/icons.d.ts +4 -4
- package/lib/components/GDialog/index.d.ts +1 -1
- package/lib/components/GInputTreeTag/index.d.ts +25 -17
- 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/components/GSteps/index.d.ts +43 -0
- package/lib/index/index.js +1 -1
- package/lib/index/index.mjs +40 -36
- package/lib/index/style.css +1 -0
- package/lib/index-CWxEZ_zc.mjs +74 -0
- package/lib/index-Q0Ej8RIj.js +1 -0
- package/lib/index.d.ts +3 -2
- package/package.json +17 -9
- package/lib/GDialog/style2.css +0 -1
- package/lib/GDialogPro/index.js +0 -1
- package/lib/GDialogPro/index.mjs +0 -529
- package/lib/components/GDialogPro/GButton.d.ts +0 -42
- package/lib/components/GDialogPro/GDialogMinimizedIcon.d.ts +0 -17
- package/lib/components/GDialogPro/const.d.ts +0 -55
- package/lib/components/GDialogPro/index.d.ts +0 -147
- package/lib/components/GDialogPro/useDialogManager.d.ts +0 -58
- package/lib/index-B1MYKy3L.js +0 -1
- package/lib/index-Dxw2pU4z.mjs +0 -106
- /package/lib/{GDialogPro.d.ts → GButton.d.ts} +0 -0
package/lib/GDialog/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
+
@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}}
|
|
@@ -1 +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-
|
|
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-7b4998bf"]]);y.install=B=>{B.component(y.name,y)};exports.GInputTreeTag=y;exports.default=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.g-input-tree-tag[data-v-
|
|
1
|
+
@charset "UTF-8";.g-input-tree-tag[data-v-7b4998bf]{width:100%}.g-input-tree-tag__wrap[data-v-7b4998bf]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-7b4998bf]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag-motion[data-v-7b4998bf]{display:inline-flex}.g-input-tree-tag__tag[data-v-7b4998bf]{margin:0}.g-input-tree-tag.is-disabled[data-v-7b4998bf]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected{color:var(--el-color-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../_plugin-vue_export-helper-BHFhmbuH.js"),_={class:"step-bar"},v=["onClick"],B={class:"step-icon"},f={key:0,class:"step-check"},h={key:1,class:"step-check"},S={class:"step-main"},y={class:"step-title"},E={key:0,class:"step-description"},g=e.defineComponent({name:"GSteps",__name:"index",props:{active:{},steps:{},errorAt:{},clickable:{type:Boolean},processStatus:{},finishStatus:{}},emits:["step-click"],setup(a,{emit:p}){const c=a,u=p,i=e.computed(()=>c.steps.map(t=>typeof t=="string"?{title:t}:t)),o=e.computed(()=>i.value.map((t,n)=>n===c.errorAt?"error":n<c.active?c.finishStatus??"success":n===c.active?c.processStatus??"process":"wait")),m=t=>t==="finish"||t==="success",k=t=>{c.clickable&&t!==c.active&&u("step-click",t)};return(t,n)=>(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.title},[e.createElementVNode("div",{class:e.normalizeClass(["step-node",["is-"+o.value[s],{"is-clickable":t.clickable}]]),onClick:b=>k(s)},[e.createElementVNode("div",B,[e.renderSlot(t.$slots,"icon",{index:s,status:o.value[s]},()=>[o.value[s]==="success"||o.value[s]==="finish"?(e.openBlock(),e.createElementBlock("span",f,"✓")):o.value[s]==="error"?(e.openBlock(),e.createElementBlock("span",h,"✕")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(s+1),1)],64))],!0)]),e.createElementVNode("div",S,[e.createElementVNode("div",y,e.toDisplayString(r.title),1),r.description?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(r.description),1)):e.createCommentVNode("",!0)])],10,v),s<t.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["step-line",["is-"+o.value[s],{"is-filled":m(o.value[s])}]])},null,2)):e.createCommentVNode("",!0)],64))),128))]))}}),l=d._export_sfc(g,[["__scopeId","data-v-d946b7c9"]]);l.install=a=>{a.component(l.name,l)};exports.GSteps=l;exports.default=l;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { defineComponent as b, computed as v, createElementBlock as c, openBlock as o, Fragment as p, renderList as C, createElementVNode as l, createCommentVNode as m, normalizeClass as k, renderSlot as g, createTextVNode as B, toDisplayString as u } from "vue";
|
|
2
|
+
import { _ as N } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
3
|
+
const V = { class: "step-bar" }, z = ["onClick"], A = { class: "step-icon" }, E = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "step-check"
|
|
6
|
+
}, F = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "step-check"
|
|
9
|
+
}, G = { class: "step-main" }, $ = { class: "step-title" }, w = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "step-description"
|
|
12
|
+
}, D = /* @__PURE__ */ b({
|
|
13
|
+
name: "GSteps",
|
|
14
|
+
__name: "index",
|
|
15
|
+
props: {
|
|
16
|
+
active: {},
|
|
17
|
+
steps: {},
|
|
18
|
+
errorAt: {},
|
|
19
|
+
clickable: { type: Boolean },
|
|
20
|
+
processStatus: {},
|
|
21
|
+
finishStatus: {}
|
|
22
|
+
},
|
|
23
|
+
emits: ["step-click"],
|
|
24
|
+
setup(n, { emit: f }) {
|
|
25
|
+
const t = n, h = f, d = v(
|
|
26
|
+
() => t.steps.map((e) => typeof e == "string" ? { title: e } : e)
|
|
27
|
+
), i = v(
|
|
28
|
+
() => d.value.map((e, r) => r === t.errorAt ? "error" : r < t.active ? t.finishStatus ?? "success" : r === t.active ? t.processStatus ?? "process" : "wait")
|
|
29
|
+
), S = (e) => e === "finish" || e === "success", y = (e) => {
|
|
30
|
+
t.clickable && e !== t.active && h("step-click", e);
|
|
31
|
+
};
|
|
32
|
+
return (e, r) => (o(), c("div", V, [
|
|
33
|
+
(o(!0), c(p, null, C(d.value, (a, s) => (o(), c(p, {
|
|
34
|
+
key: a.title
|
|
35
|
+
}, [
|
|
36
|
+
l("div", {
|
|
37
|
+
class: k(["step-node", ["is-" + i.value[s], { "is-clickable": e.clickable }]]),
|
|
38
|
+
onClick: (I) => y(s)
|
|
39
|
+
}, [
|
|
40
|
+
l("div", A, [
|
|
41
|
+
g(e.$slots, "icon", {
|
|
42
|
+
index: s,
|
|
43
|
+
status: i.value[s]
|
|
44
|
+
}, () => [
|
|
45
|
+
i.value[s] === "success" || i.value[s] === "finish" ? (o(), c("span", E, "✓")) : i.value[s] === "error" ? (o(), c("span", F, "✕")) : (o(), c(p, { key: 2 }, [
|
|
46
|
+
B(u(s + 1), 1)
|
|
47
|
+
], 64))
|
|
48
|
+
], !0)
|
|
49
|
+
]),
|
|
50
|
+
l("div", G, [
|
|
51
|
+
l("div", $, u(a.title), 1),
|
|
52
|
+
a.description ? (o(), c("div", w, u(a.description), 1)) : m("", !0)
|
|
53
|
+
])
|
|
54
|
+
], 10, z),
|
|
55
|
+
s < e.steps.length - 1 ? (o(), c("div", {
|
|
56
|
+
key: 0,
|
|
57
|
+
class: k(["step-line", ["is-" + i.value[s], { "is-filled": S(i.value[s]) }]])
|
|
58
|
+
}, null, 2)) : m("", !0)
|
|
59
|
+
], 64))), 128))
|
|
60
|
+
]));
|
|
61
|
+
}
|
|
62
|
+
}), _ = /* @__PURE__ */ N(D, [["__scopeId", "data-v-d946b7c9"]]);
|
|
63
|
+
_.install = (n) => {
|
|
64
|
+
n.component(_.name, _);
|
|
65
|
+
};
|
|
66
|
+
export {
|
|
67
|
+
_ as GSteps,
|
|
68
|
+
_ as default
|
|
69
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.step-bar[data-v-d946b7c9]{display:flex;align-items:center;justify-content:center;width:100%}.step-node[data-v-d946b7c9]{display:flex;flex-shrink:0;align-items:center;gap:8px}.step-node .step-icon[data-v-d946b7c9]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:13px;color:var(--steps-wait-color, var(--el-color-info, #909399));background:var(--steps-bg-color, #fff);border:1px solid var(--steps-border-color, var(--el-border-color, #dcdfe6));border-radius:50%;transition:all .2s}.step-node .step-main[data-v-d946b7c9]{display:flex;flex-direction:column;gap:2px;text-align:left}.step-node .step-title[data-v-d946b7c9]{font-size:14px;color:var(--steps-wait-color, var(--el-color-info, #909399));transition:all .2s}.step-node .step-description[data-v-d946b7c9]{font-size:12px;line-height:1.5;color:var(--steps-description-color, var(--el-text-color-secondary, #909399));transition:all .2s}.step-node.is-clickable[data-v-d946b7c9]{cursor:pointer}.step-node.is-clickable:hover .step-title[data-v-d946b7c9]{color:var(--el-color-primary)}.step-node.is-process .step-icon[data-v-d946b7c9]{color:#fff;background:var(--steps-process-color, var(--el-color-primary));border-color:var(--steps-process-color, var(--el-color-primary))}.step-node.is-process .step-title[data-v-d946b7c9]{font-weight:600;color:var(--steps-process-color, var(--el-color-primary))}.step-node.is-finish .step-icon[data-v-d946b7c9]{color:#fff;background:var(--steps-finish-color, var(--el-color-primary));border-color:var(--steps-finish-color, var(--el-color-primary))}.step-node.is-finish .step-title[data-v-d946b7c9]{color:var(--steps-title-color, var(--el-text-color-primary, #303133))}.step-node.is-success .step-icon[data-v-d946b7c9]{color:#fff;background:var(--steps-success-color, var(--el-color-success));border-color:var(--steps-success-color, var(--el-color-success))}.step-node.is-success .step-title[data-v-d946b7c9]{color:var(--steps-title-color, var(--el-text-color-primary, #303133))}.step-node.is-error .step-icon[data-v-d946b7c9]{color:#fff;background:var(--steps-error-color, var(--el-color-error, #f56c6c));border-color:var(--steps-error-color, var(--el-color-error, #f56c6c))}.step-node.is-error .step-title[data-v-d946b7c9]{font-weight:600;color:var(--steps-error-color, var(--el-color-error, #f56c6c))}.step-node .step-check[data-v-d946b7c9]{font-size:12px;line-height:1}.step-line[data-v-d946b7c9]{flex:1;height:1px;margin:0 12px;background-color:var(--steps-line-color, var(--el-border-color, #dcdfe6));transition:background-color .2s}.step-line.is-filled[data-v-d946b7c9]{background-color:var(--steps-success-color, var(--el-color-success))}.step-line.is-finish.is-filled[data-v-d946b7c9]{background-color:var(--steps-finish-color, var(--el-color-primary))}
|
package/lib/GSteps.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
package/lib/GTable/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("sortablejs"),y=require("../_plugin-vue_export-helper-BHFhmbuH.js");var k=e.defineComponent({name:"ArrowDown",__name:"arrow-down",setup(i){return(F,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"})]))}}),S=k,z=e.defineComponent({name:"Operation",__name:"operation",setup(i){return(F,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M389.44 768a96.064 96.064 0 0 1 181.12 0H896v64H570.56a96.064 96.064 0 0 1-181.12 0H128v-64zm192-288a96.064 96.064 0 0 1 181.12 0H896v64H762.56a96.064 96.064 0 0 1-181.12 0H128v-64zm-320-288a96.064 96.064 0 0 1 181.12 0H896v64H442.56a96.064 96.064 0 0 1-181.12 0H128v-64z"})]))}}),x=z,T={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color},按 Enter 键选择新颜色",alphaLabel:"选择透明度的值",alphaDescription:"透明度 {alpha}, 当前颜色 {color}",hueLabel:"选择色相值",hueDescription:"色相 {hue}, 当前颜色 {color}",svLabel:"选择饱和度与明度的值",svDescription:"饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",predefineDescription:"选择 {value} 作为颜色"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},mention:{loading:"加载中"},dropdown:{toggleDropdown:"切换下拉选项"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 Delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计",selectAllLabel:"选择所有行",selectRowLabel:"选择当前行",expandRowLabel:"展开当前行",collapseRowLabel:"收起当前行",sortLabel:"按 {column} 排序",filterLabel:"按 {column} 过滤"},tag:{close:"关闭此标签"},tour:{next:"下一步",previous:"上一步",finish:"结束导览",close:"关闭此对话框"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};const N={class:"g-table"},P={key:0,class:"g-table-action"},V={key:1},L={class:"g-dropdown-link"},$=e.defineComponent({name:"GTable",inheritAttrs:!1,__name:"index",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!1},operationLabel:{default:"操作"},operaWidth:{default:160},dragSort:{type:Boolean,default:!1},dragSortProps:{default:()=>[]},currentPage:{default:1},pageSize:{default:10},total:{default:0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next"},size:{default:"default"}},emits:["update:currentPage","update:pageSize","sorted:data"],setup(i,{emit:F}){const n=i,d=F,B=u=>{d("update:pageSize",u)},w=u=>{d("update:currentPage",u)},b=e.useSlots(),C=u=>!!b[u],E=e.useAttrs(),v=u=>{const t=!!E["page-size"],r=!!E["current-page"];if(t&&r){const a=Number(E["page-size"]||10),o=Number(E["current-page"]||1);return u+1+a*(o-1)}return u},p=e.ref(null),m=e.shallowRef(null),_=(u=20)=>new Promise(t=>{let r=0;const a=()=>{if(!p.value){t(null);return}const o=p.value.$el.querySelectorAll("tbody");for(let s=0;s<o.length;s++)if(o[s].querySelectorAll("tr").length>0){t(o[s]);return}if(++r>=u){t(null);return}setTimeout(a,500)};a()}),h=async()=>{if(p.value)try{const u=await _();if(!u){console.error("未找到包含数据行的 tbody 元素");return}m.value?.destroy?.(),m.value=new A(u,{draggable:"tr",handle:".g-drag-icon",animation:200,ghostClass:"g-sortable-ghost",forceFallback:!0,onStart:function(t){t.item.classList.add("dragging")},onEnd:async function(t){t.item.classList.remove("dragging");const{oldIndex:r,newIndex:a}=t;if(r===void 0||a===void 0){console.error("无效的索引值");return}const o=[...n.data],[s]=o.splice(r,1);if(o.splice(a,0,s),n.dragSortProps.length===0){d("sorted:data",o);return}if(n.dragSortProps.length>0){const f=o.map(D=>{const g={};return n.dragSortProps.forEach(l=>{g[l]=D[l]}),g});d("sorted:data",f)}}})}catch(u){console.error("初始化拖拽排序失败:",u)}};return e.onMounted(()=>{n.dragSort&&h()}),e.watch(()=>n.data,()=>{n.dragSort&&h()}),e.onBeforeUnmount(()=>{m.value?.destroy?.(),m.value=null}),(u,t)=>{const r=e.resolveComponent("el-icon"),a=e.resolveComponent("el-table-column"),o=e.resolveComponent("el-dropdown-menu"),s=e.resolveComponent("el-dropdown"),f=e.resolveComponent("el-table"),D=e.resolveComponent("el-pagination"),g=e.resolveComponent("el-config-provider");return e.openBlock(),e.createElementBlock("div",N,[u.$slots.action?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(u.$slots,"action",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(f,e.mergeProps({data:u.data||[]},u.$attrs,{size:u.size,stripe:"",ref_key:"tableRef",ref:p,class:["g-table-main",`g-table-main--${u.size}`]}),{empty:e.withCtx(()=>[u.$slots.empty?e.renderSlot(u.$slots,"empty",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("span",V,"暂无数据"))]),default:e.withCtx(()=>[u.dragSort?(e.openBlock(),e.createBlock(a,{key:0,label:"序号",width:"65"},{default:e.withCtx(l=>[e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(v(l.$index))+" ",1),e.createVNode(r,{class:"g-drag-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(x))]),_:1})])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default",{},void 0,!0),C("operations")?(e.openBlock(),e.createBlock(a,{key:1,fixed:"right",label:u.operationLabel||"操作",width:u.operaWidth},{default:e.withCtx(l=>[e.renderSlot(u.$slots,"operations",{row:l.row,index:l.$index},void 0,!0),C("more")?(e.openBlock(),e.createBlock(s,{key:0,size:"small",style:{"vertical-align":"baseline"}},{dropdown:e.withCtx(()=>[e.createVNode(o,null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"more",{row:l.row,index:l.$index},void 0,!0)]),_:2},1024)]),default:e.withCtx(()=>[e.createElementVNode("span",L,[t[0]||(t[0]=e.createTextVNode(" 更多 ")),e.createVNode(r,null,{default:e.withCtx(()=>[e.createVNode(e.unref(S))]),_:1})])]),_:2},1024)):e.createCommentVNode("",!0)]),_:3},8,["label","width"])):e.createCommentVNode("",!0)]),_:3},16,["data","size","class"]),u.pagination?(e.openBlock(),e.createBlock(g,{key:1,locale:e.unref(T)},{default:e.withCtx(()=>[e.createVNode(D,{class:"g-pagination-contianer",size:"small","current-page":u.currentPage,"page-size":u.pageSize,total:u.total,"page-sizes":u.pageSizes,layout:u.layout,onSizeChange:B,onCurrentChange:w},null,8,["current-page","page-size","total","page-sizes","layout"])]),_:1},8,["locale"])):e.createCommentVNode("",!0)])}}}),c=y._export_sfc($,[["__scopeId","data-v-90ad3ecc"]]);c.install=i=>{i.component(c.name,c)};exports.GTable=c;exports.default=c;
|
package/lib/GTable/index.mjs
CHANGED
|
@@ -1,8 +1,35 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { defineComponent as z, createElementBlock as m, openBlock as s, createElementVNode as b, useSlots as M, useAttrs as R, ref as N, shallowRef as I, onMounted as V, watch as W, onBeforeUnmount as j, resolveComponent as d, createCommentVNode as p, createVNode as E, createBlock as C, renderSlot as g, mergeProps as q, withCtx as o, createTextVNode as P, toDisplayString as G, unref as A } from "vue";
|
|
2
|
+
import Y from "sortablejs";
|
|
3
|
+
import { _ as O } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
4
|
+
var U = /* @__PURE__ */ z({
|
|
5
|
+
name: "ArrowDown",
|
|
6
|
+
__name: "arrow-down",
|
|
7
|
+
setup(c) {
|
|
8
|
+
return (w, r) => (s(), m("svg", {
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
viewBox: "0 0 1024 1024"
|
|
11
|
+
}, [
|
|
12
|
+
b("path", {
|
|
13
|
+
fill: "currentColor",
|
|
14
|
+
d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
|
|
15
|
+
})
|
|
16
|
+
]));
|
|
17
|
+
}
|
|
18
|
+
}), J = U, K = /* @__PURE__ */ z({
|
|
19
|
+
name: "Operation",
|
|
20
|
+
__name: "operation",
|
|
21
|
+
setup(c) {
|
|
22
|
+
return (w, r) => (s(), m("svg", {
|
|
23
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
24
|
+
viewBox: "0 0 1024 1024"
|
|
25
|
+
}, [
|
|
26
|
+
b("path", {
|
|
27
|
+
fill: "currentColor",
|
|
28
|
+
d: "M389.44 768a96.064 96.064 0 0 1 181.12 0H896v64H570.56a96.064 96.064 0 0 1-181.12 0H128v-64zm192-288a96.064 96.064 0 0 1 181.12 0H896v64H762.56a96.064 96.064 0 0 1-181.12 0H128v-64zm-320-288a96.064 96.064 0 0 1 181.12 0H896v64H442.56a96.064 96.064 0 0 1-181.12 0H128v-64z"
|
|
29
|
+
})
|
|
30
|
+
]));
|
|
31
|
+
}
|
|
32
|
+
}), Q = K, X = {
|
|
6
33
|
name: "zh-cn",
|
|
7
34
|
el: {
|
|
8
35
|
breadcrumb: {
|
|
@@ -196,10 +223,10 @@ var O = {
|
|
|
196
223
|
}
|
|
197
224
|
}
|
|
198
225
|
};
|
|
199
|
-
const
|
|
226
|
+
const Z = { class: "g-table" }, uu = {
|
|
200
227
|
key: 0,
|
|
201
228
|
class: "g-table-action"
|
|
202
|
-
},
|
|
229
|
+
}, eu = { key: 1 }, tu = { class: "g-dropdown-link" }, au = /* @__PURE__ */ z({
|
|
203
230
|
name: "GTable",
|
|
204
231
|
inheritAttrs: !1,
|
|
205
232
|
__name: "index",
|
|
@@ -218,29 +245,29 @@ const Q = { class: "g-table" }, X = {
|
|
|
218
245
|
size: { default: "default" }
|
|
219
246
|
},
|
|
220
247
|
emits: ["update:currentPage", "update:pageSize", "sorted:data"],
|
|
221
|
-
setup(
|
|
222
|
-
const
|
|
248
|
+
setup(c, { emit: w }) {
|
|
249
|
+
const r = c, F = w, T = (u) => {
|
|
223
250
|
F("update:pageSize", u);
|
|
224
|
-
},
|
|
251
|
+
}, L = (u) => {
|
|
225
252
|
F("update:currentPage", u);
|
|
226
|
-
},
|
|
227
|
-
const e = !!
|
|
253
|
+
}, x = M(), S = (u) => !!x[u], f = R(), $ = (u) => {
|
|
254
|
+
const e = !!f["page-size"], n = !!f["current-page"];
|
|
228
255
|
if (e && n) {
|
|
229
|
-
const a = Number(
|
|
256
|
+
const a = Number(f["page-size"] || 10), t = Number(f["current-page"] || 1);
|
|
230
257
|
return u + 1 + a * (t - 1);
|
|
231
258
|
}
|
|
232
259
|
return u;
|
|
233
|
-
},
|
|
260
|
+
}, D = N(null), h = I(null), H = (u = 20) => new Promise((e) => {
|
|
234
261
|
let n = 0;
|
|
235
262
|
const a = () => {
|
|
236
|
-
if (!
|
|
263
|
+
if (!D.value) {
|
|
237
264
|
e(null);
|
|
238
265
|
return;
|
|
239
266
|
}
|
|
240
|
-
const t =
|
|
241
|
-
for (let
|
|
242
|
-
if (t[
|
|
243
|
-
e(t[
|
|
267
|
+
const t = D.value.$el.querySelectorAll("tbody");
|
|
268
|
+
for (let i = 0; i < t.length; i++)
|
|
269
|
+
if (t[i].querySelectorAll("tr").length > 0) {
|
|
270
|
+
e(t[i]);
|
|
244
271
|
return;
|
|
245
272
|
}
|
|
246
273
|
if (++n >= u) {
|
|
@@ -250,15 +277,15 @@ const Q = { class: "g-table" }, X = {
|
|
|
250
277
|
setTimeout(a, 500);
|
|
251
278
|
};
|
|
252
279
|
a();
|
|
253
|
-
}),
|
|
254
|
-
if (
|
|
280
|
+
}), k = async () => {
|
|
281
|
+
if (D.value)
|
|
255
282
|
try {
|
|
256
|
-
const u = await
|
|
283
|
+
const u = await H();
|
|
257
284
|
if (!u) {
|
|
258
285
|
console.error("未找到包含数据行的 tbody 元素");
|
|
259
286
|
return;
|
|
260
287
|
}
|
|
261
|
-
|
|
288
|
+
h.value?.destroy?.(), h.value = new Y(u, {
|
|
262
289
|
// 拖拽的元素选择器
|
|
263
290
|
draggable: "tr",
|
|
264
291
|
// 拖拽的触发元素选择器
|
|
@@ -279,19 +306,19 @@ const Q = { class: "g-table" }, X = {
|
|
|
279
306
|
console.error("无效的索引值");
|
|
280
307
|
return;
|
|
281
308
|
}
|
|
282
|
-
const t = [...
|
|
283
|
-
if (t.splice(a, 0,
|
|
309
|
+
const t = [...r.data], [i] = t.splice(n, 1);
|
|
310
|
+
if (t.splice(a, 0, i), r.dragSortProps.length === 0) {
|
|
284
311
|
F("sorted:data", t);
|
|
285
312
|
return;
|
|
286
313
|
}
|
|
287
|
-
if (
|
|
288
|
-
const
|
|
289
|
-
const
|
|
290
|
-
return
|
|
291
|
-
|
|
292
|
-
}),
|
|
314
|
+
if (r.dragSortProps.length > 0) {
|
|
315
|
+
const _ = t.map((v) => {
|
|
316
|
+
const B = {};
|
|
317
|
+
return r.dragSortProps.forEach((l) => {
|
|
318
|
+
B[l] = v[l];
|
|
319
|
+
}), B;
|
|
293
320
|
});
|
|
294
|
-
F("sorted:data",
|
|
321
|
+
F("sorted:data", _);
|
|
295
322
|
}
|
|
296
323
|
}
|
|
297
324
|
});
|
|
@@ -299,102 +326,102 @@ const Q = { class: "g-table" }, X = {
|
|
|
299
326
|
console.error("初始化拖拽排序失败:", u);
|
|
300
327
|
}
|
|
301
328
|
};
|
|
302
|
-
return
|
|
303
|
-
|
|
304
|
-
}),
|
|
305
|
-
|
|
306
|
-
}),
|
|
307
|
-
|
|
329
|
+
return V(() => {
|
|
330
|
+
r.dragSort && k();
|
|
331
|
+
}), W(() => r.data, () => {
|
|
332
|
+
r.dragSort && k();
|
|
333
|
+
}), j(() => {
|
|
334
|
+
h.value?.destroy?.(), h.value = null;
|
|
308
335
|
}), (u, e) => {
|
|
309
|
-
const n =
|
|
310
|
-
return
|
|
311
|
-
u.$slots.action ? (
|
|
312
|
-
|
|
313
|
-
])) :
|
|
314
|
-
|
|
336
|
+
const n = d("el-icon"), a = d("el-table-column"), t = d("el-dropdown-menu"), i = d("el-dropdown"), _ = d("el-table"), v = d("el-pagination"), B = d("el-config-provider");
|
|
337
|
+
return s(), m("div", Z, [
|
|
338
|
+
u.$slots.action ? (s(), m("div", uu, [
|
|
339
|
+
g(u.$slots, "action", {}, void 0, !0)
|
|
340
|
+
])) : p("", !0),
|
|
341
|
+
E(_, q({
|
|
315
342
|
data: u.data || []
|
|
316
343
|
}, u.$attrs, {
|
|
317
344
|
size: u.size,
|
|
318
345
|
stripe: "",
|
|
319
346
|
ref_key: "tableRef",
|
|
320
|
-
ref:
|
|
347
|
+
ref: D,
|
|
321
348
|
class: ["g-table-main", `g-table-main--${u.size}`]
|
|
322
349
|
}), {
|
|
323
350
|
empty: o(() => [
|
|
324
|
-
u.$slots.empty ?
|
|
351
|
+
u.$slots.empty ? g(u.$slots, "empty", { key: 0 }, void 0, !0) : (s(), m("span", eu, "暂无数据"))
|
|
325
352
|
]),
|
|
326
353
|
default: o(() => [
|
|
327
|
-
u.dragSort ? (
|
|
354
|
+
u.dragSort ? (s(), C(a, {
|
|
328
355
|
key: 0,
|
|
329
356
|
label: "序号",
|
|
330
357
|
width: "65"
|
|
331
358
|
}, {
|
|
332
|
-
default: o((
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
359
|
+
default: o((l) => [
|
|
360
|
+
b("div", null, [
|
|
361
|
+
P(G($(l.$index)) + " ", 1),
|
|
362
|
+
E(n, { class: "g-drag-icon" }, {
|
|
336
363
|
default: o(() => [
|
|
337
|
-
|
|
364
|
+
E(A(Q))
|
|
338
365
|
]),
|
|
339
366
|
_: 1
|
|
340
367
|
})
|
|
341
368
|
])
|
|
342
369
|
]),
|
|
343
370
|
_: 1
|
|
344
|
-
})) :
|
|
345
|
-
|
|
346
|
-
|
|
371
|
+
})) : p("", !0),
|
|
372
|
+
g(u.$slots, "default", {}, void 0, !0),
|
|
373
|
+
S("operations") ? (s(), C(a, {
|
|
347
374
|
key: 1,
|
|
348
375
|
fixed: "right",
|
|
349
376
|
label: u.operationLabel || "操作",
|
|
350
377
|
width: u.operaWidth
|
|
351
378
|
}, {
|
|
352
|
-
default: o((
|
|
353
|
-
|
|
354
|
-
row:
|
|
355
|
-
index:
|
|
379
|
+
default: o((l) => [
|
|
380
|
+
g(u.$slots, "operations", {
|
|
381
|
+
row: l.row,
|
|
382
|
+
index: l.$index
|
|
356
383
|
}, void 0, !0),
|
|
357
|
-
|
|
384
|
+
S("more") ? (s(), C(i, {
|
|
358
385
|
key: 0,
|
|
359
386
|
size: "small",
|
|
360
387
|
style: { "vertical-align": "baseline" }
|
|
361
388
|
}, {
|
|
362
389
|
dropdown: o(() => [
|
|
363
|
-
|
|
390
|
+
E(t, null, {
|
|
364
391
|
default: o(() => [
|
|
365
|
-
|
|
366
|
-
row:
|
|
367
|
-
index:
|
|
392
|
+
g(u.$slots, "more", {
|
|
393
|
+
row: l.row,
|
|
394
|
+
index: l.$index
|
|
368
395
|
}, void 0, !0)
|
|
369
396
|
]),
|
|
370
397
|
_: 2
|
|
371
398
|
}, 1024)
|
|
372
399
|
]),
|
|
373
400
|
default: o(() => [
|
|
374
|
-
|
|
375
|
-
e[0] || (e[0] =
|
|
376
|
-
|
|
401
|
+
b("span", tu, [
|
|
402
|
+
e[0] || (e[0] = P(" 更多 ")),
|
|
403
|
+
E(n, null, {
|
|
377
404
|
default: o(() => [
|
|
378
|
-
|
|
405
|
+
E(A(J))
|
|
379
406
|
]),
|
|
380
407
|
_: 1
|
|
381
408
|
})
|
|
382
409
|
])
|
|
383
410
|
]),
|
|
384
411
|
_: 2
|
|
385
|
-
}, 1024)) :
|
|
412
|
+
}, 1024)) : p("", !0)
|
|
386
413
|
]),
|
|
387
414
|
_: 3
|
|
388
|
-
}, 8, ["label", "width"])) :
|
|
415
|
+
}, 8, ["label", "width"])) : p("", !0)
|
|
389
416
|
]),
|
|
390
417
|
_: 3
|
|
391
418
|
}, 16, ["data", "size", "class"]),
|
|
392
|
-
u.pagination ? (
|
|
419
|
+
u.pagination ? (s(), C(B, {
|
|
393
420
|
key: 1,
|
|
394
|
-
locale:
|
|
421
|
+
locale: A(X)
|
|
395
422
|
}, {
|
|
396
423
|
default: o(() => [
|
|
397
|
-
|
|
424
|
+
E(v, {
|
|
398
425
|
class: "g-pagination-contianer",
|
|
399
426
|
size: "small",
|
|
400
427
|
"current-page": u.currentPage,
|
|
@@ -402,18 +429,18 @@ const Q = { class: "g-table" }, X = {
|
|
|
402
429
|
total: u.total,
|
|
403
430
|
"page-sizes": u.pageSizes,
|
|
404
431
|
layout: u.layout,
|
|
405
|
-
onSizeChange:
|
|
406
|
-
onCurrentChange:
|
|
432
|
+
onSizeChange: T,
|
|
433
|
+
onCurrentChange: L
|
|
407
434
|
}, null, 8, ["current-page", "page-size", "total", "page-sizes", "layout"])
|
|
408
435
|
]),
|
|
409
436
|
_: 1
|
|
410
|
-
}, 8, ["locale"])) :
|
|
437
|
+
}, 8, ["locale"])) : p("", !0)
|
|
411
438
|
]);
|
|
412
439
|
};
|
|
413
440
|
}
|
|
414
|
-
}), y = /* @__PURE__ */
|
|
415
|
-
y.install = (
|
|
416
|
-
|
|
441
|
+
}), y = /* @__PURE__ */ O(au, [["__scopeId", "data-v-90ad3ecc"]]);
|
|
442
|
+
y.install = (c) => {
|
|
443
|
+
c.component(y.name, y);
|
|
417
444
|
};
|
|
418
445
|
export {
|
|
419
446
|
y as GTable,
|