@363045841yyt/klinechart 0.7.3-alpha.4 → 0.7.4

package/dist/klinechart.css

@@ -1,2 +1,2 @@
-.drawing-style-toolbar[data-v-87e91714]{-webkit-backdrop-filter:blur(8px);z-index:100;user-select:none;pointer-events:auto;background:#fafbfce0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;height:32px;padding:4px 8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000000f}.toolbar-item[data-v-87e91714]{justify-content:center;align-items:center;display:inline-flex}.color-item[data-v-87e91714]{width:24px;height:24px;position:relative}.color-swatch[data-v-87e91714]{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;width:100%;height:100%;display:block}.color-input[data-v-87e91714]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.toolbar-select[data-v-87e91714]{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;height:24px;padding:0 4px;font-size:12px}.toolbar-select[data-v-87e91714]:hover{border-color:#9ca3af}.toolbar-btn[data-v-87e91714]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.toolbar-btn[data-v-87e91714]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.delete-btn[data-v-87e91714]:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.delete-icon[data-v-87e91714]{width:14px;height:14px}.params-overlay[data-v-2ffc8f4d]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.indicator-params[data-v-2ffc8f4d]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90vw;min-width:340px;max-width:420px;overflow:hidden;box-shadow:0 8px 40px #00000026}.params-header[data-v-2ffc8f4d]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-2ffc8f4d]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-2ffc8f4d]{align-items:center;gap:8px;display:flex}.params-title[data-v-2ffc8f4d]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.params-subtitle[data-v-2ffc8f4d]{color:#999;font-size:11px}.toggle-desc-btn[data-v-2ffc8f4d]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.toggle-desc-btn[data-v-2ffc8f4d]:hover{color:#555;background:#f0f0f0;border-color:#ccc}.toggle-desc-btn.active[data-v-2ffc8f4d]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.toggle-desc-btn svg[data-v-2ffc8f4d]{width:14px;height:14px}.params-close[data-v-2ffc8f4d]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.params-close[data-v-2ffc8f4d]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.params-close svg[data-v-2ffc8f4d]{width:14px;height:14px}.indicator-description[data-v-2ffc8f4d]{background:#f0f7ff;border-bottom:1px solid #d6e8f5;padding:12px 20px}.indicator-description p[data-v-2ffc8f4d]{color:#2c5282;margin:0;font-size:12px;line-height:1.6}.params-body[data-v-2ffc8f4d]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.param-item[data-v-2ffc8f4d]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;transition:border-color .2s}.param-item[data-v-2ffc8f4d]:has(.param-input:focus){border-color:#bbb}.param-item.has-desc[data-v-2ffc8f4d]{padding:10px 14px 8px}.param-header[data-v-2ffc8f4d]{justify-content:space-between;align-items:center;gap:16px;display:flex}.param-label[data-v-2ffc8f4d]{flex-direction:column;gap:3px;display:flex}.param-label-text[data-v-2ffc8f4d]{color:#333;font-size:13px;font-weight:500}.param-range[data-v-2ffc8f4d]{color:#999;font-size:11px}.param-description[data-v-2ffc8f4d]{color:#666;border-top:1px dashed #e0e0e0;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.input-wrapper[data-v-2ffc8f4d]{background:#fff;border:1px solid #d0d0d0;border-radius:7px;align-items:stretch;height:32px;transition:border-color .2s;display:flex;overflow:hidden}.input-wrapper[data-v-2ffc8f4d]:focus-within{border-color:#999}.stepper-btn[data-v-2ffc8f4d]{cursor:pointer;color:#666;background:#f0f0f0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:15px;font-weight:400;line-height:1;transition:background .15s,color .15s;display:flex}.stepper-btn[data-v-2ffc8f4d]:hover:not(:disabled){color:#333;background:#e0e0e0}.stepper-btn[data-v-2ffc8f4d]:disabled{color:#ccc;cursor:not-allowed}.param-input[data-v-2ffc8f4d]{text-align:center;color:#1a1a1a;appearance:textfield;background:0 0;border:none;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;width:60px;font-size:13px;font-weight:600}.param-input[data-v-2ffc8f4d]::-webkit-inner-spin-button{-webkit-appearance:none}.param-input[data-v-2ffc8f4d]::-webkit-outer-spin-button{-webkit-appearance:none}.param-input[data-v-2ffc8f4d]:focus{outline:none}.params-footer[data-v-2ffc8f4d]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-2ffc8f4d]{gap:8px;display:flex}.params-btn[data-v-2ffc8f4d]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.params-btn svg[data-v-2ffc8f4d]{flex-shrink:0;width:12px;height:12px}.params-btn.reset[data-v-2ffc8f4d]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.reset[data-v-2ffc8f4d]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.params-btn.cancel[data-v-2ffc8f4d]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.cancel[data-v-2ffc8f4d]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.params-btn.confirm[data-v-2ffc8f4d]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.params-btn.confirm[data-v-2ffc8f4d]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.params-btn.confirm[data-v-2ffc8f4d]:active{box-shadow:none;transform:translateY(0)}.overlay-enter-active[data-v-2ffc8f4d],.overlay-leave-active[data-v-2ffc8f4d]{transition:opacity .2s}.overlay-enter-from[data-v-2ffc8f4d],.overlay-leave-to[data-v-2ffc8f4d]{opacity:0}.modal-enter-active[data-v-2ffc8f4d]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-2ffc8f4d]{transition:all .16s ease-in}.modal-enter-from[data-v-2ffc8f4d]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-2ffc8f4d]{opacity:0;transform:scale(.94)translateY(8px)}.slide-enter-active[data-v-2ffc8f4d],.slide-leave-active[data-v-2ffc8f4d]{transition:all .2s;overflow:hidden}.slide-enter-from[data-v-2ffc8f4d],.slide-leave-to[data-v-2ffc8f4d]{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.indicator-selector[data-v-4dc6bc90]{width:80%;margin:20px;position:relative}.indicator-scroll-container[data-v-4dc6bc90]{scrollbar-width:none;-webkit-overflow-scrolling:touch;text-align:center;width:100%;overflow:auto hidden}.indicator-scroll-container[data-v-4dc6bc90]::-webkit-scrollbar{display:none}.indicator-list[data-v-4dc6bc90]{gap:8px;margin:0 auto;padding:2px;display:inline-flex}.indicator-divider[data-v-4dc6bc90]{background:#d9d9d9;align-self:center;width:1px;height:20px}.indicator-item[data-v-4dc6bc90]{align-items:center;gap:4px;display:flex}.indicator-item.draggable[data-v-4dc6bc90],.indicator-item.draggable .indicator-btn[data-v-4dc6bc90],.indicator-item.draggable[data-v-4dc6bc90]:hover,.indicator-item.draggable:hover .indicator-btn[data-v-4dc6bc90]{cursor:move}.indicator-item.is-dragging[data-v-4dc6bc90]{opacity:.6}.indicator-item.drag-over .indicator-btn[data-v-4dc6bc90]{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1f}.indicator-btn-wrapper[data-v-4dc6bc90]{position:relative}.indicator-btn[data-v-4dc6bc90]{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.indicator-btn[data-v-4dc6bc90]:hover:not(.hovering){color:#333;background:#f8f8f8;border-color:#ccc}.indicator-btn.active[data-v-4dc6bc90]{color:#1a1a1a;background:#f8f8f8;border-color:#1a1a1a}.indicator-btn.active[data-v-4dc6bc90]:hover:not(.hovering){background:#f0f0f0;border-color:#333}.btn-content[data-v-4dc6bc90]{z-index:1;position:relative}.param-hint[data-v-4dc6bc90]{opacity:.85;font-size:11px}.hover-overlay[data-v-4dc6bc90]{backdrop-filter:blur(4px);z-index:2;background:#ffffffd9;border-radius:16px;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.action-btn[data-v-4dc6bc90]{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.action-btn[data-v-4dc6bc90]:hover{color:#333;background:#0000000f}.settings-btn[data-v-4dc6bc90]:hover{color:#1a1a1a}.remove-btn[data-v-4dc6bc90]:hover{color:#ff4d4f}.divider[data-v-4dc6bc90]{background:#e0e0e0;width:1px;height:14px}.add-btn[data-v-4dc6bc90]{color:#999;cursor:pointer;background:0 0;border:1px dashed #d9d9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex}.add-btn[data-v-4dc6bc90]:hover{color:#1a1a1a;background:#1a1a1a0a;border-color:#1a1a1a}.selector-overlay[data-v-4dc6bc90]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.selector-modal[data-v-4dc6bc90]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;width:90vw;max-width:860px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000026}.modal-header[data-v-4dc6bc90]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title[data-v-4dc6bc90]{flex-direction:column;gap:2px;display:flex}.title-text[data-v-4dc6bc90]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.title-sub[data-v-4dc6bc90]{color:#999;font-size:11px}.modal-close[data-v-4dc6bc90]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.modal-close[data-v-4dc6bc90]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.modal-close svg[data-v-4dc6bc90]{width:14px;height:14px}.header-actions[data-v-4dc6bc90]{align-items:center;gap:8px;display:flex}.view-toggle-btn[data-v-4dc6bc90]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.view-toggle-btn[data-v-4dc6bc90]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.view-toggle-btn.active[data-v-4dc6bc90]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.modal-body[data-v-4dc6bc90]{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.indicator-section[data-v-4dc6bc90]{flex-direction:column;gap:12px;display:flex}.section-header[data-v-4dc6bc90]{align-items:center;gap:8px;display:flex}.section-title[data-v-4dc6bc90]{color:#1a1a1a;font-size:13px;font-weight:600}.section-count[data-v-4dc6bc90]{color:#999;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:11px}.indicator-grid[data-v-4dc6bc90]{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;display:grid}.indicator-grid.compact[data-v-4dc6bc90]{flex-wrap:wrap;gap:8px;display:flex}.indicator-grid.compact .indicator-card[data-v-4dc6bc90]{white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;min-height:32px;padding:6px 14px;display:inline-flex;position:relative}.indicator-grid.compact .indicator-card .card-tooltip[data-v-4dc6bc90]{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#333;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.indicator-grid.compact .indicator-card:hover .card-tooltip[data-v-4dc6bc90]{opacity:1}.indicator-grid.compact .indicator-card .card-label[data-v-4dc6bc90]{font-size:12px;font-weight:500}.indicator-card[data-v-4dc6bc90]{cursor:pointer;text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.indicator-card[data-v-4dc6bc90]:hover:not(.disabled){background:#fafafa;border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.indicator-card.active[data-v-4dc6bc90]{background:#f8f8f8;border-color:#1a1a1a}.card-header[data-v-4dc6bc90]{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-label[data-v-4dc6bc90]{color:#1a1a1a;font-size:13px;font-weight:600}.card-header-actions[data-v-4dc6bc90]{align-items:center;gap:4px;display:flex}.card-settings-btn[data-v-4dc6bc90]{color:#bbb;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.card-settings-btn[data-v-4dc6bc90]:hover{color:#555;background:#f0f0f0}.card-name[data-v-4dc6bc90]{color:#666;font-size:11px;line-height:1.4}.card-params[data-v-4dc6bc90]{color:#999;margin-top:2px;font-size:10px}.section-divider[data-v-4dc6bc90]{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);height:1px;margin:4px 0}.modal-footer[data-v-4dc6bc90]{background:#f8f8f8;border-top:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-info[data-v-4dc6bc90]{color:#666;font-size:12px}.info-text[data-v-4dc6bc90]{color:#999}.btn[data-v-4dc6bc90]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 16px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.btn-confirm[data-v-4dc6bc90]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.btn-confirm[data-v-4dc6bc90]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.fade-enter-active[data-v-4dc6bc90],.fade-leave-active[data-v-4dc6bc90]{transition:opacity .2s}.fade-enter-from[data-v-4dc6bc90],.fade-leave-to[data-v-4dc6bc90]{opacity:0}.overlay-enter-active[data-v-4dc6bc90],.overlay-leave-active[data-v-4dc6bc90]{transition:opacity .2s}.overlay-enter-from[data-v-4dc6bc90],.overlay-leave-to[data-v-4dc6bc90]{opacity:0}.modal-enter-active[data-v-4dc6bc90]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-4dc6bc90]{transition:all .16s ease-in}.modal-enter-from[data-v-4dc6bc90]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-4dc6bc90]{opacity:0;transform:scale(.94)translateY(8px)}@media (width<=640px){.selector-modal[data-v-4dc6bc90]{width:95vw;max-height:90vh}.indicator-grid[data-v-4dc6bc90]{grid-template-columns:1fr}.modal-body[data-v-4dc6bc90]{padding:16px}}.kline-tooltip[data-v-90b1aa6d]{z-index:10;color:#000000c7;pointer-events:none;backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0000001f;border-radius:8px;min-width:200px;max-width:260px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0000001f}.kline-tooltip__title[data-v-90b1aa6d]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.kline-tooltip__grid[data-v-90b1aa6d]{grid-template-columns:1fr;gap:2px;display:grid}.kline-tooltip__grid .row[data-v-90b1aa6d]{justify-content:space-between;gap:10px;display:flex}.kline-tooltip__grid .row span[data-v-90b1aa6d]:first-child{color:#0000008f}@supports (anchor-name:--kmap-anchor) and (position-anchor:--kmap-anchor){.kline-tooltip.use-anchor[data-v-90b1aa6d]{position-anchor:--kline-tooltip-anchor;left:anchor(left);top:anchor(top);position:absolute}.kline-tooltip.use-anchor.anchor-right-bottom[data-v-90b1aa6d]{transform:translate(14px,14px)}.kline-tooltip.use-anchor.anchor-left-bottom[data-v-90b1aa6d]{transform:translate(calc(-100% - 14px),14px)}}.marker-tooltip[data-v-057b55c9]{z-index:10;color:#000000c7;pointer-events:none;backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0000001f;border-radius:8px;min-width:180px;max-width:260px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0000001f}.marker-tooltip__title[data-v-057b55c9]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.marker-tooltip__content[data-v-057b55c9]{grid-template-columns:1fr;gap:2px;display:grid}.marker-tooltip__content .row[data-v-057b55c9]{justify-content:space-between;gap:10px;display:flex}.marker-tooltip__content .row span[data-v-057b55c9]:first-child{color:#0000008f}@supports (anchor-name:--kmap-anchor) and (position-anchor:--kmap-anchor){.marker-tooltip.use-anchor[data-v-057b55c9]{position-anchor:--marker-tooltip-anchor;left:anchor(left);top:anchor(top);position:absolute}.marker-tooltip.use-anchor.anchor-right-bottom[data-v-057b55c9]{transform:translate(12px,12px)}.marker-tooltip.use-anchor.anchor-left-bottom[data-v-057b55c9]{transform:translate(calc(-100% - 12px),12px)}}.left-toolbar[data-v-35cfe78e]{box-sizing:border-box;user-select:none;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;flex:0 0 40px;align-items:center;gap:6px;padding:8px 5px;display:flex;box-shadow:0 1px 3px #0000000f}.left-toolbar__group[data-v-35cfe78e]{flex-direction:column;gap:4px;display:flex}.left-toolbar__divider[data-v-35cfe78e]{background:#e5e7eb;width:18px;height:1px}.left-toolbar__button[data-v-35cfe78e]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.left-toolbar__button[data-v-35cfe78e]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.left-toolbar__button.active[data-v-35cfe78e]{color:#1f2937;background:#e5e7eb;border-color:#9ca3af}.left-toolbar__button[data-v-35cfe78e]:focus-visible{border-color:#6b7280;outline:none}.tool-icon[data-v-35cfe78e]{width:16px;height:16px}.corner-indicator[data-v-35cfe78e]{cursor:pointer;width:8px;height:8px;position:absolute;bottom:0;right:0;overflow:hidden}.corner-indicator[data-v-35cfe78e]:after{content:"";opacity:.45;border-bottom:5px solid;border-left:5px solid #0000;width:0;height:0;transition:opacity .15s;position:absolute;bottom:0;right:0}.left-toolbar__button:hover .corner-indicator[data-v-35cfe78e]:after,.left-toolbar__button.active .corner-indicator[data-v-35cfe78e]:after{opacity:.7}.corner-indicator.open[data-v-35cfe78e]:after{opacity:.8}.tool-dropdown[data-v-35cfe78e]{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;z-index:100;background:#fafbfcd1;border:1px solid #e5e7eb;border-radius:6px;flex-direction:row;align-items:center;gap:4px;height:40px;padding:0 5px;display:flex;position:absolute;top:50%;left:calc(100% + 13px);transform:translateY(-50%);box-shadow:0 1px 3px #0000000f}.tool-item[data-v-35cfe78e]{position:relative}.dropdown-enter-active[data-v-35cfe78e],.dropdown-leave-active[data-v-35cfe78e]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-35cfe78e],.dropdown-leave-to[data-v-35cfe78e]{opacity:0;transform:translateY(-50%)translate(-6px)}@media (width<=768px),(height<=640px){.left-toolbar[data-v-35cfe78e]{border-radius:5px;flex-basis:36px;gap:5px;padding:6px 4px}.left-toolbar__group[data-v-35cfe78e]{gap:3px}.left-toolbar__button[data-v-35cfe78e]{border-radius:3px;width:26px;height:26px}.left-toolbar__divider[data-v-35cfe78e]{width:16px}.corner-indicator[data-v-35cfe78e]{width:7px;height:7px}.corner-indicator[data-v-35cfe78e]:after{border-bottom-width:4px;border-left-width:4px}.tool-dropdown[data-v-35cfe78e]{height:36px}}.settings-overlay[data-v-35cfe78e]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal[data-v-35cfe78e]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90vw;min-width:340px;max-width:420px;overflow:hidden;box-shadow:0 8px 40px #00000026}.settings-header[data-v-35cfe78e]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-35cfe78e]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-35cfe78e]{align-items:center;gap:8px;display:flex}.settings-title[data-v-35cfe78e]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.settings-subtitle[data-v-35cfe78e]{color:#999;font-size:11px}.settings-close[data-v-35cfe78e]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.settings-close[data-v-35cfe78e]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.settings-close svg[data-v-35cfe78e]{width:14px;height:14px}.settings-body[data-v-35cfe78e]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.settings-item[data-v-35cfe78e]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:8px 12px}.settings-label[data-v-35cfe78e]{color:#333;cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;display:flex}.settings-checkbox[data-v-35cfe78e]{cursor:pointer;accent-color:#1a1a1a;width:16px;height:16px}.settings-select[data-v-35cfe78e]{color:#333;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;min-width:140px;padding:4px 8px;font-size:12px}.settings-select[data-v-35cfe78e]:hover{border-color:#9ca3af}.settings-select[data-v-35cfe78e]:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b728026}.settings-section-divider[data-v-35cfe78e]{align-items:center;gap:8px;margin-top:4px;display:flex}.settings-section-divider[data-v-35cfe78e]:before,.settings-section-divider[data-v-35cfe78e]:after{content:"";border-top:1px solid #e0e0e0;flex:1}.settings-section-label[data-v-35cfe78e]{color:#999;white-space:nowrap;font-size:11px}.settings-item.experimental[data-v-35cfe78e]{background:#fdf8f3;border-color:#f0e0d0}.settings-footer[data-v-35cfe78e]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-35cfe78e]{gap:8px;display:flex}.settings-btn[data-v-35cfe78e]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.settings-btn svg[data-v-35cfe78e]{flex-shrink:0;width:12px;height:12px}.settings-btn.reset[data-v-35cfe78e]{color:#666;background:0 0;border-color:#d0d0d0}.settings-btn.reset[data-v-35cfe78e]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.settings-btn.cancel[data-v-35cfe78e]{color:#666;background:0 0;border-color:#d0d0d0}.settings-btn.cancel[data-v-35cfe78e]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.settings-btn.confirm[data-v-35cfe78e]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.settings-btn.confirm[data-v-35cfe78e]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.settings-btn.confirm[data-v-35cfe78e]:active{box-shadow:none;transform:translateY(0)}.chart-wrapper[data-v-c50302da]{--kmap-height:var(--kmap-chart-height,100%);--kmap-width:var(--kmap-chart-width,100%);--chart-bg:#fff;--chart-bg-secondary:#f8f9fa;--chart-border:#e5e7eb;--chart-border-active:#3b82f6;--chart-text:#374151;--chart-text-secondary:#6b7280;width:var(--kmap-width);height:var(--kmap-height);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.chart-wrapper[data-theme=dark][data-v-c50302da]{--chart-bg:#1a1a2e;--chart-bg-secondary:#16162a;--chart-border:#2d2d44;--chart-border-active:#60a5fa;--chart-text:#e5e7eb;--chart-text-secondary:#9ca3af}.chart-stage[data-v-c50302da]{align-items:stretch;gap:8px;width:95%;height:85%;min-height:255px;display:flex}.chart-main[data-v-c50302da]{flex:auto;align-items:stretch;gap:0;min-width:0;height:100%;display:flex;position:relative}.pane-separator-layer[data-v-c50302da]{pointer-events:none;z-index:20;position:absolute;inset:0}.pane-separator-line[data-v-c50302da]{border-top:1px solid var(--chart-border);opacity:1;box-sizing:border-box;height:0;transition:border-top-color .12s,border-top-width .12s,margin-top .12s,opacity .12s;position:absolute;left:0;right:0}.pane-separator-line.is-active[data-v-c50302da]{border-top-color:var(--chart-border-active);border-top-width:2px;margin-top:-1px}.chart-stage.is-resizing-pane[data-v-c50302da],.chart-stage.is-hovering-pane-separator[data-v-c50302da]{cursor:ns-resize}.chart-stage.is-hovering-kline[data-v-c50302da]{cursor:pointer}.chart-stage.is-hovering-right-axis[data-v-c50302da]{cursor:ns-resize}.chart-stage.is-dragging[data-v-c50302da]{cursor:grabbing}.chart-container[data-v-c50302da]{height:100%;min-height:inherit;scrollbar-width:none;-ms-overflow-style:none;border:1px solid var(--chart-border);box-sizing:border-box;background:var(--chart-bg);-webkit-touch-callout:none;user-select:none;touch-action:none;border-right:0;border-radius:6px 0 0 6px;flex:auto;position:relative;overflow:auto hidden}.chart-container[data-v-c50302da]::-webkit-scrollbar{display:none}.right-axis-host[data-v-c50302da]{height:100%;min-height:inherit;box-sizing:border-box;background:var(--chart-bg);border:1px solid var(--chart-border);-webkit-touch-callout:none;user-select:none;touch-action:none;border-top-right-radius:6px;border-bottom-right-radius:6px;flex:none;position:relative;overflow:visible}.scroll-content[data-v-c50302da]{height:100%;min-height:inherit;position:relative}.canvas-layer[data-v-c50302da]{pointer-events:none;position:sticky;top:0;left:0}.tooltip-layer[data-v-c50302da]{pointer-events:none;z-index:30;position:absolute;inset:0}.tooltip-anchor[data-v-c50302da]{pointer-events:none;width:1px;height:1px;position:absolute}.tooltip-anchor.kline-tooltip-anchor.use-anchor[data-v-c50302da]{anchor-name:--kline-tooltip-anchor}.tooltip-anchor.marker-tooltip-anchor.use-anchor[data-v-c50302da]{anchor-name:--marker-tooltip-anchor}@media (width<=768px),(height<=640px){.chart-stage[data-v-c50302da]{gap:6px}}.plot-canvas{display:block;position:absolute;top:0;left:0}.right-axis{display:block;position:absolute;left:0}.x-axis-canvas{z-index:10;display:block;position:absolute;bottom:0;left:0}.right-axis{z-index:15}
+.drawing-style-toolbar[data-v-87e91714]{-webkit-backdrop-filter:blur(8px);z-index:100;user-select:none;pointer-events:auto;background:#fafbfce0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;height:32px;padding:4px 8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000000f}.toolbar-item[data-v-87e91714]{justify-content:center;align-items:center;display:inline-flex}.color-item[data-v-87e91714]{width:24px;height:24px;position:relative}.color-swatch[data-v-87e91714]{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;width:100%;height:100%;display:block}.color-input[data-v-87e91714]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.toolbar-select[data-v-87e91714]{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;height:24px;padding:0 4px;font-size:12px}.toolbar-select[data-v-87e91714]:hover{border-color:#9ca3af}.toolbar-btn[data-v-87e91714]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.toolbar-btn[data-v-87e91714]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.delete-btn[data-v-87e91714]:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.delete-icon[data-v-87e91714]{width:14px;height:14px}.params-overlay[data-v-2ffc8f4d]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.indicator-params[data-v-2ffc8f4d]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90vw;min-width:340px;max-width:420px;overflow:hidden;box-shadow:0 8px 40px #00000026}.params-header[data-v-2ffc8f4d]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-2ffc8f4d]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-2ffc8f4d]{align-items:center;gap:8px;display:flex}.params-title[data-v-2ffc8f4d]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.params-subtitle[data-v-2ffc8f4d]{color:#999;font-size:11px}.toggle-desc-btn[data-v-2ffc8f4d]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.toggle-desc-btn[data-v-2ffc8f4d]:hover{color:#555;background:#f0f0f0;border-color:#ccc}.toggle-desc-btn.active[data-v-2ffc8f4d]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.toggle-desc-btn svg[data-v-2ffc8f4d]{width:14px;height:14px}.params-close[data-v-2ffc8f4d]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.params-close[data-v-2ffc8f4d]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.params-close svg[data-v-2ffc8f4d]{width:14px;height:14px}.indicator-description[data-v-2ffc8f4d]{background:#f0f7ff;border-bottom:1px solid #d6e8f5;padding:12px 20px}.indicator-description p[data-v-2ffc8f4d]{color:#2c5282;margin:0;font-size:12px;line-height:1.6}.params-body[data-v-2ffc8f4d]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.param-item[data-v-2ffc8f4d]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;transition:border-color .2s}.param-item[data-v-2ffc8f4d]:has(.param-input:focus){border-color:#bbb}.param-item.has-desc[data-v-2ffc8f4d]{padding:10px 14px 8px}.param-header[data-v-2ffc8f4d]{justify-content:space-between;align-items:center;gap:16px;display:flex}.param-label[data-v-2ffc8f4d]{flex-direction:column;gap:3px;display:flex}.param-label-text[data-v-2ffc8f4d]{color:#333;font-size:13px;font-weight:500}.param-range[data-v-2ffc8f4d]{color:#999;font-size:11px}.param-description[data-v-2ffc8f4d]{color:#666;border-top:1px dashed #e0e0e0;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.input-wrapper[data-v-2ffc8f4d]{background:#fff;border:1px solid #d0d0d0;border-radius:7px;align-items:stretch;height:32px;transition:border-color .2s;display:flex;overflow:hidden}.input-wrapper[data-v-2ffc8f4d]:focus-within{border-color:#999}.stepper-btn[data-v-2ffc8f4d]{cursor:pointer;color:#666;background:#f0f0f0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:15px;font-weight:400;line-height:1;transition:background .15s,color .15s;display:flex}.stepper-btn[data-v-2ffc8f4d]:hover:not(:disabled){color:#333;background:#e0e0e0}.stepper-btn[data-v-2ffc8f4d]:disabled{color:#ccc;cursor:not-allowed}.param-input[data-v-2ffc8f4d]{text-align:center;color:#1a1a1a;appearance:textfield;background:0 0;border:none;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;width:60px;font-size:13px;font-weight:600}.param-input[data-v-2ffc8f4d]::-webkit-inner-spin-button{-webkit-appearance:none}.param-input[data-v-2ffc8f4d]::-webkit-outer-spin-button{-webkit-appearance:none}.param-input[data-v-2ffc8f4d]:focus{outline:none}.params-footer[data-v-2ffc8f4d]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-2ffc8f4d]{gap:8px;display:flex}.params-btn[data-v-2ffc8f4d]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.params-btn svg[data-v-2ffc8f4d]{flex-shrink:0;width:12px;height:12px}.params-btn.reset[data-v-2ffc8f4d]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.reset[data-v-2ffc8f4d]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.params-btn.cancel[data-v-2ffc8f4d]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.cancel[data-v-2ffc8f4d]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.params-btn.confirm[data-v-2ffc8f4d]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.params-btn.confirm[data-v-2ffc8f4d]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.params-btn.confirm[data-v-2ffc8f4d]:active{box-shadow:none;transform:translateY(0)}.overlay-enter-active[data-v-2ffc8f4d],.overlay-leave-active[data-v-2ffc8f4d]{transition:opacity .2s}.overlay-enter-from[data-v-2ffc8f4d],.overlay-leave-to[data-v-2ffc8f4d]{opacity:0}.modal-enter-active[data-v-2ffc8f4d]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-2ffc8f4d]{transition:all .16s ease-in}.modal-enter-from[data-v-2ffc8f4d]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-2ffc8f4d]{opacity:0;transform:scale(.94)translateY(8px)}.slide-enter-active[data-v-2ffc8f4d],.slide-leave-active[data-v-2ffc8f4d]{transition:all .2s;overflow:hidden}.slide-enter-from[data-v-2ffc8f4d],.slide-leave-to[data-v-2ffc8f4d]{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.indicator-selector[data-v-22a0d967]{width:80%;margin:20px;position:relative}.indicator-scroll-container[data-v-22a0d967]{scrollbar-width:none;-webkit-overflow-scrolling:touch;text-align:center;width:100%;overflow:auto hidden}.indicator-scroll-container[data-v-22a0d967]::-webkit-scrollbar{display:none}.indicator-list[data-v-22a0d967]{gap:8px;margin:0 auto;padding:2px;display:inline-flex}.indicator-divider[data-v-22a0d967]{background:#d9d9d9;align-self:center;width:1px;height:20px}.indicator-item[data-v-22a0d967]{align-items:center;gap:4px;display:flex}.indicator-item.draggable[data-v-22a0d967],.indicator-item.draggable .indicator-btn[data-v-22a0d967],.indicator-item.draggable[data-v-22a0d967]:hover,.indicator-item.draggable:hover .indicator-btn[data-v-22a0d967]{cursor:move}.indicator-item.is-dragging[data-v-22a0d967]{opacity:.6}.indicator-item.drag-over .indicator-btn[data-v-22a0d967]{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1f}.indicator-btn-wrapper[data-v-22a0d967]{position:relative}.indicator-btn[data-v-22a0d967]{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.indicator-btn[data-v-22a0d967]:hover:not(.hovering){color:#333;background:#f8f8f8;border-color:#ccc}.indicator-btn.active[data-v-22a0d967]{color:#1a1a1a;background:#f8f8f8;border-color:#1a1a1a}.indicator-btn.active[data-v-22a0d967]:hover:not(.hovering){background:#f0f0f0;border-color:#333}.btn-content[data-v-22a0d967]{z-index:1;position:relative}.param-hint[data-v-22a0d967]{opacity:.85;font-size:11px}.hover-overlay[data-v-22a0d967]{backdrop-filter:blur(4px);z-index:2;background:#ffffffd9;border-radius:16px;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.action-btn[data-v-22a0d967]{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.action-btn[data-v-22a0d967]:hover{color:#333;background:#0000000f}.settings-btn[data-v-22a0d967]:hover{color:#1a1a1a}.remove-btn[data-v-22a0d967]:hover{color:#ff4d4f}.divider[data-v-22a0d967]{background:#e0e0e0;width:1px;height:14px}.add-btn[data-v-22a0d967]{color:#999;cursor:pointer;background:0 0;border:1px dashed #d9d9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex}.add-btn[data-v-22a0d967]:hover{color:#1a1a1a;background:#1a1a1a0a;border-color:#1a1a1a}.selector-overlay[data-v-22a0d967]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.selector-modal[data-v-22a0d967]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;width:90vw;max-width:860px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000026}.modal-header[data-v-22a0d967]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title[data-v-22a0d967]{flex-direction:column;gap:2px;display:flex}.title-text[data-v-22a0d967]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.title-sub[data-v-22a0d967]{color:#999;font-size:11px}.modal-close[data-v-22a0d967]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.modal-close[data-v-22a0d967]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.modal-close svg[data-v-22a0d967]{width:14px;height:14px}.header-actions[data-v-22a0d967]{align-items:center;gap:8px;display:flex}.view-toggle-btn[data-v-22a0d967]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.view-toggle-btn[data-v-22a0d967]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.view-toggle-btn.active[data-v-22a0d967]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.modal-body[data-v-22a0d967]{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.search-box[data-v-22a0d967]{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.search-box[data-v-22a0d967]:focus-within{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.search-icon[data-v-22a0d967]{color:#999;flex-shrink:0}.search-input[data-v-22a0d967]{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-input[data-v-22a0d967]::placeholder{color:#aaa}.no-results[data-v-22a0d967]{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.no-results svg[data-v-22a0d967]{opacity:.5}.no-results p[data-v-22a0d967]{color:#999;margin:0;font-size:14px;font-weight:500}.no-results-hint[data-v-22a0d967]{color:#bbb;font-size:12px}.indicator-section[data-v-22a0d967]{flex-direction:column;gap:12px;display:flex}.section-header[data-v-22a0d967]{align-items:center;gap:8px;display:flex}.section-title[data-v-22a0d967]{color:#1a1a1a;font-size:13px;font-weight:600}.section-count[data-v-22a0d967]{color:#999;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:11px}.indicator-grid[data-v-22a0d967]{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;display:grid}.indicator-grid.compact[data-v-22a0d967]{flex-wrap:wrap;gap:8px;display:flex}.indicator-grid.compact .indicator-card[data-v-22a0d967]{white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;min-height:32px;padding:6px 14px;display:inline-flex;position:relative}.indicator-grid.compact .indicator-card .card-tooltip[data-v-22a0d967]{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#333;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.indicator-grid.compact .indicator-card:hover .card-tooltip[data-v-22a0d967]{opacity:1}.indicator-grid.compact .indicator-card .card-label[data-v-22a0d967]{font-size:12px;font-weight:500}.indicator-card[data-v-22a0d967]{cursor:pointer;text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.indicator-card[data-v-22a0d967]:hover:not(.disabled){background:#fafafa;border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.indicator-card.active[data-v-22a0d967]{background:#f8f8f8;border-color:#1a1a1a}.card-header[data-v-22a0d967]{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-label[data-v-22a0d967]{color:#1a1a1a;font-size:13px;font-weight:600}.card-header-actions[data-v-22a0d967]{align-items:center;gap:4px;display:flex}.card-settings-btn[data-v-22a0d967]{color:#bbb;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.card-settings-btn[data-v-22a0d967]:hover{color:#555;background:#f0f0f0}.card-name[data-v-22a0d967]{color:#666;font-size:11px;line-height:1.4}.card-params[data-v-22a0d967]{color:#999;margin-top:2px;font-size:10px}.section-divider[data-v-22a0d967]{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);height:1px;margin:4px 0}.modal-footer[data-v-22a0d967]{background:#f8f8f8;border-top:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-info[data-v-22a0d967]{color:#666;font-size:12px}.info-text[data-v-22a0d967]{color:#999}.btn[data-v-22a0d967]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 16px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.btn-confirm[data-v-22a0d967]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.btn-confirm[data-v-22a0d967]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.fade-enter-active[data-v-22a0d967],.fade-leave-active[data-v-22a0d967]{transition:opacity .2s}.fade-enter-from[data-v-22a0d967],.fade-leave-to[data-v-22a0d967]{opacity:0}.overlay-enter-active[data-v-22a0d967],.overlay-leave-active[data-v-22a0d967]{transition:opacity .2s}.overlay-enter-from[data-v-22a0d967],.overlay-leave-to[data-v-22a0d967]{opacity:0}.modal-enter-active[data-v-22a0d967]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-22a0d967]{transition:all .16s ease-in}.modal-enter-from[data-v-22a0d967]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-22a0d967]{opacity:0;transform:scale(.94)translateY(8px)}@media (width<=640px){.selector-modal[data-v-22a0d967]{width:95vw;max-height:90vh}.indicator-grid[data-v-22a0d967]{grid-template-columns:1fr}.modal-body[data-v-22a0d967]{padding:16px}}.kline-tooltip[data-v-90b1aa6d]{z-index:10;color:#000000c7;pointer-events:none;backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0000001f;border-radius:8px;min-width:200px;max-width:260px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0000001f}.kline-tooltip__title[data-v-90b1aa6d]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.kline-tooltip__grid[data-v-90b1aa6d]{grid-template-columns:1fr;gap:2px;display:grid}.kline-tooltip__grid .row[data-v-90b1aa6d]{justify-content:space-between;gap:10px;display:flex}.kline-tooltip__grid .row span[data-v-90b1aa6d]:first-child{color:#0000008f}@supports (anchor-name:--kmap-anchor) and (position-anchor:--kmap-anchor){.kline-tooltip.use-anchor[data-v-90b1aa6d]{position-anchor:--kline-tooltip-anchor;left:anchor(left);top:anchor(top);position:absolute}.kline-tooltip.use-anchor.anchor-right-bottom[data-v-90b1aa6d]{transform:translate(14px,14px)}.kline-tooltip.use-anchor.anchor-left-bottom[data-v-90b1aa6d]{transform:translate(calc(-100% - 14px),14px)}}.marker-tooltip[data-v-057b55c9]{z-index:10;color:#000000c7;pointer-events:none;backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0000001f;border-radius:8px;min-width:180px;max-width:260px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0000001f}.marker-tooltip__title[data-v-057b55c9]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.marker-tooltip__content[data-v-057b55c9]{grid-template-columns:1fr;gap:2px;display:grid}.marker-tooltip__content .row[data-v-057b55c9]{justify-content:space-between;gap:10px;display:flex}.marker-tooltip__content .row span[data-v-057b55c9]:first-child{color:#0000008f}@supports (anchor-name:--kmap-anchor) and (position-anchor:--kmap-anchor){.marker-tooltip.use-anchor[data-v-057b55c9]{position-anchor:--marker-tooltip-anchor;left:anchor(left);top:anchor(top);position:absolute}.marker-tooltip.use-anchor.anchor-right-bottom[data-v-057b55c9]{transform:translate(12px,12px)}.marker-tooltip.use-anchor.anchor-left-bottom[data-v-057b55c9]{transform:translate(calc(-100% - 12px),12px)}}.left-toolbar[data-v-35cfe78e]{box-sizing:border-box;user-select:none;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;flex:0 0 40px;align-items:center;gap:6px;padding:8px 5px;display:flex;box-shadow:0 1px 3px #0000000f}.left-toolbar__group[data-v-35cfe78e]{flex-direction:column;gap:4px;display:flex}.left-toolbar__divider[data-v-35cfe78e]{background:#e5e7eb;width:18px;height:1px}.left-toolbar__button[data-v-35cfe78e]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.left-toolbar__button[data-v-35cfe78e]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.left-toolbar__button.active[data-v-35cfe78e]{color:#1f2937;background:#e5e7eb;border-color:#9ca3af}.left-toolbar__button[data-v-35cfe78e]:focus-visible{border-color:#6b7280;outline:none}.tool-icon[data-v-35cfe78e]{width:16px;height:16px}.corner-indicator[data-v-35cfe78e]{cursor:pointer;width:8px;height:8px;position:absolute;bottom:0;right:0;overflow:hidden}.corner-indicator[data-v-35cfe78e]:after{content:"";opacity:.45;border-bottom:5px solid;border-left:5px solid #0000;width:0;height:0;transition:opacity .15s;position:absolute;bottom:0;right:0}.left-toolbar__button:hover .corner-indicator[data-v-35cfe78e]:after,.left-toolbar__button.active .corner-indicator[data-v-35cfe78e]:after{opacity:.7}.corner-indicator.open[data-v-35cfe78e]:after{opacity:.8}.tool-dropdown[data-v-35cfe78e]{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;z-index:100;background:#fafbfcd1;border:1px solid #e5e7eb;border-radius:6px;flex-direction:row;align-items:center;gap:4px;height:40px;padding:0 5px;display:flex;position:absolute;top:50%;left:calc(100% + 13px);transform:translateY(-50%);box-shadow:0 1px 3px #0000000f}.tool-item[data-v-35cfe78e]{position:relative}.dropdown-enter-active[data-v-35cfe78e],.dropdown-leave-active[data-v-35cfe78e]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-35cfe78e],.dropdown-leave-to[data-v-35cfe78e]{opacity:0;transform:translateY(-50%)translate(-6px)}@media (width<=768px),(height<=640px){.left-toolbar[data-v-35cfe78e]{border-radius:5px;flex-basis:36px;gap:5px;padding:6px 4px}.left-toolbar__group[data-v-35cfe78e]{gap:3px}.left-toolbar__button[data-v-35cfe78e]{border-radius:3px;width:26px;height:26px}.left-toolbar__divider[data-v-35cfe78e]{width:16px}.corner-indicator[data-v-35cfe78e]{width:7px;height:7px}.corner-indicator[data-v-35cfe78e]:after{border-bottom-width:4px;border-left-width:4px}.tool-dropdown[data-v-35cfe78e]{height:36px}}.settings-overlay[data-v-35cfe78e]{backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal[data-v-35cfe78e]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90vw;min-width:340px;max-width:420px;overflow:hidden;box-shadow:0 8px 40px #00000026}.settings-header[data-v-35cfe78e]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-35cfe78e]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-35cfe78e]{align-items:center;gap:8px;display:flex}.settings-title[data-v-35cfe78e]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.settings-subtitle[data-v-35cfe78e]{color:#999;font-size:11px}.settings-close[data-v-35cfe78e]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.settings-close[data-v-35cfe78e]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.settings-close svg[data-v-35cfe78e]{width:14px;height:14px}.settings-body[data-v-35cfe78e]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.settings-item[data-v-35cfe78e]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:8px 12px}.settings-label[data-v-35cfe78e]{color:#333;cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;display:flex}.settings-checkbox[data-v-35cfe78e]{cursor:pointer;accent-color:#1a1a1a;width:16px;height:16px}.settings-select[data-v-35cfe78e]{color:#333;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;min-width:140px;padding:4px 8px;font-size:12px}.settings-select[data-v-35cfe78e]:hover{border-color:#9ca3af}.settings-select[data-v-35cfe78e]:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b728026}.settings-section-divider[data-v-35cfe78e]{align-items:center;gap:8px;margin-top:4px;display:flex}.settings-section-divider[data-v-35cfe78e]:before,.settings-section-divider[data-v-35cfe78e]:after{content:"";border-top:1px solid #e0e0e0;flex:1}.settings-section-label[data-v-35cfe78e]{color:#999;white-space:nowrap;font-size:11px}.settings-item.experimental[data-v-35cfe78e]{background:#fdf8f3;border-color:#f0e0d0}.settings-footer[data-v-35cfe78e]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-35cfe78e]{gap:8px;display:flex}.settings-btn[data-v-35cfe78e]{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:flex}.settings-btn svg[data-v-35cfe78e]{flex-shrink:0;width:12px;height:12px}.settings-btn.reset[data-v-35cfe78e]{color:#666;background:0 0;border-color:#d0d0d0}.settings-btn.reset[data-v-35cfe78e]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.settings-btn.cancel[data-v-35cfe78e]{color:#666;background:0 0;border-color:#d0d0d0}.settings-btn.cancel[data-v-35cfe78e]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.settings-btn.confirm[data-v-35cfe78e]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.settings-btn.confirm[data-v-35cfe78e]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.settings-btn.confirm[data-v-35cfe78e]:active{box-shadow:none;transform:translateY(0)}.chart-wrapper[data-v-c50302da]{--kmap-height:var(--kmap-chart-height,100%);--kmap-width:var(--kmap-chart-width,100%);--chart-bg:#fff;--chart-bg-secondary:#f8f9fa;--chart-border:#e5e7eb;--chart-border-active:#3b82f6;--chart-text:#374151;--chart-text-secondary:#6b7280;width:var(--kmap-width);height:var(--kmap-height);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.chart-wrapper[data-theme=dark][data-v-c50302da]{--chart-bg:#1a1a2e;--chart-bg-secondary:#16162a;--chart-border:#2d2d44;--chart-border-active:#60a5fa;--chart-text:#e5e7eb;--chart-text-secondary:#9ca3af}.chart-stage[data-v-c50302da]{align-items:stretch;gap:8px;width:95%;height:85%;min-height:255px;display:flex}.chart-main[data-v-c50302da]{flex:auto;align-items:stretch;gap:0;min-width:0;height:100%;display:flex;position:relative}.pane-separator-layer[data-v-c50302da]{pointer-events:none;z-index:20;position:absolute;inset:0}.pane-separator-line[data-v-c50302da]{border-top:1px solid var(--chart-border);opacity:1;box-sizing:border-box;height:0;transition:border-top-color .12s,border-top-width .12s,margin-top .12s,opacity .12s;position:absolute;left:0;right:0}.pane-separator-line.is-active[data-v-c50302da]{border-top-color:var(--chart-border-active);border-top-width:2px;margin-top:-1px}.chart-stage.is-resizing-pane[data-v-c50302da],.chart-stage.is-hovering-pane-separator[data-v-c50302da]{cursor:ns-resize}.chart-stage.is-hovering-kline[data-v-c50302da]{cursor:pointer}.chart-stage.is-hovering-right-axis[data-v-c50302da]{cursor:ns-resize}.chart-stage.is-dragging[data-v-c50302da]{cursor:grabbing}.chart-container[data-v-c50302da]{height:100%;min-height:inherit;scrollbar-width:none;-ms-overflow-style:none;border:1px solid var(--chart-border);box-sizing:border-box;background:var(--chart-bg);-webkit-touch-callout:none;user-select:none;touch-action:none;border-right:0;border-radius:6px 0 0 6px;flex:auto;position:relative;overflow:auto hidden}.chart-container[data-v-c50302da]::-webkit-scrollbar{display:none}.right-axis-host[data-v-c50302da]{height:100%;min-height:inherit;box-sizing:border-box;background:var(--chart-bg);border:1px solid var(--chart-border);-webkit-touch-callout:none;user-select:none;touch-action:none;border-top-right-radius:6px;border-bottom-right-radius:6px;flex:none;position:relative;overflow:visible}.scroll-content[data-v-c50302da]{height:100%;min-height:inherit;position:relative}.canvas-layer[data-v-c50302da]{pointer-events:none;position:sticky;top:0;left:0}.tooltip-layer[data-v-c50302da]{pointer-events:none;z-index:30;position:absolute;inset:0}.tooltip-anchor[data-v-c50302da]{pointer-events:none;width:1px;height:1px;position:absolute}.tooltip-anchor.kline-tooltip-anchor.use-anchor[data-v-c50302da]{anchor-name:--kline-tooltip-anchor}.tooltip-anchor.marker-tooltip-anchor.use-anchor[data-v-c50302da]{anchor-name:--marker-tooltip-anchor}@media (width<=768px),(height<=640px){.chart-stage[data-v-c50302da]{gap:6px}}.plot-canvas{display:block;position:absolute;top:0;left:0}.right-axis{display:block;position:absolute;left:0}.x-axis-canvas{z-index:10;display:block;position:absolute;bottom:0;left:0}.right-axis{z-index:15}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@363045841yyt/klinechart",
-  "version": "0.7.3-alpha.4",
+  "version": "0.7.4",
   "description": "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
   "license": "MIT",
   "type": "module",

package/src/components/IndicatorSelector.vue

@@ -117,7 +117,7 @@
                       />
                     </svg>
                   </button>
-                  <button class="modal-close" @click="closeAddMenu" title="??">
+                  <button class="modal-close" @click="closeAddMenu" title="关闭">
                     <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
                       <path
                         d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
@@ -129,15 +129,35 @@
 
               <!-- 弹窗主体 -->
               <div class="modal-body">
+                <!-- 搜索框 -->
+                <div class="search-box">
+                  <svg
+                    class="search-icon"
+                    viewBox="0 0 24 24"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                  >
+                    <path
+                      d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+                    />
+                  </svg>
+                  <input
+                    v-model="searchQuery"
+                    type="text"
+                    class="search-input"
+                    placeholder="搜索指标名称..."
+                  />
+                </div>
                 <!-- 主图指标区域 -->
-                <div class="indicator-section">
+                <div v-if="filteredMainIndicators.length > 0" class="indicator-section">
                   <div class="section-header">
                     <span class="section-title">主图指标</span>
-                    <span class="section-count">{{ mainIndicators.length }}</span>
+                    <span class="section-count">{{ filteredMainIndicators.length }}</span>
                   </div>
                   <div class="indicator-grid" :class="{ compact: isCompactView }">
                     <button
-                      v-for="indicator in mainIndicators"
+                      v-for="indicator in filteredMainIndicators"
                       :key="indicator.id"
                       class="indicator-card"
                       :class="{ active: isActive(indicator.id), compact: isCompactView }"
@@ -176,17 +196,31 @@
                 </div>
 
                 <!-- 分隔线 -->
-                <div class="section-divider"></div>
+                <div
+                  v-if="filteredMainIndicators.length > 0 && filteredSubIndicators.length > 0"
+                  class="section-divider"
+                ></div>
+
+                <!-- 无匹配结果提示 -->
+                <div v-if="!hasSearchResults && searchQuery.trim()" class="no-results">
+                  <svg viewBox="0 0 24 24" width="48" height="48" fill="currentColor">
+                    <path
+                      d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+                    />
+                  </svg>
+                  <p>未找到匹配的指标</p>
+                  <span class="no-results-hint">请尝试其他关键词</span>
+                </div>
 
                 <!-- 副图指标区域 -->
-                <div class="indicator-section">
+                <div v-if="filteredSubIndicators.length > 0" class="indicator-section">
                   <div class="section-header">
                     <span class="section-title">副图指标</span>
-                    <span class="section-count">{{ subIndicators.length }}</span>
+                    <span class="section-count">{{ filteredSubIndicators.length }}</span>
                   </div>
                   <div class="indicator-grid" :class="{ compact: isCompactView }">
                     <button
-                      v-for="indicator in subIndicators"
+                      v-for="indicator in filteredSubIndicators"
                       :key="indicator.id"
                       class="indicator-card"
                       :class="{ active: isActive(indicator.id), compact: isCompactView }"
@@ -230,7 +264,7 @@
                 <div class="footer-info">
                   <span class="info-text">已激活 {{ activeCount }} 个指标</span>
                 </div>
-                <button class="btn btn-confirm" @click="closeAddMenu">??</button>
+                <button class="btn btn-confirm" @click="closeAddMenu">确认</button>
               </div>
             </div>
           </Transition>
@@ -284,7 +318,9 @@ const showAddMenu = ref(false)
 const dragOverIndicatorId = ref<string | null>(null)
 const draggingIndicatorId = ref<string | null>(null)
 const isCompactView = ref(false)
+const searchQuery = ref('')
 
+// Teleport target for fullscreen modal visibility
 const teleportTarget = useFullscreenTeleportTarget()
 
 const activeIndicatorsList = computed(() => {
@@ -314,6 +350,35 @@ const totalIndicatorsCount = computed(() => mainIndicators.length + subIndicator
 
 const activeCount = computed(() => props.activeIndicators?.length ?? 0)
 
+// 过滤后的主图指标
+const filteredMainIndicators = computed(() => {
+  if (!searchQuery.value.trim()) return mainIndicators
+  const query = searchQuery.value.toLowerCase().trim()
+  return mainIndicators.filter(
+    (i) =>
+      i.label.toLowerCase().includes(query) ||
+      i.name.toLowerCase().includes(query) ||
+      i.id.toLowerCase().includes(query),
+  )
+})
+
+// 过滤后的副图指标
+const filteredSubIndicators = computed(() => {
+  if (!searchQuery.value.trim()) return subIndicators
+  const query = searchQuery.value.toLowerCase().trim()
+  return subIndicators.filter(
+    (i) =>
+      i.label.toLowerCase().includes(query) ||
+      i.name.toLowerCase().includes(query) ||
+      i.id.toLowerCase().includes(query),
+  )
+})
+
+// 是否有搜索结果
+const hasSearchResults = computed(
+  () => filteredMainIndicators.value.length > 0 || filteredSubIndicators.value.length > 0,
+)
+
 function isActive(indicatorId: string): boolean {
   return props.activeIndicators?.includes(indicatorId) ?? false
 }
@@ -773,6 +838,68 @@ onUnmounted(() => {
   gap: 20px;
 }
 
+/* 搜索框 */
+.search-box {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+}
+
+.search-box:focus-within {
+  background: #ffffff;
+  border-color: #1a1a1a;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.08);
+}
+
+.search-icon {
+  flex-shrink: 0;
+  color: #999;
+}
+
+.search-input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  font-size: 13px;
+  color: #333;
+  outline: none;
+}
+
+.search-input::placeholder {
+  color: #aaa;
+}
+
+/* 无结果提示 */
+.no-results {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 20px;
+  color: #ccc;
+  gap: 12px;
+}
+
+.no-results svg {
+  opacity: 0.5;
+}
+
+.no-results p {
+  margin: 0;
+  font-size: 14px;
+  color: #999;
+  font-weight: 500;
+}
+
+.no-results-hint {
+  font-size: 12px;
+  color: #bbb;
+}
+
 /* 指标区域 */
 .indicator-section {
   display: flex;

package/src/index.ts

@@ -116,7 +116,7 @@ export function createChart(opts: ChartMountOptions): ChartController {
  *
  * Subscription is torn down via `onScopeDispose`, so this is safe to call
  * inside a Vue component setup, a composable, or a manually-created
- * `effectScope`. Calling it outside any scope still returns a working ref �?
+ * `effectScope`. Calling it outside any scope still returns a working ref �?
  * the caller is then responsible for unsubscribing.
  */
 export function coreSignalToVueRef<T>(signal: Signal<T>): Ref<T> {