npm - kivii-public-components - Versions diffs - 0.2.21 → 0.2.22 - Mend

kivii-public-components 0.2.21 → 0.2.22

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.

Files changed (4) hide show

package/dist/kivii-public-components.css +1 -1
package/dist/kivii-public-components.js +49 -28
package/dist/kivii-public-components.umd.cjs +1 -1
package/package.json +1 -1

package/dist/kivii-public-components.css CHANGED Viewed

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer kiviitheme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#4e628f;--color-primary-hover:#3d4f72;--color-primary-active:#2f3c57;--color-primary-bg:#4e628f1a;--color-primary-bg-hover:#4e628f26;--color-text:#374151}}@layer kiviibase{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.dark{--color-primary:#6b84b8;--color-primary-hover:#5a70a0;--color-primary-active:#4a5e88;--color-primary-bg:#6b84b826;--color-primary-bg-hover:#6b84b833;--color-text:#d1d5db;--color-text-muted:#9ca3af;--color-text-heading:#f9fafb;--color-bg:#1f2937;--color-bg-secondary:#111827;--color-border:#374151;--color-border-hover:#4b5563}}@layer kiviicomponents;@layer kiviiutilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.end{inset-inline-end:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.h-full{height:100%}.min-h-\[36px\]{min-height:36px}.w-6{width:calc(var(--spacing) * 6)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-400{border-color:var(--color-blue-400)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-600{color:var(--color-blue-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-red-500:hover{color:var(--color-red-500)}}.dark\:border-\[\#ffffff17\]:where(.dark,.dark *){border-color:#ffffff17}.dark\:border-\[\#ffffff33\]:where(.dark,.dark *){border-color:#fff3}.dark\:border-blue-500\/50:where(.dark,.dark *){border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.dark\:bg-\[\#18181c\]:where(.dark,.dark *){background-color:#18181c}.dark\:bg-\[\#101014\]:where(.dark,.dark *){background-color:#101014}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}@media (hover:hover){.dark\:group-hover\:text-blue-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:hover\:border-blue-500\/50:where(.dark,.dark *):hover{border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-blue-500\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.dark\:hover\:bg-\[\#ffffff17\]:where(.dark,.dark *):hover{background-color:#ffffff17}.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:hover\:bg-blue-900\/30:where(.dark,.dark *):hover{background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:hover\:bg-blue-900\/40:where(.dark,.dark *):hover{background-color:#1c398e66}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}.dark\:hover\:text-red-400:where(.dark,.dark *):hover{color:var(--color-red-400)}}}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#app{width:100%;height:100vh;margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.dialog-header[data-v-957c2abe]{justify-content:space-between;align-items:center;width:100%;display:flex}.selection-badge[data-v-957c2abe]{background-color:var(--n-primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.dialog-content[data-v-957c2abe]{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow-y:auto}.dynamic-component-container[data-v-957c2abe]{width:100%;height:100%;min-height:300px}.default-display-container[data-v-957c2abe]{flex-direction:column;gap:16px;display:flex}.info-section[data-v-957c2abe]{border-bottom:1px solid var(--n-border-color);align-items:center;gap:12px;padding:8px 0;display:flex}.info-label[data-v-957c2abe]{color:var(--n-text-color);min-width:80px;font-weight:500}.info-value[data-v-957c2abe]{color:var(--n-text-color-2);flex:1;font-family:monospace}.selection-summary[data-v-957c2abe]{flex:1}.count-info[data-v-957c2abe]{color:var(--n-primary-color);font-weight:500}.data-section[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-957c2abe]{color:var(--n-text-color);border-bottom:1px solid var(--n-border-color);padding-bottom:8px;font-weight:500}.data-container[data-v-957c2abe]{max-height:400px;overflow-y:auto}.multiple-data[data-v-957c2abe],.single-data[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.data-item[data-v-957c2abe]{border:1px solid var(--n-border-color);border-radius:6px;overflow:hidden}.item-header[data-v-957c2abe]{background-color:var(--n-card-color);color:var(--n-text-color-2);border-bottom:1px solid var(--n-border-color);padding:8px 12px;font-size:12px;font-weight:500}.item-content[data-v-957c2abe]{background-color:var(--n-code-color);max-height:200px;padding:12px;overflow-y:auto}.item-content pre[data-v-957c2abe]{color:var(--n-text-color-2);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:12px}.no-data[data-v-957c2abe]{text-align:center;color:var(--n-text-color-3);padding:40px;font-style:italic}.dialog-actions[data-v-957c2abe]{justify-content:flex-end;gap:12px;display:flex}[data-v-957c2abe] .n-scrollbar-rail{right:2px}[data-v-957c2abe] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.search-card[data-v-2107cb07]{margin-bottom:8px}.custom-actions[data-v-2107cb07]{background-color:var(--n-color-action);border-radius:4px;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;animation:.3s fadeIn-2107cb07;display:flex}.selected-info[data-v-2107cb07]{white-space:nowrap;align-items:center;display:flex}.actions-list[data-v-2107cb07]{flex-wrap:wrap;flex:1;gap:8px;display:flex}.actions-close[data-v-2107cb07]{margin-left:auto}@keyframes fadeIn-2107cb07{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-view-button[data-v-2107cb07]:hover{box-shadow:none!important;background-color:#0000!important}.add-icon[data-v-2107cb07]{transition:all .3s}.add-view-button:hover .add-icon[data-v-2107cb07]{transform:translateY(-6px)scale(1.5)!important}.top-actions[data-v-2107cb07]{justify-content:flex-end;padding-bottom:8px;display:flex}.search-form-area[data-v-2107cb07]{margin-top:8px}[data-v-2107cb07] .n-form-item{margin-bottom:0}[data-v-2107cb07] .n-form-item-label{width:100px;color:var(--n-text-color-2);justify-content:flex-end;align-items:flex-start;height:28px;padding-top:5px;padding-right:8px;font-size:14px;display:flex}[data-v-2107cb07] .n-form-item-label label{margin:0;line-height:1}.n-date-picker.n-date-picker--range[data-v-2107cb07]{width:100%}[data-v-2107cb07] .n-form-item-blank{min-height:28px}[data-v-2107cb07] .n-input,[data-v-2107cb07] .n-select,[data-v-2107cb07] .n-date-picker{--n-height:28px}[data-v-2107cb07] .n-form-item-feedback-wrapper{display:none}[data-v-2107cb07] .n-card__content{padding:12px!important}.action-buttons[data-v-2107cb07]{align-items:center;height:28px;margin-left:0;display:flex}.tab-with-dropdown[data-v-2107cb07]{align-items:center;gap:4px;display:flex}.tab-with-dropdown .n-button[data-v-2107cb07]{opacity:.6;transition:opacity .2s}.tab-with-dropdown:hover .n-button[data-v-2107cb07]{opacity:1}[data-v-2107cb07] .n-tabs-tab{position:relative}[data-v-2107cb07] .n-tabs-tab .tab-with-dropdown .n-button{z-index:10;position:relative}.search-card[data-v-02cb8f6c]{margin-bottom:8px}.tag-container[data-v-02cb8f6c]{justify-content:flex-start;align-items:center;display:flex}.image-container[data-v-02cb8f6c]{justify-content:center;align-items:center;padding:4px;display:flex}.image-container img[data-v-02cb8f6c]{transition:transform .2s}.image-container img[data-v-02cb8f6c]:hover{transform:scale(1.05)}[data-v-02cb8f6c] .n-data-table{--n-merged-th-color:var(--n-table-color);--n-merged-td-color:var(--n-table-color);--n-table-color:var(--n-card-color);--n-table-header-color:var(--n-card-color);--n-table-color-hover:var(--n-color-target);--n-table-color-striped:var(--n-color-target);--n-table-color-dark:#2d2d2d;--n-table-header-color-dark:#333}[data-v-02cb8f6c] .n-data-table-base-table-body{overflow:auto!important}[data-v-02cb8f6c] .n-data-table-table{min-width:100%}[data-v-02cb8f6c] .n-pagination .n-pagination-size-picker,[data-v-02cb8f6c] .n-pagination .n-pagination-size-picker .n-base-selection{width:84px!important}[data-v-02cb8f6c] .n-pagination{align-items:center;gap:8px;display:flex}[data-v-02cb8f6c] .n-pagination-prefix{white-space:nowrap;margin-right:auto}[data-v-02cb8f6c] .n-data-table-base-table{width:100%}[data-v-02cb8f6c] .n-data-table-base-table-body{overflow-x:auto!important}[data-v-02cb8f6c] .n-scrollbar-container{min-width:100%}.icon-button[data-v-02cb8f6c]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.icon-button[data-v-02cb8f6c]:hover{transform:scale(1.2)}[data-v-02cb8f6c] .n-data-table .action-buttons .n-button{min-width:60px;cursor:pointer!important}[data-v-02cb8f6c] .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table-td--fixed-right{background-color:var(--v6e5ef0a9)!important;z-index:2!important;position:sticky!important}[data-v-02cb8f6c] .n-data-table-th--fixed-left{background-color:var(--v46a55a94)!important;z-index:3!important;position:sticky!important;box-shadow:2px 0 4px #0000001f!important}[data-v-02cb8f6c] .n-data-table-th--fixed-right{background-color:var(--v46a55a94)!important;z-index:3!important;position:sticky!important;box-shadow:-2px 0 4px #0000001f!important}[data-v-02cb8f6c] .n-data-table-td--fixed-left{box-shadow:2px 0 4px #00000014!important}[data-v-02cb8f6c] .n-data-table-td--fixed-right{box-shadow:-2px 0 4px #00000014!important}[data-v-02cb8f6c] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-right,[data-v-02cb8f6c] .n-data-table-tr:hover .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table-tr:hover .n-data-table-td--fixed-right{background-color:var(--v6e5ef0a9)!important}.setting-item[data-v-c5f473e2]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.setting-item[data-v-c5f473e2]:last-child{border-bottom:none}.setting-label[data-v-c5f473e2]{color:var(--n-text-color-2);flex:0 0 120px;font-size:14px}.setting-control[data-v-c5f473e2]{flex:1;justify-content:flex-end;align-items:center;display:flex}.size-group[data-v-c5f473e2]{width:100%}[data-v-c5f473e2] .n-radio-group{gap:8px;display:flex}[data-v-c5f473e2] .n-radio-button{text-align:center;flex:1}[data-v-c5f473e2] .n-select,[data-v-c5f473e2] .n-input,[data-v-c5f473e2] .n-input-number{width:100%}.columns-header[data-v-d3324b0a]{flex-shrink:0;justify-content:space-between;margin:0;padding:0 16px 12px;display:flex}.columns-search[data-v-d3324b0a]{flex-shrink:0;padding:0 16px 12px}.columns-list[data-v-d3324b0a]{flex:1;overflow:hidden}.columns-container[data-v-d3324b0a]{flex-direction:column;display:flex}.column-item[data-v-d3324b0a]{box-sizing:border-box;border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;min-height:40px;padding:8px 16px;display:flex}.column-item-left[data-v-d3324b0a]{align-items:center;gap:12px;display:flex}.column-drag-handle[data-v-d3324b0a]{cursor:move;color:var(--n-text-color-3)}.column-item-content[data-v-d3324b0a]{flex:1;align-items:center;gap:8px;margin-left:12px;display:flex}.column-title[data-v-d3324b0a]{color:var(--n-text-color);font-size:12px}.column-key[data-v-d3324b0a]{color:var(--n-text-color-3);font-size:12px}.column-item-right[data-v-d3324b0a]{opacity:0;margin-left:auto;transition:opacity .3s}.column-item:hover .column-item-right[data-v-d3324b0a]{opacity:1}.columns-search[data-v-d3324b0a] .n-input{--n-height:32px}.columns-search[data-v-d3324b0a] .n-input-wrapper{background-color:var(--n-card-color)}.columns-search[data-v-d3324b0a] .n-input__prefix{margin-right:8px}.columns-search[data-v-d3324b0a] .n-icon{color:var(--n-text-color-3);font-size:16px}.virtual-scroll-container[data-v-d3324b0a]{height:calc(100vh - 200px);position:relative;overflow-y:auto}.virtual-scroll-content[data-v-d3324b0a]{width:100%;position:relative}.virtual-scroll-items[data-v-d3324b0a]{position:absolute;top:0;left:0;right:0}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar{width:6px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-track{background:0 0;border-radius:3px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}.columns-list[data-v-d3324b0a] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.columns-list[data-v-d3324b0a] .n-scrollbar-track{background:0 0!important}.columns-list[data-v-d3324b0a]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.search-config-header[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.search-fields-container[data-v-d8922cea]{padding:8px 0}.search-field-item[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);cursor:move;contain:layout style paint;will-change:transform;align-items:center;padding:8px 16px;display:flex}.field-item-left[data-v-d8922cea]{align-items:center;gap:12px;display:flex}.field-drag-handle[data-v-d8922cea]{cursor:move;color:var(--n-text-color-3)}.field-item-content[data-v-d8922cea]{flex:1;margin:0 12px}.field-label[data-v-d8922cea]{color:var(--n-text-color);font-size:12px}.field-key[data-v-d8922cea]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.field-item-right[data-v-d8922cea]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.search-field-item:hover .field-item-right[data-v-d8922cea]{opacity:1}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-track{background:0 0!important}.search-fields-list[data-v-d8922cea]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.transform-config-header[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-25cc77cb]{gap:8px;display:flex}.transform-rules-container[data-v-25cc77cb]{padding:8px 0}.transform-rule-item[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-25cc77cb]{flex:1;margin-right:12px}.rule-main-info[data-v-25cc77cb]{align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.rule-field-key[data-v-25cc77cb]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.rule-sub-info[data-v-25cc77cb]{align-items:center;gap:12px;display:flex}.rule-type[data-v-25cc77cb]{color:var(--n-primary-color);font-size:12px}.rule-mappings-count[data-v-25cc77cb],.rule-format[data-v-25cc77cb],.rule-config[data-v-25cc77cb],.rule-image-config[data-v-25cc77cb]{color:var(--n-text-color-3);font-size:12px}.domain-prefix[data-v-25cc77cb]{color:var(--n-primary-color);font-weight:500}.rule-item-right[data-v-25cc77cb]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.transform-rule-item:hover .rule-item-right[data-v-25cc77cb]{opacity:1}.empty-state[data-v-25cc77cb]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-25cc77cb]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.mappings-container[data-v-25cc77cb]{border:1px solid var(--n-border-color);border-radius:6px;padding:12px}.mapping-item[data-v-25cc77cb]{border-bottom:1px dashed var(--n-border-color);margin-bottom:12px;padding-bottom:12px}.mapping-item[data-v-25cc77cb]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mapping-row[data-v-25cc77cb]{align-items:flex-end;gap:12px;display:flex}.mapping-field[data-v-25cc77cb]{flex-direction:column;flex:1;gap:4px;display:flex}.mapping-field label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px}.remove-mapping-btn[data-v-25cc77cb]{margin-bottom:4px}.add-mapping[data-v-25cc77cb]{justify-content:center;margin-top:8px;display:flex}.dialog-actions[data-v-25cc77cb]{justify-content:flex-end;gap:12px;display:flex}.config-placeholder[data-v-25cc77cb]{padding:12px}.image-config[data-v-25cc77cb]{background:var(--n-card-color);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:12px;display:grid}.image-config .config-item[data-v-25cc77cb]:last-child{grid-column:1/-1}.config-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.config-item label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px;font-weight:500}[data-v-25cc77cb] .n-scrollbar-rail{right:2px}[data-v-25cc77cb] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.dialog-settings[data-v-96edd653]{padding:16px}.settings-description[data-v-96edd653]{color:#666;margin-bottom:16px;font-size:14px}.note-section[data-v-96edd653]{margin-top:24px}.action-config-header[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-f3fde0df]{gap:8px;display:flex}.action-rules-container[data-v-f3fde0df]{padding:8px 0}.action-rule-item[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-f3fde0df]{flex:1;margin-right:12px}.rule-main-info[data-v-f3fde0df]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.enable-switch[data-v-f3fde0df]{margin-left:12px}.rule-sub-info[data-v-f3fde0df]{align-items:center;gap:12px;display:flex}.rule-type[data-v-f3fde0df]{color:var(--n-primary-color);font-size:12px}.rule-config[data-v-f3fde0df]{color:var(--n-text-color-3);font-size:12px}.rule-params[data-v-f3fde0df]{color:var(--n-warning-color);font-size:12px;font-weight:500}.rule-description[data-v-f3fde0df]{color:var(--n-text-color-2);font-size:12px;font-style:italic}.rule-item-right[data-v-f3fde0df]{opacity:.8;align-items:center;gap:8px;transition:opacity .3s;display:flex}.action-rule-item:hover .rule-item-right[data-v-f3fde0df]{opacity:1}.empty-state[data-v-f3fde0df]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-f3fde0df]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-f3fde0df]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.dialog-actions[data-v-f3fde0df]{justify-content:flex-end;gap:12px;display:flex}[data-v-f3fde0df] .n-scrollbar-rail{right:2px}[data-v-f3fde0df] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.drawer-header[data-v-f7e9409b]{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-f7e9409b]{align-items:center;display:flex}.view-name[data-v-f7e9409b]{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:16px;font-weight:500;transition:background-color .2s}.view-name[data-v-f7e9409b]:hover{background-color:#f5f5f5}.header-right[data-v-f7e9409b]{align-items:center;gap:8px;display:flex}.custom-settings-container[data-v-f7e9409b]{display:flex;overflow:hidden}.sidebar-menu[data-v-f7e9409b]{width:180px;padding:0;overflow-y:auto}.menu-category[data-v-f7e9409b]{margin-bottom:8px}.category-title[data-v-f7e9409b]{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;font-size:16px;font-weight:700}.category-items[data-v-f7e9409b]{padding-bottom:8px}.menu-item[data-v-f7e9409b]{cursor:pointer;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.item-icon[data-v-f7e9409b]{min-width:16px;margin-right:10px}.item-label[data-v-f7e9409b]{white-space:nowrap;font-size:14px}.content-area[data-v-f7e9409b]{flex:1;overflow:hidden}.tab-content[data-v-f7e9409b]{height:100%;padding:10px;overflow-y:auto}.tab-loading[data-v-f7e9409b]{height:200px;color:var(--n-text-color-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}[data-v-f7e9409b] .n-drawer-content{padding:0}[data-v-f7e9409b] .n-drawer-header{display:none}.custom-settings-container .tab-content[data-v-f7e9409b] .n-form{max-width:none}.custom-settings-container .tab-content[data-v-f7e9409b] .search-field-item{border-radius:6px;padding:12px}.n-drawer .n-drawer-content.n-drawer-content--native-scrollbar[data-v-f7e9409b] .n-drawer-body-content-wrapper{height:104%!important}[data-v-f7e9409b] .n-drawer-header__main{width:100%}:deep(.n-drawer .n-form-item){margin-bottom:16px}:deep(.n-drawer .n-radio-group){gap:8px;width:100%;display:flex}:deep(.n-drawer .n-radio-button){text-align:center;flex:1}.n-input-group{gap:8px;display:flex}.n-input-group .n-input{flex:1}.n-divider{margin:16px 0}:deep(.n-drawer) ::-webkit-scrollbar{width:6px}:deep(.n-drawer) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content__body) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-scrollbar-rail){border-radius:3px!important;width:6px!important;right:2px!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar){background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover){background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}:deep(.n-scrollbar-track){background:0 0!important}:deep(.n-drawer):hover ::-webkit-scrollbar-thumb{opacity:.8!important}.n-drawer-container ::-webkit-scrollbar{width:6px!important}.n-drawer-container ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer-container ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer-container ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar{width:6px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar{width:6px!important}div[style*=right] ::-webkit-scrollbar{width:6px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}div[style*=right] ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}div[style*=right] ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}div[style*=right] ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-input-group[data-v-2c1dd406]{gap:8px;display:flex}.n-input-group .n-input[data-v-2c1dd406]{flex:1}.n-divider[data-v-2c1dd406]{margin:16px 0}.add-field-content[data-v-f219c239]{padding:16px}.field-select-list[data-v-f219c239]{margin-top:16px}.field-select-item[data-v-f219c239]{border-bottom:1px solid var(--n-border-color);padding:8px 0}.field-select-item[data-v-f219c239]:last-child{border-bottom:none}.field-select-label[data-v-f219c239]{color:var(--n-text-color);font-size:14px}.field-select-key[data-v-f219c239]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.mb-4[data-v-f219c239]{margin-bottom:16px}.dialog-header[data-v-ccd32a11]{justify-content:space-between;align-items:center;width:100%;display:flex}.dialog-content[data-v-ccd32a11]{width:100%;height:100%}.table-container[data-v-18d1ccd6]{width:100%;position:relative}.kivii-demo-lib-wrapper[data-v-1e9c4520]{color:var(--color-text);font-family:inherit}.echart-renderer[data-v-16ef0443]{width:100%;height:100%;min-height:200px}[data-v-5e0003ec] .vgl-item{transition:none!important}[data-v-5e0003ec] .vgl-item--placeholder{background:#3b82f61f;border:2px dashed #3b82f6;border-radius:8px}[data-v-5e0003ec] .vgl-item__resizer{bottom:4px!important;right:4px!important}.kivii-demo-lib-wrapper[data-v-8049bd57]{color:var(--color-text);width:100%;height:100%;font-family:inherit}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer kiviitheme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#4e628f;--color-primary-hover:#3d4f72;--color-primary-active:#2f3c57;--color-primary-bg:#4e628f1a;--color-primary-bg-hover:#4e628f26;--color-text:#374151}}@layer kiviibase{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.dark{--color-primary:#6b84b8;--color-primary-hover:#5a70a0;--color-primary-active:#4a5e88;--color-primary-bg:#6b84b826;--color-primary-bg-hover:#6b84b833;--color-text:#d1d5db;--color-text-muted:#9ca3af;--color-text-heading:#f9fafb;--color-bg:#1f2937;--color-bg-secondary:#111827;--color-border:#374151;--color-border-hover:#4b5563}}@layer kiviicomponents;@layer kiviiutilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.end{inset-inline-end:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.h-full{height:100%}.min-h-\[36px\]{min-height:36px}.w-6{width:calc(var(--spacing) * 6)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-400{border-color:var(--color-blue-400)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-600{color:var(--color-blue-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-red-500:hover{color:var(--color-red-500)}}.dark\:border-\[\#ffffff17\]:where(.dark,.dark *){border-color:#ffffff17}.dark\:border-\[\#ffffff33\]:where(.dark,.dark *){border-color:#fff3}.dark\:border-blue-500\/50:where(.dark,.dark *){border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.dark\:bg-\[\#18181c\]:where(.dark,.dark *){background-color:#18181c}.dark\:bg-\[\#101014\]:where(.dark,.dark *){background-color:#101014}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}@media (hover:hover){.dark\:group-hover\:text-blue-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:hover\:border-blue-500\/50:where(.dark,.dark *):hover{border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-blue-500\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.dark\:hover\:bg-\[\#ffffff17\]:where(.dark,.dark *):hover{background-color:#ffffff17}.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:hover\:bg-blue-900\/40:where(.dark,.dark *):hover{background-color:#1c398e66}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}}}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#app{width:100%;height:100vh;margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.dialog-header[data-v-957c2abe]{justify-content:space-between;align-items:center;width:100%;display:flex}.selection-badge[data-v-957c2abe]{background-color:var(--n-primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.dialog-content[data-v-957c2abe]{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow-y:auto}.dynamic-component-container[data-v-957c2abe]{width:100%;height:100%;min-height:300px}.default-display-container[data-v-957c2abe]{flex-direction:column;gap:16px;display:flex}.info-section[data-v-957c2abe]{border-bottom:1px solid var(--n-border-color);align-items:center;gap:12px;padding:8px 0;display:flex}.info-label[data-v-957c2abe]{color:var(--n-text-color);min-width:80px;font-weight:500}.info-value[data-v-957c2abe]{color:var(--n-text-color-2);flex:1;font-family:monospace}.selection-summary[data-v-957c2abe]{flex:1}.count-info[data-v-957c2abe]{color:var(--n-primary-color);font-weight:500}.data-section[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-957c2abe]{color:var(--n-text-color);border-bottom:1px solid var(--n-border-color);padding-bottom:8px;font-weight:500}.data-container[data-v-957c2abe]{max-height:400px;overflow-y:auto}.multiple-data[data-v-957c2abe],.single-data[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.data-item[data-v-957c2abe]{border:1px solid var(--n-border-color);border-radius:6px;overflow:hidden}.item-header[data-v-957c2abe]{background-color:var(--n-card-color);color:var(--n-text-color-2);border-bottom:1px solid var(--n-border-color);padding:8px 12px;font-size:12px;font-weight:500}.item-content[data-v-957c2abe]{background-color:var(--n-code-color);max-height:200px;padding:12px;overflow-y:auto}.item-content pre[data-v-957c2abe]{color:var(--n-text-color-2);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:12px}.no-data[data-v-957c2abe]{text-align:center;color:var(--n-text-color-3);padding:40px;font-style:italic}.dialog-actions[data-v-957c2abe]{justify-content:flex-end;gap:12px;display:flex}[data-v-957c2abe] .n-scrollbar-rail{right:2px}[data-v-957c2abe] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.search-card[data-v-2107cb07]{margin-bottom:8px}.custom-actions[data-v-2107cb07]{background-color:var(--n-color-action);border-radius:4px;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;animation:.3s fadeIn-2107cb07;display:flex}.selected-info[data-v-2107cb07]{white-space:nowrap;align-items:center;display:flex}.actions-list[data-v-2107cb07]{flex-wrap:wrap;flex:1;gap:8px;display:flex}.actions-close[data-v-2107cb07]{margin-left:auto}@keyframes fadeIn-2107cb07{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-view-button[data-v-2107cb07]:hover{box-shadow:none!important;background-color:#0000!important}.add-icon[data-v-2107cb07]{transition:all .3s}.add-view-button:hover .add-icon[data-v-2107cb07]{transform:translateY(-6px)scale(1.5)!important}.top-actions[data-v-2107cb07]{justify-content:flex-end;padding-bottom:8px;display:flex}.search-form-area[data-v-2107cb07]{margin-top:8px}[data-v-2107cb07] .n-form-item{margin-bottom:0}[data-v-2107cb07] .n-form-item-label{width:100px;color:var(--n-text-color-2);justify-content:flex-end;align-items:flex-start;height:28px;padding-top:5px;padding-right:8px;font-size:14px;display:flex}[data-v-2107cb07] .n-form-item-label label{margin:0;line-height:1}.n-date-picker.n-date-picker--range[data-v-2107cb07]{width:100%}[data-v-2107cb07] .n-form-item-blank{min-height:28px}[data-v-2107cb07] .n-input,[data-v-2107cb07] .n-select,[data-v-2107cb07] .n-date-picker{--n-height:28px}[data-v-2107cb07] .n-form-item-feedback-wrapper{display:none}[data-v-2107cb07] .n-card__content{padding:12px!important}.action-buttons[data-v-2107cb07]{align-items:center;height:28px;margin-left:0;display:flex}.tab-with-dropdown[data-v-2107cb07]{align-items:center;gap:4px;display:flex}.tab-with-dropdown .n-button[data-v-2107cb07]{opacity:.6;transition:opacity .2s}.tab-with-dropdown:hover .n-button[data-v-2107cb07]{opacity:1}[data-v-2107cb07] .n-tabs-tab{position:relative}[data-v-2107cb07] .n-tabs-tab .tab-with-dropdown .n-button{z-index:10;position:relative}.search-card[data-v-02cb8f6c]{margin-bottom:8px}.tag-container[data-v-02cb8f6c]{justify-content:flex-start;align-items:center;display:flex}.image-container[data-v-02cb8f6c]{justify-content:center;align-items:center;padding:4px;display:flex}.image-container img[data-v-02cb8f6c]{transition:transform .2s}.image-container img[data-v-02cb8f6c]:hover{transform:scale(1.05)}[data-v-02cb8f6c] .n-data-table{--n-merged-th-color:var(--n-table-color);--n-merged-td-color:var(--n-table-color);--n-table-color:var(--n-card-color);--n-table-header-color:var(--n-card-color);--n-table-color-hover:var(--n-color-target);--n-table-color-striped:var(--n-color-target);--n-table-color-dark:#2d2d2d;--n-table-header-color-dark:#333}[data-v-02cb8f6c] .n-data-table-base-table-body{overflow:auto!important}[data-v-02cb8f6c] .n-data-table-table{min-width:100%}[data-v-02cb8f6c] .n-pagination .n-pagination-size-picker,[data-v-02cb8f6c] .n-pagination .n-pagination-size-picker .n-base-selection{width:84px!important}[data-v-02cb8f6c] .n-pagination{align-items:center;gap:8px;display:flex}[data-v-02cb8f6c] .n-pagination-prefix{white-space:nowrap;margin-right:auto}[data-v-02cb8f6c] .n-data-table-base-table{width:100%}[data-v-02cb8f6c] .n-data-table-base-table-body{overflow-x:auto!important}[data-v-02cb8f6c] .n-scrollbar-container{min-width:100%}.icon-button[data-v-02cb8f6c]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.icon-button[data-v-02cb8f6c]:hover{transform:scale(1.2)}[data-v-02cb8f6c] .n-data-table .action-buttons .n-button{min-width:60px;cursor:pointer!important}[data-v-02cb8f6c] .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table-td--fixed-right{background-color:var(--v6e5ef0a9)!important;z-index:2!important;position:sticky!important}[data-v-02cb8f6c] .n-data-table-th--fixed-left{background-color:var(--v46a55a94)!important;z-index:3!important;position:sticky!important;box-shadow:2px 0 4px #0000001f!important}[data-v-02cb8f6c] .n-data-table-th--fixed-right{background-color:var(--v46a55a94)!important;z-index:3!important;position:sticky!important;box-shadow:-2px 0 4px #0000001f!important}[data-v-02cb8f6c] .n-data-table-td--fixed-left{box-shadow:2px 0 4px #00000014!important}[data-v-02cb8f6c] .n-data-table-td--fixed-right{box-shadow:-2px 0 4px #00000014!important}[data-v-02cb8f6c] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-right,[data-v-02cb8f6c] .n-data-table-tr:hover .n-data-table-td--fixed-left,[data-v-02cb8f6c] .n-data-table-tr:hover .n-data-table-td--fixed-right{background-color:var(--v6e5ef0a9)!important}.setting-item[data-v-c5f473e2]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.setting-item[data-v-c5f473e2]:last-child{border-bottom:none}.setting-label[data-v-c5f473e2]{color:var(--n-text-color-2);flex:0 0 120px;font-size:14px}.setting-control[data-v-c5f473e2]{flex:1;justify-content:flex-end;align-items:center;display:flex}.size-group[data-v-c5f473e2]{width:100%}[data-v-c5f473e2] .n-radio-group{gap:8px;display:flex}[data-v-c5f473e2] .n-radio-button{text-align:center;flex:1}[data-v-c5f473e2] .n-select,[data-v-c5f473e2] .n-input,[data-v-c5f473e2] .n-input-number{width:100%}.columns-header[data-v-d3324b0a]{flex-shrink:0;justify-content:space-between;margin:0;padding:0 16px 12px;display:flex}.columns-search[data-v-d3324b0a]{flex-shrink:0;padding:0 16px 12px}.columns-list[data-v-d3324b0a]{flex:1;overflow:hidden}.columns-container[data-v-d3324b0a]{flex-direction:column;display:flex}.column-item[data-v-d3324b0a]{box-sizing:border-box;border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;min-height:40px;padding:8px 16px;display:flex}.column-item-left[data-v-d3324b0a]{align-items:center;gap:12px;display:flex}.column-drag-handle[data-v-d3324b0a]{cursor:move;color:var(--n-text-color-3)}.column-item-content[data-v-d3324b0a]{flex:1;align-items:center;gap:8px;margin-left:12px;display:flex}.column-title[data-v-d3324b0a]{color:var(--n-text-color);font-size:12px}.column-key[data-v-d3324b0a]{color:var(--n-text-color-3);font-size:12px}.column-item-right[data-v-d3324b0a]{opacity:0;margin-left:auto;transition:opacity .3s}.column-item:hover .column-item-right[data-v-d3324b0a]{opacity:1}.columns-search[data-v-d3324b0a] .n-input{--n-height:32px}.columns-search[data-v-d3324b0a] .n-input-wrapper{background-color:var(--n-card-color)}.columns-search[data-v-d3324b0a] .n-input__prefix{margin-right:8px}.columns-search[data-v-d3324b0a] .n-icon{color:var(--n-text-color-3);font-size:16px}.virtual-scroll-container[data-v-d3324b0a]{height:calc(100vh - 200px);position:relative;overflow-y:auto}.virtual-scroll-content[data-v-d3324b0a]{width:100%;position:relative}.virtual-scroll-items[data-v-d3324b0a]{position:absolute;top:0;left:0;right:0}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar{width:6px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-track{background:0 0;border-radius:3px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}.columns-list[data-v-d3324b0a] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.columns-list[data-v-d3324b0a] .n-scrollbar-track{background:0 0!important}.columns-list[data-v-d3324b0a]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.search-config-header[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.search-fields-container[data-v-d8922cea]{padding:8px 0}.search-field-item[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);cursor:move;contain:layout style paint;will-change:transform;align-items:center;padding:8px 16px;display:flex}.field-item-left[data-v-d8922cea]{align-items:center;gap:12px;display:flex}.field-drag-handle[data-v-d8922cea]{cursor:move;color:var(--n-text-color-3)}.field-item-content[data-v-d8922cea]{flex:1;margin:0 12px}.field-label[data-v-d8922cea]{color:var(--n-text-color);font-size:12px}.field-key[data-v-d8922cea]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.field-item-right[data-v-d8922cea]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.search-field-item:hover .field-item-right[data-v-d8922cea]{opacity:1}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-track{background:0 0!important}.search-fields-list[data-v-d8922cea]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.transform-config-header[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-25cc77cb]{gap:8px;display:flex}.transform-rules-container[data-v-25cc77cb]{padding:8px 0}.transform-rule-item[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-25cc77cb]{flex:1;margin-right:12px}.rule-main-info[data-v-25cc77cb]{align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.rule-field-key[data-v-25cc77cb]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.rule-sub-info[data-v-25cc77cb]{align-items:center;gap:12px;display:flex}.rule-type[data-v-25cc77cb]{color:var(--n-primary-color);font-size:12px}.rule-mappings-count[data-v-25cc77cb],.rule-format[data-v-25cc77cb],.rule-config[data-v-25cc77cb],.rule-image-config[data-v-25cc77cb]{color:var(--n-text-color-3);font-size:12px}.domain-prefix[data-v-25cc77cb]{color:var(--n-primary-color);font-weight:500}.rule-item-right[data-v-25cc77cb]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.transform-rule-item:hover .rule-item-right[data-v-25cc77cb]{opacity:1}.empty-state[data-v-25cc77cb]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-25cc77cb]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.mappings-container[data-v-25cc77cb]{border:1px solid var(--n-border-color);border-radius:6px;padding:12px}.mapping-item[data-v-25cc77cb]{border-bottom:1px dashed var(--n-border-color);margin-bottom:12px;padding-bottom:12px}.mapping-item[data-v-25cc77cb]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mapping-row[data-v-25cc77cb]{align-items:flex-end;gap:12px;display:flex}.mapping-field[data-v-25cc77cb]{flex-direction:column;flex:1;gap:4px;display:flex}.mapping-field label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px}.remove-mapping-btn[data-v-25cc77cb]{margin-bottom:4px}.add-mapping[data-v-25cc77cb]{justify-content:center;margin-top:8px;display:flex}.dialog-actions[data-v-25cc77cb]{justify-content:flex-end;gap:12px;display:flex}.config-placeholder[data-v-25cc77cb]{padding:12px}.image-config[data-v-25cc77cb]{background:var(--n-card-color);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:12px;display:grid}.image-config .config-item[data-v-25cc77cb]:last-child{grid-column:1/-1}.config-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.config-item label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px;font-weight:500}[data-v-25cc77cb] .n-scrollbar-rail{right:2px}[data-v-25cc77cb] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.dialog-settings[data-v-96edd653]{padding:16px}.settings-description[data-v-96edd653]{color:#666;margin-bottom:16px;font-size:14px}.note-section[data-v-96edd653]{margin-top:24px}.action-config-header[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-f3fde0df]{gap:8px;display:flex}.action-rules-container[data-v-f3fde0df]{padding:8px 0}.action-rule-item[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-f3fde0df]{flex:1;margin-right:12px}.rule-main-info[data-v-f3fde0df]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.enable-switch[data-v-f3fde0df]{margin-left:12px}.rule-sub-info[data-v-f3fde0df]{align-items:center;gap:12px;display:flex}.rule-type[data-v-f3fde0df]{color:var(--n-primary-color);font-size:12px}.rule-config[data-v-f3fde0df]{color:var(--n-text-color-3);font-size:12px}.rule-params[data-v-f3fde0df]{color:var(--n-warning-color);font-size:12px;font-weight:500}.rule-description[data-v-f3fde0df]{color:var(--n-text-color-2);font-size:12px;font-style:italic}.rule-item-right[data-v-f3fde0df]{opacity:.8;align-items:center;gap:8px;transition:opacity .3s;display:flex}.action-rule-item:hover .rule-item-right[data-v-f3fde0df]{opacity:1}.empty-state[data-v-f3fde0df]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-f3fde0df]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-f3fde0df]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.dialog-actions[data-v-f3fde0df]{justify-content:flex-end;gap:12px;display:flex}[data-v-f3fde0df] .n-scrollbar-rail{right:2px}[data-v-f3fde0df] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.drawer-header[data-v-f7e9409b]{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-f7e9409b]{align-items:center;display:flex}.view-name[data-v-f7e9409b]{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:16px;font-weight:500;transition:background-color .2s}.view-name[data-v-f7e9409b]:hover{background-color:#f5f5f5}.header-right[data-v-f7e9409b]{align-items:center;gap:8px;display:flex}.custom-settings-container[data-v-f7e9409b]{display:flex;overflow:hidden}.sidebar-menu[data-v-f7e9409b]{width:180px;padding:0;overflow-y:auto}.menu-category[data-v-f7e9409b]{margin-bottom:8px}.category-title[data-v-f7e9409b]{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;font-size:16px;font-weight:700}.category-items[data-v-f7e9409b]{padding-bottom:8px}.menu-item[data-v-f7e9409b]{cursor:pointer;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.item-icon[data-v-f7e9409b]{min-width:16px;margin-right:10px}.item-label[data-v-f7e9409b]{white-space:nowrap;font-size:14px}.content-area[data-v-f7e9409b]{flex:1;overflow:hidden}.tab-content[data-v-f7e9409b]{height:100%;padding:10px;overflow-y:auto}.tab-loading[data-v-f7e9409b]{height:200px;color:var(--n-text-color-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}[data-v-f7e9409b] .n-drawer-content{padding:0}[data-v-f7e9409b] .n-drawer-header{display:none}.custom-settings-container .tab-content[data-v-f7e9409b] .n-form{max-width:none}.custom-settings-container .tab-content[data-v-f7e9409b] .search-field-item{border-radius:6px;padding:12px}.n-drawer .n-drawer-content.n-drawer-content--native-scrollbar[data-v-f7e9409b] .n-drawer-body-content-wrapper{height:104%!important}[data-v-f7e9409b] .n-drawer-header__main{width:100%}:deep(.n-drawer .n-form-item){margin-bottom:16px}:deep(.n-drawer .n-radio-group){gap:8px;width:100%;display:flex}:deep(.n-drawer .n-radio-button){text-align:center;flex:1}.n-input-group{gap:8px;display:flex}.n-input-group .n-input{flex:1}.n-divider{margin:16px 0}:deep(.n-drawer) ::-webkit-scrollbar{width:6px}:deep(.n-drawer) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content__body) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-scrollbar-rail){border-radius:3px!important;width:6px!important;right:2px!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar){background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover){background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}:deep(.n-scrollbar-track){background:0 0!important}:deep(.n-drawer):hover ::-webkit-scrollbar-thumb{opacity:.8!important}.n-drawer-container ::-webkit-scrollbar{width:6px!important}.n-drawer-container ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer-container ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer-container ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar{width:6px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar{width:6px!important}div[style*=right] ::-webkit-scrollbar{width:6px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}div[style*=right] ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}div[style*=right] ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}div[style*=right] ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-input-group[data-v-2c1dd406]{gap:8px;display:flex}.n-input-group .n-input[data-v-2c1dd406]{flex:1}.n-divider[data-v-2c1dd406]{margin:16px 0}.add-field-content[data-v-f219c239]{padding:16px}.field-select-list[data-v-f219c239]{margin-top:16px}.field-select-item[data-v-f219c239]{border-bottom:1px solid var(--n-border-color);padding:8px 0}.field-select-item[data-v-f219c239]:last-child{border-bottom:none}.field-select-label[data-v-f219c239]{color:var(--n-text-color);font-size:14px}.field-select-key[data-v-f219c239]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.mb-4[data-v-f219c239]{margin-bottom:16px}.dialog-header[data-v-ccd32a11]{justify-content:space-between;align-items:center;width:100%;display:flex}.dialog-content[data-v-ccd32a11]{width:100%;height:100%}.table-container[data-v-18d1ccd6]{width:100%;position:relative}.kivii-demo-lib-wrapper[data-v-1e9c4520]{color:var(--color-text);font-family:inherit}.echart-renderer[data-v-16ef0443]{width:100%;height:100%;min-height:200px}[data-v-5e0003ec] .vgl-item{transition:none!important}[data-v-5e0003ec] .vgl-item--placeholder{background:#3b82f61f;border:2px dashed #3b82f6;border-radius:8px}[data-v-5e0003ec] .vgl-item__resizer{bottom:4px!important;right:4px!important}.kivii-demo-lib-wrapper[data-v-8049bd57]{color:var(--color-text);width:100%;height:100%;font-family:inherit}
 /*$vite$:1*/

package/dist/kivii-public-components.js CHANGED Viewed

@@ -127113,10 +127113,10 @@ function Q9(e, t) {
 }
 //#endregion
 //#region src/components/dashboard/ChartWidget.vue?vue&type=script&setup=true&lang.ts
-var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] rounded-lg shadow-sm overflow-hidden border border-transparent dark:border-[#ffffff17]" }, ype = { class: "flex items-center justify-between px-3 py-2 border-b border-gray-100 dark:border-[#ffffff17] min-h-[36px] flex-shrink-0 cursor-move select-none" }, bpe = { class: "text-[13px] font-semibold text-gray-700 dark:text-gray-200 truncate" }, xpe = { class: "flex items-center gap-1 flex-shrink-0 ml-2" }, Spe = { class: "flex-1 overflow-hidden relative flex items-center justify-center p-1" }, Cpe = {
+var vpe = { class: "flex items-center gap-1 flex-shrink-0 ml-2" }, ype = { class: "flex-1 overflow-hidden relative flex items-center justify-center p-1" }, bpe = {
 	key: 0,
 	class: "flex flex-col items-center gap-2 text-red-500 text-[13px]"
-}, wpe = /* @__PURE__ */ g({
+}, xpe = /* @__PURE__ */ g({
 	__name: "ChartWidget",
 	props: {
 		widget: {},
@@ -127170,28 +127170,49 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 			y && clearInterval(y);
 		}), K(() => i.widget.api.url, () => {
 			v(), b();
-		}), (t, i) => (R(), d("div", vpe, [f("div", ype, [f("span", bpe, U(e.widget.title || "未命名图表"), 1), f("div", xpe, [m(G(db), { trigger: "hover" }, {
+		}), (t, i) => (R(), d("div", {
+			class: "w-full h-full flex flex-col rounded-lg shadow-sm overflow-hidden",
+			style: k({
+				backgroundColor: G(r) ? "#18181c" : "#ffffff",
+				borderWidth: "1px",
+				borderStyle: "solid",
+				borderColor: G(r) ? "#ffffff17" : "transparent"
+			})
+		}, [f("div", {
+			class: "flex items-center justify-between px-3 py-2 min-h-[36px] flex-shrink-0 cursor-move select-none",
+			style: k({
+				borderBottomWidth: "1px",
+				borderBottomStyle: "solid",
+				borderBottomColor: G(r) ? "#ffffff17" : "#f3f4f6"
+			})
+		}, [f("span", {
+			class: "text-[13px] font-semibold truncate",
+			style: k({ color: G(r) ? "#e5e7eb" : "#374151" })
+		}, U(e.widget.title || "未命名图表"), 5), f("div", vpe, [m(G(db), { trigger: "hover" }, {
 			trigger: q(() => [f("button", {
-				class: "w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-blue-500 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors",
+				class: "w-6 h-6 flex items-center justify-center rounded hover:text-blue-500 hover:bg-blue-50 transition-colors",
+				style: k({ color: G(r) ? "#6b7280" : "#9ca3af" }),
 				onClick: de(v, ["stop"])
-			}, [...i[2] ||= [f("i", { class: "fa-solid fa-rotate-right text-xs" }, null, -1)]])]),
+			}, [...i[2] ||= [f("i", { class: "fa-solid fa-rotate-right text-xs" }, null, -1)]], 4)]),
 			default: q(() => [i[3] ||= p(" 刷新数据 ", -1)]),
 			_: 1
 		}), e.editable ? (R(), d(n, { key: 0 }, [m(G(db), { trigger: "hover" }, {
 			trigger: q(() => [f("button", {
-				class: "w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-blue-500 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors",
+				class: "w-6 h-6 flex items-center justify-center rounded hover:text-blue-500 hover:bg-blue-50 transition-colors",
+				style: k({ color: G(r) ? "#6b7280" : "#9ca3af" }),
 				onClick: i[0] ||= de((t) => a("edit", e.widget.id), ["stop"])
-			}, [...i[4] ||= [f("i", { class: "fa-solid fa-gear text-xs" }, null, -1)]])]),
+			}, [...i[4] ||= [f("i", { class: "fa-solid fa-gear text-xs" }, null, -1)]], 4)]),
 			default: q(() => [i[5] ||= p(" 配置 ", -1)]),
 			_: 1
 		}), m(G(db), { trigger: "hover" }, {
 			trigger: q(() => [f("button", {
-				class: "w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/30 transition-colors",
+				class: "w-6 h-6 flex items-center justify-center rounded hover:text-red-500 hover:bg-red-50 transition-colors",
+				style: k({ color: G(r) ? "#6b7280" : "#9ca3af" }),
 				onClick: i[1] ||= de((t) => a("remove", e.widget.id), ["stop"])
-			}, [...i[6] ||= [f("i", { class: "fa-solid fa-xmark text-xs" }, null, -1)]])]),
+			}, [...i[6] ||= [f("i", { class: "fa-solid fa-xmark text-xs" }, null, -1)]], 4)]),
 			default: q(() => [i[7] ||= p(" 删除 ", -1)]),
 			_: 1
-		})], 64)) : u("", !0)])]), f("div", Spe, [h.value ? (R(), d("div", Cpe, [
+		})], 64)) : u("", !0)])], 4), f("div", ype, [h.value ? (R(), d("div", bpe, [
 			i[9] ||= f("i", { class: "fa-solid fa-triangle-exclamation text-base" }, null, -1),
 			f("span", null, U(h.value), 1),
 			m(G(hh), {
@@ -127215,9 +127236,9 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 			"option",
 			"loading",
 			"theme"
-		]))])]));
+		]))])], 4));
 	}
-}), Tpe = /* @__PURE__ */ g({
+}), Spe = /* @__PURE__ */ g({
 	__name: "ChartConfigDrawer",
 	props: {
 		show: { type: Boolean },
@@ -127433,16 +127454,16 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 		label: "漏斗图",
 		icon: "fa-solid fa-filter"
 	}
-], Epe = { class: "flex h-full w-full overflow-hidden bg-gray-50 dark:bg-[#101014]" }, Dpe = {
+], Cpe = { class: "flex h-full w-full overflow-hidden bg-gray-50 dark:bg-[#101014]" }, wpe = {
 	key: 0,
 	class: "w-24 flex-shrink-0 bg-white dark:bg-[#18181c] border-r border-gray-100 dark:border-[#ffffff17] px-2 pt-3 pb-2 flex flex-col overflow-y-auto"
-}, Ope = { class: "flex flex-col gap-1.5" }, kpe = ["onClick"], Ape = { class: "text-[11px] text-gray-500 dark:text-gray-400 mt-1.5 leading-none" }, jpe = { class: "flex-1 overflow-hidden flex flex-col" }, Mpe = {
+}, Tpe = { class: "flex flex-col gap-1.5" }, Epe = ["onClick"], Dpe = { class: "text-[11px] text-gray-500 dark:text-gray-400 mt-1.5 leading-none" }, Ope = { class: "flex-1 overflow-hidden flex flex-col" }, kpe = {
 	key: 0,
 	class: "flex items-center justify-end px-3 py-1.5 bg-white dark:bg-[#18181c] border-b border-gray-100 dark:border-[#ffffff17] flex-shrink-0"
-}, Npe = { class: "flex-1 overflow-y-auto p-3" }, Ppe = {
+}, Ape = { class: "flex-1 overflow-y-auto p-3" }, jpe = {
 	key: 0,
 	class: "h-full flex items-center justify-center"
-}, Fpe = /* @__PURE__ */ YT(/* @__PURE__ */ g({
+}, Mpe = /* @__PURE__ */ YT(/* @__PURE__ */ g({
 	__name: "KiviiDashboard",
 	props: {
 		widgets: {},
@@ -127529,21 +127550,21 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 		function T(e) {
 			s.value.set(e.id, e), v();
 		}
-		return (t, r) => (R(), d("div", Epe, [
-			a.value ? (R(), d("div", Dpe, [
+		return (t, r) => (R(), d("div", Cpe, [
+			a.value ? (R(), d("div", wpe, [
 				r[3] ||= f("p", { class: "text-xs font-semibold text-gray-400 dark:text-gray-500 text-center tracking-wide" }, "图表类型", -1),
 				m(G(gC), { style: { margin: "8px 0" } }),
-				f("div", Ope, [(R(!0), d(n, null, te(G($9), (e) => (R(), d("div", {
+				f("div", Tpe, [(R(!0), d(n, null, te(G($9), (e) => (R(), d("div", {
 					key: e.type,
 					class: "flex flex-col items-center py-2 px-1 rounded-lg cursor-pointer border border-transparent hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:border-blue-400 dark:hover:border-blue-500/50 transition-colors duration-150 group",
 					onClick: (t) => b(e.type)
-				}, [f("i", { class: D([e.icon, "text-xl text-gray-400 dark:text-gray-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 transition-colors"]) }, null, 2), f("span", Ape, U(e.label), 1)], 8, kpe))), 128))]),
+				}, [f("i", { class: D([e.icon, "text-xl text-gray-400 dark:text-gray-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 transition-colors"]) }, null, 2), f("span", Dpe, U(e.label), 1)], 8, Epe))), 128))]),
 				r[4] ||= f("p", { class: "mt-auto pt-2 text-[10px] text-gray-300 dark:text-gray-600 text-center" }, "点击添加到画布", -1)
 			])) : u("", !0),
-			f("div", jpe, [e.editable === !1 ? u("", !0) : (R(), d("div", Mpe, [f("button", {
+			f("div", Ope, [e.editable === !1 ? u("", !0) : (R(), d("div", kpe, [f("button", {
 				class: D(["flex items-center gap-1.5 px-3 py-1 text-xs rounded-md border transition-colors duration-150", i.value ? "border-blue-400 dark:border-blue-500/50 text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/40" : "border-gray-300 dark:border-[#ffffff33] text-gray-600 dark:text-gray-300 bg-white dark:bg-[#18181c] hover:bg-gray-50 dark:hover:bg-[#ffffff17]"]),
 				onClick: r[0] ||= (e) => i.value = !i.value
-			}, [f("i", { class: D(i.value ? "fa-solid fa-pen-to-square" : "fa-solid fa-eye") }, null, 2), p(" " + U(i.value ? "编辑模式" : "预览模式"), 1)], 2)])), f("div", Npe, [_.value ? (R(), l(G($N), {
+			}, [f("i", { class: D(i.value ? "fa-solid fa-pen-to-square" : "fa-solid fa-eye") }, null, 2), p(" " + U(i.value ? "编辑模式" : "预览模式"), 1)], 2)])), f("div", Ape, [_.value ? (R(), l(G($N), {
 				key: 1,
 				layout: h.value,
 				"onUpdate:layout": r[1] ||= (e) => h.value = e,
@@ -127563,7 +127584,7 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 					w: e.w,
 					h: e.h
 				}, {
-					default: q(() => [s.value.get(e.i) ? (R(), l(wpe, {
+					default: q(() => [s.value.get(e.i) ? (R(), l(xpe, {
 						key: 0,
 						widget: s.value.get(e.i),
 						editable: a.value,
@@ -127583,8 +127604,8 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 				"layout",
 				"is-draggable",
 				"is-resizable"
-			])) : (R(), d("div", Ppe, [m(G(om), { description: "点击左侧图表类型添加图表" })]))])]),
-			m(Tpe, {
+			])) : (R(), d("div", jpe, [m(G(om), { description: "点击左侧图表类型添加图表" })]))])]),
+			m(Spe, {
 				show: S.value,
 				"onUpdate:show": r[2] ||= (e) => S.value = e,
 				widget: C.value,
@@ -127592,7 +127613,7 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 			}, null, 8, ["show", "widget"])
 		]));
 	}
-}), [["__scopeId", "data-v-5e0003ec"]]), Ipe = /* @__PURE__ */ YT(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-5e0003ec"]]), Npe = /* @__PURE__ */ YT(/* @__PURE__ */ g({
 	name: "KiviiDashboard",
 	inheritAttrs: !1,
 	__name: "KiviiDashboardWrapper",
@@ -127606,7 +127627,7 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 		}, {
 			default: q(() => [m(G(pC), null, {
 				default: q(() => [m(G(cC), null, {
-					default: q(() => [m(Fpe, O(y(e.$attrs)), null, 16)]),
+					default: q(() => [m(Mpe, O(y(e.$attrs)), null, 16)]),
 					_: 1
 				})]),
 				_: 1
@@ -127621,4 +127642,4 @@ var vpe = { class: "w-full h-full flex flex-col bg-white dark:bg-[#18181c] round
 	}
 }), [["__scopeId", "data-v-8049bd57"]]);
 //#endregion
-export { we as HelloWorld, Ipe as KiviiDashboard, Dj as TableIndex };
+export { we as HelloWorld, Npe as KiviiDashboard, Dj as TableIndex };

package/dist/kivii-public-components.umd.cjs CHANGED Viewed

@@ -5648,4 +5648,4 @@ echarts.use([`+c+`]);`:`Unknown series `+s))}return}if(t===`tooltip`){if(f){proc
 x-vue-echarts>:first-child,x-vue-echarts>:first-child>canvas{border-radius:inherit;}
 `;if(typeof document<`u`)if(Array.isArray(document.adoptedStyleSheets)&&`replaceSync`in CSSStyleSheet.prototype){let e=new CSSStyleSheet;e.replaceSync(Z9),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}else{let e=document.createElement(`style`);e.textContent=Z9,document.head.appendChild(e)}var Pfe=Afe(),Ffe=Symbol(),Ife=Symbol(),Lfe=Symbol(),Rfe=(0,t.defineComponent)({name:`Echarts`,inheritAttrs:!1,props:{option:Object,theme:{type:[Object,String]},initOptions:Object,updateOptions:Object,group:String,manualUpdate:Boolean,...yfe,...Sfe},emits:{},slots:Object,setup(e,{attrs:n,expose:r,slots:i}){let a=(0,t.shallowRef)(),o=(0,t.shallowRef)(),s=(0,t.inject)(Ffe,null),c=(0,t.inject)(Ife,null),l=(0,t.inject)(Lfe,null),{autoresize:u,manualUpdate:d,loading:f,loadingOptions:p}=(0,t.toRefs)(e),m=(0,t.computed)(()=>e.theme||(0,t.toValue)(s)),h=(0,t.computed)(()=>e.initOptions||(0,t.toValue)(c)||void 0),g=(0,t.computed)(()=>e.updateOptions||(0,t.toValue)(l)),_=(0,t.computed)(()=>wfe(n)),v={},y=new Map,{teleportedSlots:b,patchOption:x}=kfe(i,()=>{!d.value&&e.option&&o.value&&w(o.value,e.option)}),S;function C(e){let t={},n=(e?.replaceMerge??[]).filter(e=>e!=null);return n.length>0&&(t.replaceMerge=[...new Set(n)]),e?.notMerge!==void 0&&(t.notMerge=e.notMerge),t}function w(e,t,n,r=!1){let i=x(t);if(r){e.setOption(i,n??{}),S=void 0;return}if(g.value){let t=n??g.value;e.setOption(i,t),S=void 0;return}let a=Nfe(S,i),o=C(a.plan);e.setOption(a.option,o),S=a.signature}Object.keys(n).filter(e=>H9(e)).forEach(e=>{if(e.indexOf(`Native:`)===2){let t=`on${e.charAt(9).toUpperCase()}${e.slice(10)}`;v[t]=n[e];return}let t=e.charAt(2).toLowerCase()+e.slice(3),r;t.indexOf(`zr:`)===0&&(r=!0,t=t.substring(3));let i;t.substring(t.length-4)===`Once`&&(i=!0,t=t.substring(0,t.length-4)),y.set({event:t,zr:r,once:i},n[e])});function T(){if(!a.value)return;let n=o.value=z0(a.value,m.value,h.value);e.group&&(n.group=e.group),y.forEach((e,{zr:t,once:r,event:i})=>{if(!e)return;let a=t?n.getZr():n;if(r){let t=e,n=!1;e=(...r)=>{n||(n=!0,t(...r),a.off(i,e))}}a.on(i,e)});function r(){n&&!n.isDisposed()&&n.resize()}function i(){let{option:t}=e;if(d.value){t&&w(n,t,void 0,!0);return}t&&w(n,t)}u.value?(0,t.nextTick)(()=>{r(),i()}):i()}let E=(t,n,r)=>{if(!e.manualUpdate){W9("`setOption` is only available when `manual-update` is `true`.");return}let i=typeof n==`boolean`?{notMerge:n,lazyUpdate:r}:n;o.value&&w(o.value,t,i??void 0,!0)};function D(){o.value&&=(o.value.dispose(),void 0),S=void 0}(0,t.watch)(()=>e.option,e=>{if(!e){S=void 0;return}if(d.value){W9("`option` prop changes are ignored when `manual-update` is `true`.");return}o.value&&w(o.value,e)},{deep:!0}),(0,t.watch)([d,h],()=>{D(),T()},{deep:!0}),(0,t.watch)(m,e=>{o.value?.setTheme(e||{})},{deep:!0}),(0,t.watchEffect)(()=>{e.group&&o.value&&(o.value.group=e.group)});let O=_fe(o);return xfe(o,f,p),vfe(o,u,a),(0,t.onMounted)(()=>{T()}),(0,t.onBeforeUnmount)(()=>{Pfe&&a.value?a.value.__dispose=D:D()}),r({setOption:E,root:a,chart:o,...O}),(()=>(0,t.h)(J9,{..._.value,...v,ref:a,class:[`echarts`,_.value.class]},b()))}}),zfe={class:`echart-renderer`},Bfe=HT((0,t.defineComponent)({__name:`EChartRenderer`,props:{type:{},option:{},loading:{type:Boolean},theme:{}},setup(e){return n3([dse,Nse,Jse,ice,Ele,ele,lle,Vle,Ple,gde,dde,Ede,Eue,qde,Z8,hfe,Aue,Rue]),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,zfe,[(0,t.createVNode)((0,t.unref)(Rfe),{option:e.option,loading:e.loading,theme:e.theme,autoresize:``,style:{width:`100%`,height:`100%`}},null,8,[`option`,`loading`,`theme`])]))}}),[[`__scopeId`,`data-v-16ef0443`]]);function Vfe(e,t,n,r,i){if(!e||e.length===0)return Jfe(n);let a;return a=t===`pie`?Ufe(e,n,r):t===`gauge`?Wfe(e,n,r):t===`radar`?Gfe(e,n,r):t===`heatmap`?Kfe(e,n,r):t===`funnel`?qfe(e,n,r):Hfe(e,t,n,r),i&&(a=Q9(a,i)),a}function Hfe(e,t,n,r){let i=e.map(e=>e[r.xField]),a=Array.isArray(r.yField)?r.yField:[r.yField],o=a.map(n=>({name:n,type:t===`scatter`?`scatter`:t,data:e.map(e=>e[n]??null),smooth:t===`line`}));return{title:{text:n,left:`center`,textStyle:{fontSize:14}},tooltip:{trigger:`axis`},legend:a.length>1?{bottom:0}:void 0,grid:{left:`3%`,right:`4%`,bottom:a.length>1?40:20,containLabel:!0},xAxis:{type:`category`,data:i,axisLabel:{rotate:i.length>8?30:0}},yAxis:{type:`value`},series:o}}function Ufe(e,t,n){let r=Array.isArray(n.yField)?n.yField[0]:n.yField,i=e.map(e=>({name:e[n.xField],value:e[r]??0}));return{title:{text:t,left:`center`,textStyle:{fontSize:14}},tooltip:{trigger:`item`,formatter:`{b}: {c} ({d}%)`},legend:{bottom:0,type:`scroll`},series:[{type:`pie`,radius:[`35%`,`65%`],center:[`50%`,`50%`],data:i,label:{show:!0,formatter:`{b}
 {d}%`}}]}}function Wfe(e,t,n){let r=Array.isArray(n.yField)?n.yField[0]:n.yField,i=e[0]?.[r]??0;return{title:{text:t,left:`center`,textStyle:{fontSize:14}},tooltip:{formatter:`{b}: {c}`},series:[{type:`gauge`,detail:{formatter:`{value}`},data:[{value:i,name:r}]}]}}function Gfe(e,t,n){let r=Array.isArray(n.yField)?n.yField[0]:n.yField,i=n.seriesField??`max`,a=e.map(e=>({name:e[n.xField],max:e[i]??Math.ceil((e[r]??0)*1.3)})),o=e.map(e=>e[r]??0);return{title:{text:t,left:`center`,textStyle:{fontSize:14}},tooltip:{trigger:`item`},radar:{indicator:a,radius:`65%`,center:[`50%`,`55%`]},series:[{type:`radar`,data:[{value:o,name:t,areaStyle:{opacity:.25}}]}]}}function Kfe(e,t,n){let r=n.xField,i=Array.isArray(n.yField)?n.yField[0]:n.yField,a=n.seriesField??`value`,o=[...new Set(e.map(e=>e[r]))],s=[...new Set(e.map(e=>e[i]))],c=e.map(e=>[o.indexOf(e[r]),s.indexOf(e[i]),e[a]??0]),l=Math.max(...e.map(e=>e[a]??0));return{title:{text:t,left:`center`,textStyle:{fontSize:14}},tooltip:{position:`top`,formatter:e=>`${o[e.data[0]]} / ${s[e.data[1]]}: ${e.data[2]}`},grid:{left:`3%`,right:`4%`,bottom:20,top:50,containLabel:!0},xAxis:{type:`category`,data:o,splitArea:{show:!0}},yAxis:{type:`category`,data:s,splitArea:{show:!0}},visualMap:{min:0,max:l,calculable:!0,orient:`horizontal`,left:`center`,bottom:-10,itemHeight:80},series:[{type:`heatmap`,data:c,label:{show:!1}}]}}function qfe(e,t,n){let r=Array.isArray(n.yField)?n.yField[0]:n.yField,i=e.map(e=>({name:e[n.xField],value:e[r]??0}));return{title:{text:t,left:`center`,textStyle:{fontSize:14}},tooltip:{trigger:`item`,formatter:`{b}: {c} ({d}%)`},legend:{bottom:0,type:`scroll`},series:[{type:`funnel`,left:`10%`,width:`80%`,top:40,bottom:30,sort:`descending`,gap:2,label:{show:!0,position:`inside`,formatter:`{b}
-{d}%`},data:i}]}}function Jfe(e){return{title:{text:e,left:`center`,textStyle:{fontSize:14}},graphic:[{type:`text`,left:`center`,top:`middle`,style:{text:`暂无数据`,fill:`#999`,fontSize:14}}]}}function Q9(e,t){let n={...e};for(let r of Object.keys(t))t[r]&&typeof t[r]==`object`&&!Array.isArray(t[r])?n[r]=Q9(e[r]??{},t[r]):n[r]=t[r];return n}var Yfe={class:`w-full h-full flex flex-col bg-white dark:bg-[#18181c] rounded-lg shadow-sm overflow-hidden border border-transparent dark:border-[#ffffff17]`},Xfe={class:`flex items-center justify-between px-3 py-2 border-b border-gray-100 dark:border-[#ffffff17] min-h-[36px] flex-shrink-0 cursor-move select-none`},Zfe={class:`text-[13px] font-semibold text-gray-700 dark:text-gray-200 truncate`},Qfe={class:`flex items-center gap-1 flex-shrink-0 ml-2`},$fe={class:`flex-1 overflow-hidden relative flex items-center justify-center p-1`},epe={key:0,class:`flex flex-col items-center gap-2 text-red-500 text-[13px]`},tpe=(0,t.defineComponent)({__name:`ChartWidget`,props:{widget:{},editable:{type:Boolean}},emits:[`edit`,`remove`],setup(e,{emit:n}){let r=(0,t.inject)(`isDark`,(0,t.ref)(!1)),i=e,a=n;function o(e,t){if(t){let n=t.split(`.`).reduce((e,t)=>e?.[t],e);return Array.isArray(n)?n:[]}if(Array.isArray(e))return e;for(let t of[`Results`,`data`,`list`,`rows`,`items`])if(Array.isArray(e?.[t]))return e[t];return[]}let s=(0,t.ref)(!1),c=(0,t.ref)(``),l=(0,t.ref)([]),u=(0,t.computed)(()=>Vfe(l.value,i.widget.type,i.widget.title,i.widget.api.mapping,i.widget.echartsOverride));async function d(){if(i.widget.api.url){s.value=!0,c.value=``;try{let e={method:i.widget.api.method||`GET`,url:i.widget.api.url,headers:i.widget.api.headers};e.method===`GET`?e.params=i.widget.api.params:e.data=i.widget.api.params,l.value=o((await ek(e)).data,i.widget.api.dataPath)}catch(e){c.value=e.message||`请求失败`,l.value=[]}finally{s.value=!1}}}let f=null;function p(){f&&=(clearInterval(f),null);let e=i.widget.api.refreshInterval;e&&e>0&&(f=setInterval(d,e*1e3))}return(0,t.onMounted)(()=>{d(),p()}),(0,t.onUnmounted)(()=>{f&&clearInterval(f)}),(0,t.watch)(()=>i.widget.api.url,()=>{d(),p()}),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Yfe,[(0,t.createElementVNode)(`div`,Xfe,[(0,t.createElementVNode)(`span`,Zfe,(0,t.toDisplayString)(e.widget.title||`未命名图表`),1),(0,t.createElementVNode)(`div`,Qfe,[(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-blue-500 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors`,onClick:(0,t.withModifiers)(d,[`stop`])},[...i[2]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-rotate-right text-xs`},null,-1)]])]),default:(0,t.withCtx)(()=>[i[3]||=(0,t.createTextVNode)(` 刷新数据 `,-1)]),_:1}),e.editable?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-blue-500 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors`,onClick:i[0]||=(0,t.withModifiers)(t=>a(`edit`,e.widget.id),[`stop`])},[...i[4]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-gear text-xs`},null,-1)]])]),default:(0,t.withCtx)(()=>[i[5]||=(0,t.createTextVNode)(` 配置 `,-1)]),_:1}),(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded text-gray-400 dark:text-gray-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/30 transition-colors`,onClick:i[1]||=(0,t.withModifiers)(t=>a(`remove`,e.widget.id),[`stop`])},[...i[6]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-xmark text-xs`},null,-1)]])]),default:(0,t.withCtx)(()=>[i[7]||=(0,t.createTextVNode)(` 删除 `,-1)]),_:1})],64)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`div`,$fe,[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,epe,[i[9]||=(0,t.createElementVNode)(`i`,{class:`fa-solid fa-triangle-exclamation text-base`},null,-1),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(c.value),1),(0,t.createVNode)((0,t.unref)(_m),{size:`tiny`,onClick:d},{default:(0,t.withCtx)(()=>[...i[8]||=[(0,t.createTextVNode)(`重试`,-1)]]),_:1})])):s.value&&l.value.length===0?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Qw),{key:1,size:`medium`})):((0,t.openBlock)(),(0,t.createBlock)(Bfe,{key:2,type:e.widget.type,option:u.value,loading:s.value,theme:(0,t.unref)(r)?`dark`:void 0},null,8,[`type`,`option`,`loading`,`theme`]))])]))}}),npe=(0,t.defineComponent)({__name:`ChartConfigDrawer`,props:{show:{type:Boolean},widget:{}},emits:[`update:show`,`save`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.ref)(null);(0,t.watch)(()=>r.widget,e=>{a.value=e?JSON.parse(JSON.stringify(e)):null},{immediate:!0});let o=[{label:`📈 折线图`,value:`line`},{label:`📊 柱状图`,value:`bar`},{label:`🥧 饼图`,value:`pie`},{label:`🎯 仪表盘`,value:`gauge`},{label:`✦ 散点图`,value:`scatter`}],s=[{label:`GET`,value:`GET`},{label:`POST`,value:`POST`}];function c(){a.value&&(i(`save`,JSON.parse(JSON.stringify(a.value))),i(`update:show`,!1))}function l(){i(`update:show`,!1)}return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Tx),{show:e.show,width:420,placement:`right`,"onUpdate:show":r[7]||=e=>i(`update:show`,e)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Dx),{title:`图表配置`,closable:``},{footer:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Lx),{justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(_m),{onClick:l},{default:(0,t.withCtx)(()=>[...r[12]||=[(0,t.createTextVNode)(`取消`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_m),{type:`primary`,onClick:c},{default:(0,t.withCtx)(()=>[...r[13]||=[(0,t.createTextVNode)(`保存`,-1)]]),_:1})]),_:1})]),default:(0,t.withCtx)(()=>[a.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(lC),{key:0,"label-placement":`top`,"label-width":`auto`,size:`small`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[8]||=[(0,t.createTextVNode)(`基础信息`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`标题`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.title,"onUpdate:value":r[0]||=e=>a.value.title=e,placeholder:`请输入图表标题`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`图表类型`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(dv),{value:a.value.type,"onUpdate:value":r[1]||=e=>a.value.type=e,options:o},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[9]||=[(0,t.createTextVNode)(`接口配置`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`请求方式`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(dv),{value:a.value.api.method,"onUpdate:value":r[2]||=e=>a.value.api.method=e,options:s,style:{width:`120px`}},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`接口地址 (URL)`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.api.url,"onUpdate:value":r[3]||=e=>a.value.api.url=e,placeholder:`/api/your-data-endpoint`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[10]||=[(0,t.createTextVNode)(`数据字段映射`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`X轴字段（分类/时间）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.api.mapping.xField,"onUpdate:value":r[4]||=e=>a.value.api.mapping.xField=e,placeholder:`如: date, month, name`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`Y轴字段（数值，多个用英文逗号分隔）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:Array.isArray(a.value.api.mapping.yField)?a.value.api.mapping.yField.join(`,`):a.value.api.mapping.yField,"onUpdate:value":r[5]||=e=>{let t=e.split(`,`).map(e=>e.trim()).filter(Boolean);a.value.api.mapping.yField=t.length===1?t[0]:t},placeholder:`如: value 或 sales,cost`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[11]||=[(0,t.createTextVNode)(`自动刷新`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`刷新间隔（秒，0 = 不刷新）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Bw),{value:a.value.api.refreshInterval,"onUpdate:value":r[6]||=e=>a.value.api.refreshInterval=e,min:0,step:10,placeholder:`0`,style:{width:`100%`}},null,8,[`value`])]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`show`]))}}),$9=[{type:`line`,label:`折线图`,icon:`fa-solid fa-chart-line`},{type:`bar`,label:`柱状图`,icon:`fa-solid fa-chart-column`},{type:`pie`,label:`饼图`,icon:`fa-solid fa-chart-pie`},{type:`gauge`,label:`仪表盘`,icon:`fa-solid fa-gauge`},{type:`scatter`,label:`散点图`,icon:`fa-solid fa-circle-dot`},{type:`radar`,label:`雷达图`,icon:`fa-solid fa-spider`},{type:`heatmap`,label:`热力图`,icon:`fa-solid fa-fire`},{type:`funnel`,label:`漏斗图`,icon:`fa-solid fa-filter`}],rpe={class:`flex h-full w-full overflow-hidden bg-gray-50 dark:bg-[#101014]`},ipe={key:0,class:`w-24 flex-shrink-0 bg-white dark:bg-[#18181c] border-r border-gray-100 dark:border-[#ffffff17] px-2 pt-3 pb-2 flex flex-col overflow-y-auto`},ape={class:`flex flex-col gap-1.5`},ope=[`onClick`],spe={class:`text-[11px] text-gray-500 dark:text-gray-400 mt-1.5 leading-none`},cpe={class:`flex-1 overflow-hidden flex flex-col`},lpe={key:0,class:`flex items-center justify-end px-3 py-1.5 bg-white dark:bg-[#18181c] border-b border-gray-100 dark:border-[#ffffff17] flex-shrink-0`},upe={class:`flex-1 overflow-y-auto p-3`},dpe={key:0,class:`h-full flex items-center justify-center`},fpe=HT((0,t.defineComponent)({__name:`KiviiDashboard`,props:{widgets:{},editable:{type:Boolean}},emits:[`update:widgets`],setup(e,{emit:n}){let r=e,i=(0,t.ref)(!1),a=(0,t.computed)(()=>r.editable!==!1&&!i.value),o=n,s=(0,t.ref)(new Map),c=(0,t.ref)([]),l=!1;(0,t.watch)(()=>r.widgets,e=>{if(l){l=!1;return}if(!e?.length)return;let t=new Map;e.forEach(e=>t.set(e.id,JSON.parse(JSON.stringify(e)))),s.value=t,c.value=e.map(e=>({i:e.id,x:e.layout.x,y:e.layout.y,w:e.layout.w,h:e.layout.h}))},{immediate:!0});let u=(0,t.computed)(()=>c.value.length>0);function d(){let e=c.value.map(e=>({...s.value.get(e.i),layout:{x:e.x,y:e.y,w:e.w,h:e.h}}));l=!0,o(`update:widgets`,e)}function f(e){e.forEach(e=>{let t=s.value.get(e.i);t&&(t.layout={x:e.x,y:e.y,w:e.w,h:e.h})}),d()}function p(e){let t=`chart_${Date.now()}`,n=c.value.length===0?0:Math.max(...c.value.map(e=>e.y+e.h)),r={id:t,type:e,title:$9.find(t=>t.type===e)?.label??`新图表`,layout:{x:0,y:n,w:6,h:4},api:{url:``,method:`GET`,mapping:{xField:`name`,yField:`value`},refreshInterval:0}};s.value.set(t,r),c.value=[...c.value,{i:t,x:0,y:n,w:6,h:4}],d(),_(t)}function m(e){s.value.delete(e),c.value=c.value.filter(t=>t.i!==e),d()}let h=(0,t.ref)(!1),g=(0,t.ref)(null);function _(e){g.value=s.value.get(e)??null,h.value=!0}function v(e){s.value.set(e.id,e),d()}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,rpe,[a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ipe,[r[3]||=(0,t.createElementVNode)(`p`,{class:`text-xs font-semibold text-gray-400 dark:text-gray-500 text-center tracking-wide`},`图表类型`,-1),(0,t.createVNode)((0,t.unref)(ax),{style:{margin:`8px 0`}}),(0,t.createElementVNode)(`div`,ape,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)($9),e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.type,class:`flex flex-col items-center py-2 px-1 rounded-lg cursor-pointer border border-transparent hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:border-blue-400 dark:hover:border-blue-500/50 transition-colors duration-150 group`,onClick:t=>p(e.type)},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([e.icon,`text-xl text-gray-400 dark:text-gray-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 transition-colors`])},null,2),(0,t.createElementVNode)(`span`,spe,(0,t.toDisplayString)(e.label),1)],8,ope))),128))]),r[4]||=(0,t.createElementVNode)(`p`,{class:`mt-auto pt-2 text-[10px] text-gray-300 dark:text-gray-600 text-center`},`点击添加到画布`,-1)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,cpe,[e.editable===!1?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,lpe,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`flex items-center gap-1.5 px-3 py-1 text-xs rounded-md border transition-colors duration-150`,i.value?`border-blue-400 dark:border-blue-500/50 text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/40`:`border-gray-300 dark:border-[#ffffff33] text-gray-600 dark:text-gray-300 bg-white dark:bg-[#18181c] hover:bg-gray-50 dark:hover:bg-[#ffffff17]`]),onClick:r[0]||=e=>i.value=!i.value},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(i.value?`fa-solid fa-pen-to-square`:`fa-solid fa-eye`)},null,2),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(i.value?`编辑模式`:`预览模式`),1)],2)])),(0,t.createElementVNode)(`div`,upe,[u.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)($ie),{key:1,layout:c.value,"onUpdate:layout":r[1]||=e=>c.value=e,"col-num":12,"row-height":60,"is-draggable":a.value,"is-resizable":a.value,"vertical-compact":!0,"use-css-transforms":!0,onLayoutUpdated:f},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(c.value,e=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(mN),{key:e.i,i:e.i,x:e.x,y:e.y,w:e.w,h:e.h},{default:(0,t.withCtx)(()=>[s.value.get(e.i)?((0,t.openBlock)(),(0,t.createBlock)(tpe,{key:0,widget:s.value.get(e.i),editable:a.value,onEdit:_,onRemove:m},null,8,[`widget`,`editable`])):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`i`,`x`,`y`,`w`,`h`]))),128))]),_:1},8,[`layout`,`is-draggable`,`is-resizable`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,dpe,[(0,t.createVNode)((0,t.unref)(vp),{description:`点击左侧图表类型添加图表`})]))])]),(0,t.createVNode)(npe,{show:h.value,"onUpdate:show":r[2]||=e=>h.value=e,widget:g.value,onSave:v},null,8,[`show`,`widget`])]))}}),[[`__scopeId`,`data-v-5e0003ec`]]),ppe=HT((0,t.defineComponent)({name:`KiviiDashboard`,inheritAttrs:!1,__name:`KiviiDashboardWrapper`,setup(e){let{isDark:n,primaryColor:r,naiveTheme:i,themeOverrides:a}=dM();return(0,t.provide)(`isDark`,n),(0,t.provide)(`primaryColor`,r),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`kivii-demo-lib-wrapper`,{dark:(0,t.unref)(n)}])},[(0,t.createVNode)((0,t.unref)(X_),{theme:(0,t.unref)(i),"theme-overrides":(0,t.unref)(a),locale:(0,t.unref)(da),"date-locale":(0,t.unref)(qa)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Yb),null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Pb),null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(fpe,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),null,16)]),_:1})]),_:1})]),_:1},8,[`theme`,`theme-overrides`,`locale`,`date-locale`])],2))}}),[[`__scopeId`,`data-v-8049bd57`]]);e.HelloWorld=m,e.KiviiDashboard=ppe,e.TableIndex=pM});
+{d}%`},data:i}]}}function Jfe(e){return{title:{text:e,left:`center`,textStyle:{fontSize:14}},graphic:[{type:`text`,left:`center`,top:`middle`,style:{text:`暂无数据`,fill:`#999`,fontSize:14}}]}}function Q9(e,t){let n={...e};for(let r of Object.keys(t))t[r]&&typeof t[r]==`object`&&!Array.isArray(t[r])?n[r]=Q9(e[r]??{},t[r]):n[r]=t[r];return n}var Yfe={class:`flex items-center gap-1 flex-shrink-0 ml-2`},Xfe={class:`flex-1 overflow-hidden relative flex items-center justify-center p-1`},Zfe={key:0,class:`flex flex-col items-center gap-2 text-red-500 text-[13px]`},Qfe=(0,t.defineComponent)({__name:`ChartWidget`,props:{widget:{},editable:{type:Boolean}},emits:[`edit`,`remove`],setup(e,{emit:n}){let r=(0,t.inject)(`isDark`,(0,t.ref)(!1)),i=e,a=n;function o(e,t){if(t){let n=t.split(`.`).reduce((e,t)=>e?.[t],e);return Array.isArray(n)?n:[]}if(Array.isArray(e))return e;for(let t of[`Results`,`data`,`list`,`rows`,`items`])if(Array.isArray(e?.[t]))return e[t];return[]}let s=(0,t.ref)(!1),c=(0,t.ref)(``),l=(0,t.ref)([]),u=(0,t.computed)(()=>Vfe(l.value,i.widget.type,i.widget.title,i.widget.api.mapping,i.widget.echartsOverride));async function d(){if(i.widget.api.url){s.value=!0,c.value=``;try{let e={method:i.widget.api.method||`GET`,url:i.widget.api.url,headers:i.widget.api.headers};e.method===`GET`?e.params=i.widget.api.params:e.data=i.widget.api.params,l.value=o((await ek(e)).data,i.widget.api.dataPath)}catch(e){c.value=e.message||`请求失败`,l.value=[]}finally{s.value=!1}}}let f=null;function p(){f&&=(clearInterval(f),null);let e=i.widget.api.refreshInterval;e&&e>0&&(f=setInterval(d,e*1e3))}return(0,t.onMounted)(()=>{d(),p()}),(0,t.onUnmounted)(()=>{f&&clearInterval(f)}),(0,t.watch)(()=>i.widget.api.url,()=>{d(),p()}),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`w-full h-full flex flex-col rounded-lg shadow-sm overflow-hidden`,style:(0,t.normalizeStyle)({backgroundColor:(0,t.unref)(r)?`#18181c`:`#ffffff`,borderWidth:`1px`,borderStyle:`solid`,borderColor:(0,t.unref)(r)?`#ffffff17`:`transparent`})},[(0,t.createElementVNode)(`div`,{class:`flex items-center justify-between px-3 py-2 min-h-[36px] flex-shrink-0 cursor-move select-none`,style:(0,t.normalizeStyle)({borderBottomWidth:`1px`,borderBottomStyle:`solid`,borderBottomColor:(0,t.unref)(r)?`#ffffff17`:`#f3f4f6`})},[(0,t.createElementVNode)(`span`,{class:`text-[13px] font-semibold truncate`,style:(0,t.normalizeStyle)({color:(0,t.unref)(r)?`#e5e7eb`:`#374151`})},(0,t.toDisplayString)(e.widget.title||`未命名图表`),5),(0,t.createElementVNode)(`div`,Yfe,[(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded hover:text-blue-500 hover:bg-blue-50 transition-colors`,style:(0,t.normalizeStyle)({color:(0,t.unref)(r)?`#6b7280`:`#9ca3af`}),onClick:(0,t.withModifiers)(d,[`stop`])},[...i[2]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-rotate-right text-xs`},null,-1)]],4)]),default:(0,t.withCtx)(()=>[i[3]||=(0,t.createTextVNode)(` 刷新数据 `,-1)]),_:1}),e.editable?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded hover:text-blue-500 hover:bg-blue-50 transition-colors`,style:(0,t.normalizeStyle)({color:(0,t.unref)(r)?`#6b7280`:`#9ca3af`}),onClick:i[0]||=(0,t.withModifiers)(t=>a(`edit`,e.widget.id),[`stop`])},[...i[4]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-gear text-xs`},null,-1)]],4)]),default:(0,t.withCtx)(()=>[i[5]||=(0,t.createTextVNode)(` 配置 `,-1)]),_:1}),(0,t.createVNode)((0,t.unref)(qv),{trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,{class:`w-6 h-6 flex items-center justify-center rounded hover:text-red-500 hover:bg-red-50 transition-colors`,style:(0,t.normalizeStyle)({color:(0,t.unref)(r)?`#6b7280`:`#9ca3af`}),onClick:i[1]||=(0,t.withModifiers)(t=>a(`remove`,e.widget.id),[`stop`])},[...i[6]||=[(0,t.createElementVNode)(`i`,{class:`fa-solid fa-xmark text-xs`},null,-1)]],4)]),default:(0,t.withCtx)(()=>[i[7]||=(0,t.createTextVNode)(` 删除 `,-1)]),_:1})],64)):(0,t.createCommentVNode)(``,!0)])],4),(0,t.createElementVNode)(`div`,Xfe,[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Zfe,[i[9]||=(0,t.createElementVNode)(`i`,{class:`fa-solid fa-triangle-exclamation text-base`},null,-1),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(c.value),1),(0,t.createVNode)((0,t.unref)(_m),{size:`tiny`,onClick:d},{default:(0,t.withCtx)(()=>[...i[8]||=[(0,t.createTextVNode)(`重试`,-1)]]),_:1})])):s.value&&l.value.length===0?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Qw),{key:1,size:`medium`})):((0,t.openBlock)(),(0,t.createBlock)(Bfe,{key:2,type:e.widget.type,option:u.value,loading:s.value,theme:(0,t.unref)(r)?`dark`:void 0},null,8,[`type`,`option`,`loading`,`theme`]))])],4))}}),$fe=(0,t.defineComponent)({__name:`ChartConfigDrawer`,props:{show:{type:Boolean},widget:{}},emits:[`update:show`,`save`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.ref)(null);(0,t.watch)(()=>r.widget,e=>{a.value=e?JSON.parse(JSON.stringify(e)):null},{immediate:!0});let o=[{label:`📈 折线图`,value:`line`},{label:`📊 柱状图`,value:`bar`},{label:`🥧 饼图`,value:`pie`},{label:`🎯 仪表盘`,value:`gauge`},{label:`✦ 散点图`,value:`scatter`}],s=[{label:`GET`,value:`GET`},{label:`POST`,value:`POST`}];function c(){a.value&&(i(`save`,JSON.parse(JSON.stringify(a.value))),i(`update:show`,!1))}function l(){i(`update:show`,!1)}return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Tx),{show:e.show,width:420,placement:`right`,"onUpdate:show":r[7]||=e=>i(`update:show`,e)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Dx),{title:`图表配置`,closable:``},{footer:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Lx),{justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(_m),{onClick:l},{default:(0,t.withCtx)(()=>[...r[12]||=[(0,t.createTextVNode)(`取消`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_m),{type:`primary`,onClick:c},{default:(0,t.withCtx)(()=>[...r[13]||=[(0,t.createTextVNode)(`保存`,-1)]]),_:1})]),_:1})]),default:(0,t.withCtx)(()=>[a.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(lC),{key:0,"label-placement":`top`,"label-width":`auto`,size:`small`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[8]||=[(0,t.createTextVNode)(`基础信息`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`标题`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.title,"onUpdate:value":r[0]||=e=>a.value.title=e,placeholder:`请输入图表标题`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`图表类型`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(dv),{value:a.value.type,"onUpdate:value":r[1]||=e=>a.value.type=e,options:o},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[9]||=[(0,t.createTextVNode)(`接口配置`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`请求方式`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(dv),{value:a.value.api.method,"onUpdate:value":r[2]||=e=>a.value.api.method=e,options:s,style:{width:`120px`}},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`接口地址 (URL)`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.api.url,"onUpdate:value":r[3]||=e=>a.value.api.url=e,placeholder:`/api/your-data-endpoint`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[10]||=[(0,t.createTextVNode)(`数据字段映射`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`X轴字段（分类/时间）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:a.value.api.mapping.xField,"onUpdate:value":r[4]||=e=>a.value.api.mapping.xField=e,placeholder:`如: date, month, name`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`Y轴字段（数值，多个用英文逗号分隔）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(im),{value:Array.isArray(a.value.api.mapping.yField)?a.value.api.mapping.yField.join(`,`):a.value.api.mapping.yField,"onUpdate:value":r[5]||=e=>{let t=e.split(`,`).map(e=>e.trim()).filter(Boolean);a.value.api.mapping.yField=t.length===1?t[0]:t},placeholder:`如: value 或 sales,cost`},null,8,[`value`])]),_:1}),(0,t.createVNode)((0,t.unref)(ax),{"title-placement":`left`,style:{"font-size":`12px`}},{default:(0,t.withCtx)(()=>[...r[11]||=[(0,t.createTextVNode)(`自动刷新`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(_w),{label:`刷新间隔（秒，0 = 不刷新）`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Bw),{value:a.value.api.refreshInterval,"onUpdate:value":r[6]||=e=>a.value.api.refreshInterval=e,min:0,step:10,placeholder:`0`,style:{width:`100%`}},null,8,[`value`])]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`show`]))}}),$9=[{type:`line`,label:`折线图`,icon:`fa-solid fa-chart-line`},{type:`bar`,label:`柱状图`,icon:`fa-solid fa-chart-column`},{type:`pie`,label:`饼图`,icon:`fa-solid fa-chart-pie`},{type:`gauge`,label:`仪表盘`,icon:`fa-solid fa-gauge`},{type:`scatter`,label:`散点图`,icon:`fa-solid fa-circle-dot`},{type:`radar`,label:`雷达图`,icon:`fa-solid fa-spider`},{type:`heatmap`,label:`热力图`,icon:`fa-solid fa-fire`},{type:`funnel`,label:`漏斗图`,icon:`fa-solid fa-filter`}],epe={class:`flex h-full w-full overflow-hidden bg-gray-50 dark:bg-[#101014]`},tpe={key:0,class:`w-24 flex-shrink-0 bg-white dark:bg-[#18181c] border-r border-gray-100 dark:border-[#ffffff17] px-2 pt-3 pb-2 flex flex-col overflow-y-auto`},npe={class:`flex flex-col gap-1.5`},rpe=[`onClick`],ipe={class:`text-[11px] text-gray-500 dark:text-gray-400 mt-1.5 leading-none`},ape={class:`flex-1 overflow-hidden flex flex-col`},ope={key:0,class:`flex items-center justify-end px-3 py-1.5 bg-white dark:bg-[#18181c] border-b border-gray-100 dark:border-[#ffffff17] flex-shrink-0`},spe={class:`flex-1 overflow-y-auto p-3`},cpe={key:0,class:`h-full flex items-center justify-center`},lpe=HT((0,t.defineComponent)({__name:`KiviiDashboard`,props:{widgets:{},editable:{type:Boolean}},emits:[`update:widgets`],setup(e,{emit:n}){let r=e,i=(0,t.ref)(!1),a=(0,t.computed)(()=>r.editable!==!1&&!i.value),o=n,s=(0,t.ref)(new Map),c=(0,t.ref)([]),l=!1;(0,t.watch)(()=>r.widgets,e=>{if(l){l=!1;return}if(!e?.length)return;let t=new Map;e.forEach(e=>t.set(e.id,JSON.parse(JSON.stringify(e)))),s.value=t,c.value=e.map(e=>({i:e.id,x:e.layout.x,y:e.layout.y,w:e.layout.w,h:e.layout.h}))},{immediate:!0});let u=(0,t.computed)(()=>c.value.length>0);function d(){let e=c.value.map(e=>({...s.value.get(e.i),layout:{x:e.x,y:e.y,w:e.w,h:e.h}}));l=!0,o(`update:widgets`,e)}function f(e){e.forEach(e=>{let t=s.value.get(e.i);t&&(t.layout={x:e.x,y:e.y,w:e.w,h:e.h})}),d()}function p(e){let t=`chart_${Date.now()}`,n=c.value.length===0?0:Math.max(...c.value.map(e=>e.y+e.h)),r={id:t,type:e,title:$9.find(t=>t.type===e)?.label??`新图表`,layout:{x:0,y:n,w:6,h:4},api:{url:``,method:`GET`,mapping:{xField:`name`,yField:`value`},refreshInterval:0}};s.value.set(t,r),c.value=[...c.value,{i:t,x:0,y:n,w:6,h:4}],d(),_(t)}function m(e){s.value.delete(e),c.value=c.value.filter(t=>t.i!==e),d()}let h=(0,t.ref)(!1),g=(0,t.ref)(null);function _(e){g.value=s.value.get(e)??null,h.value=!0}function v(e){s.value.set(e.id,e),d()}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,epe,[a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,tpe,[r[3]||=(0,t.createElementVNode)(`p`,{class:`text-xs font-semibold text-gray-400 dark:text-gray-500 text-center tracking-wide`},`图表类型`,-1),(0,t.createVNode)((0,t.unref)(ax),{style:{margin:`8px 0`}}),(0,t.createElementVNode)(`div`,npe,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)($9),e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.type,class:`flex flex-col items-center py-2 px-1 rounded-lg cursor-pointer border border-transparent hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:border-blue-400 dark:hover:border-blue-500/50 transition-colors duration-150 group`,onClick:t=>p(e.type)},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([e.icon,`text-xl text-gray-400 dark:text-gray-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 transition-colors`])},null,2),(0,t.createElementVNode)(`span`,ipe,(0,t.toDisplayString)(e.label),1)],8,rpe))),128))]),r[4]||=(0,t.createElementVNode)(`p`,{class:`mt-auto pt-2 text-[10px] text-gray-300 dark:text-gray-600 text-center`},`点击添加到画布`,-1)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,ape,[e.editable===!1?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ope,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`flex items-center gap-1.5 px-3 py-1 text-xs rounded-md border transition-colors duration-150`,i.value?`border-blue-400 dark:border-blue-500/50 text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/40`:`border-gray-300 dark:border-[#ffffff33] text-gray-600 dark:text-gray-300 bg-white dark:bg-[#18181c] hover:bg-gray-50 dark:hover:bg-[#ffffff17]`]),onClick:r[0]||=e=>i.value=!i.value},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(i.value?`fa-solid fa-pen-to-square`:`fa-solid fa-eye`)},null,2),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(i.value?`编辑模式`:`预览模式`),1)],2)])),(0,t.createElementVNode)(`div`,spe,[u.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)($ie),{key:1,layout:c.value,"onUpdate:layout":r[1]||=e=>c.value=e,"col-num":12,"row-height":60,"is-draggable":a.value,"is-resizable":a.value,"vertical-compact":!0,"use-css-transforms":!0,onLayoutUpdated:f},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(c.value,e=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(mN),{key:e.i,i:e.i,x:e.x,y:e.y,w:e.w,h:e.h},{default:(0,t.withCtx)(()=>[s.value.get(e.i)?((0,t.openBlock)(),(0,t.createBlock)(Qfe,{key:0,widget:s.value.get(e.i),editable:a.value,onEdit:_,onRemove:m},null,8,[`widget`,`editable`])):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`i`,`x`,`y`,`w`,`h`]))),128))]),_:1},8,[`layout`,`is-draggable`,`is-resizable`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,cpe,[(0,t.createVNode)((0,t.unref)(vp),{description:`点击左侧图表类型添加图表`})]))])]),(0,t.createVNode)($fe,{show:h.value,"onUpdate:show":r[2]||=e=>h.value=e,widget:g.value,onSave:v},null,8,[`show`,`widget`])]))}}),[[`__scopeId`,`data-v-5e0003ec`]]),upe=HT((0,t.defineComponent)({name:`KiviiDashboard`,inheritAttrs:!1,__name:`KiviiDashboardWrapper`,setup(e){let{isDark:n,primaryColor:r,naiveTheme:i,themeOverrides:a}=dM();return(0,t.provide)(`isDark`,n),(0,t.provide)(`primaryColor`,r),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`kivii-demo-lib-wrapper`,{dark:(0,t.unref)(n)}])},[(0,t.createVNode)((0,t.unref)(X_),{theme:(0,t.unref)(i),"theme-overrides":(0,t.unref)(a),locale:(0,t.unref)(da),"date-locale":(0,t.unref)(qa)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Yb),null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Pb),null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(lpe,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),null,16)]),_:1})]),_:1})]),_:1},8,[`theme`,`theme-overrides`,`locale`,`date-locale`])],2))}}),[[`__scopeId`,`data-v-8049bd57`]]);e.HelloWorld=m,e.KiviiDashboard=upe,e.TableIndex=pM});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "kivii-public-components",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "type": "module",
   "description": "Kivii 公共 Vue3 组件库",
   "main": "./dist/kivii-public-components.umd.cjs",