@363045841yyt/klinechart 0.7.0 → 0.7.3-alpha.0

package/dist/klinechart.css

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

@@ -0,0 +1,3 @@
+export declare const VERSION: string;
+export { VERSION as CORE_VERSION } from '../../core/src';
+//# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO,QAAc,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA"}

package/package.json

@@ -1,104 +1,75 @@
 {
   "name": "@363045841yyt/klinechart",
-  "version": "0.7.0",
-  "description": "A lightweight financial K-line charting library with first-class AI Agent support, crisp ResizeObserver-driven rendering, and plugin-based architecture. Focused on quantitative trading scenarios with TradingView-level interaction experience.",
-  "author": "363045841 <slslswbsy@qq.com>",
+  "version": "0.7.3-alpha.0",
+  "description": "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/363045841/KLineChartQuant.git"
-  },
-  "bugs": "https://github.com/363045841/KLineChartQuant/issues",
-  "homepage": "https://363045841.github.io/KLineChartQuant/",
-  "keywords": [
-    "kline-chart",
-    "plugin-architecture",
-    "webgl",
-    "high-performance",
-    "ai",
-    "crisp-rendering",
-    "sharp-rendering",
-    "agent",
-    "ai-chart",
-    "modern-ui",
-    "device-pixel-ratio",
-    "candlestick-chart",
-    "financial-chart",
-    "tradingview",
-    "canvas",
-    "rendering-engine",
-    "resizeobserver",
-    "device-pixel-content-box",
-    "drawing-tools",
-    "chart-drawing",
-    "trend-line",
-    "fibonacci",
-    "pixel-perfect",
-    "responsive",
-    "visualization",
-    "quantitative-trading",
-    "technical-analysis",
-    "typescript"
-  ],
   "type": "module",
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
   },
-  "scripts": {
-    "dev": "vite",
-    "dev:lan": "vite --host 0.0.0.0",
-    "stockbao": "cd .. && cd stockbao && uv run python ./server.py",
-    "aktools": "cd .. && cd aktoolshttp && uv run python -m aktools",
-    "build": "run-p type-check \"build-only {@}\" --",
-    "build-only": "vite build",
-    "build:demo": "vite build --config vite.demo.config.ts",
-    "preview": "vite preview",
-    "preview:demo": "vite preview --config vite.demo.config.ts",
-    "type-check": "vue-tsc --build",
-    "test:unit": "vitest",
-    "format": "prettier --write --experimental-cli src/",
-    "prepublishOnly": "pnpm run build-only"
-  },
-  "main": "./dist/index.cjs",
+  "sideEffects": false,
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./style.css": "./dist/klinechart.css"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
-  "peerDependencies": {
-    "vue": "^3.5.0"
+  "publishConfig": {
+    "access": "public"
   },
-  "dependencies": {
-    "ajv": "^8.20.0"
+  "scripts": {
+    "dev": "vite --config preview/vite.config.ts",
+    "build": "vite build && node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
+    "postbuild": "node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "size": "size-limit",
+    "lint:publish": "publint --strict .",
+    "lint:types": "attw --pack ."
+  },
+  "size-limit": [
+    {
+      "name": "vue (entry, pre-build src measurement)",
+      "path": "src/index.ts",
+      "limit": "8 KB",
+      "gzip": true,
+      "ignore": [
+        "vue",
+        "@363045841yyt/klinechart-core"
+      ]
+    }
+  ],
+  "peerDependencies": {
+    "@363045841yyt/klinechart-core": "workspace:^",
+    "vue": "^3.4.0"
   },
   "devDependencies": {
-    "@iconify-json/tabler": "^1.2.34",
-    "@tsconfig/node24": "^24.0.4",
-    "@types/jsdom": "^28.0.1",
-    "@types/node": "^25.6.0",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vitest/coverage-v8": "^4.1.5",
+    "@arethetypeswrong/cli": "^0.18.3",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vue/test-utils": "^2.4.10",
-    "@vue/tsconfig": "^0.9.1",
     "jsdom": "^29.1.1",
-    "npm-run-all2": "^8.0.4",
-    "prettier": "3.8.3",
-    "typedoc": "^0.28.19",
+    "publint": "^0.3.0",
+    "size-limit": "^12.1.0",
     "typescript": "~6.0.3",
     "unplugin-icons": "^23.0.1",
-    "unplugin-vue-components": "^32.0.0",
-    "vite": "^8.0.10",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-vue-devtools": "^8.1.1",
+    "vite": "^8.0.14",
+    "vite-plugin-babel": "^1.3.2",
+    "vite-plugin-dts": "^5.0.1",
     "vitest": "^4.1.5",
-    "vue-tsc": "^3.2.8"
+    "vue": "^3.5.0"
   }
-}
+}

package/src/__tests__/_mockController.ts

@@ -0,0 +1,192 @@
+/**
+ * Mock ChartController for Vue adapter tests.
+ *
+ * Mirrors the framework-agnostic signal-bearing shape from
+ * @363045841yyt/klinechart-core without spinning up the real Chart engine.
+ *
+ * To keep this test file runnable from the repo root vitest (which does not
+ * alias @363045841yyt/klinechart-core), we inline a tiny `Signal` implementation
+ * that is shape-compatible with `packages/core/src/reactivity/signal.ts`.
+ */
+
+import type { Signal } from '@363045841yyt/klinechart-core/reactivity'
+import type {
+    ActiveIndicator,
+    ChartController,
+    ChartMountOptions,
+    ChartViewport,
+    DrawingController,
+    DrawingState,
+    IndicatorDefinition,
+    IndicatorSelectorController,
+    KLineData,
+    ToolbarController,
+    ToolDefinition,
+    ToolId,
+} from '@363045841yyt/klinechart-core'
+
+// ---------------------------------------------------------------------------
+// Inline mini-signal �?Object.is-equality, sync notify. Drop-in compatible
+// with `@363045841yyt/klinechart-core/reactivity` for shape-only test purposes.
+// ---------------------------------------------------------------------------
+
+function createSignal<T>(initial: T): Signal<T> {
+    let value = initial
+    const subs = new Set<() => void>()
+    const read = (): T => value
+    const peek = (): T => value
+    const set = (next: T): void => {
+        if (Object.is(value, next)) return
+        value = next
+        for (const listener of [...subs]) listener()
+    }
+    const subscribe = (listener: () => void): (() => void) => {
+        subs.add(listener)
+        return () => {
+            subs.delete(listener)
+        }
+    }
+    return Object.assign(read, { peek, set, subscribe }) as Signal<T>
+}
+
+export interface MockChartController extends ChartController {
+    /** spy: how many times `dispose` was called */
+    disposeCalls: () => number
+    /** test-only signal mutators */
+    _setViewport: (vp: ChartViewport) => void
+    _setData: (data: ReadonlyArray<KLineData>) => void
+}
+
+function createMockIndicatorSelector(): IndicatorSelectorController {
+    const catalog = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+    const active = createSignal<ReadonlyArray<ActiveIndicator>>([])
+    const menuOpen = createSignal<boolean>(false)
+    const searchQuery = createSignal<string>('')
+    const filteredMain = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+    const filteredSub = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+
+    return {
+        catalog,
+        active,
+        menuOpen,
+        searchQuery,
+        filteredMain,
+        filteredSub,
+        add: () => null,
+        remove: () => false,
+        updateParams: () => false,
+        reorder: () => false,
+        openMenu: () => menuOpen.set(true),
+        closeMenu: () => menuOpen.set(false),
+        toggleMenu: () => menuOpen.set(!menuOpen.peek()),
+        setSearchQuery: (q: string) => searchQuery.set(q),
+        isActive: () => false,
+        dispose: () => {},
+    }
+}
+
+function createMockToolbar(): ToolbarController {
+    const tools = createSignal<ReadonlyArray<ToolDefinition>>([])
+    const activeTool = createSignal<ToolId | null>(null)
+    const disabledTools = createSignal<ReadonlySet<ToolId>>(new Set())
+    return {
+        tools,
+        activeTool,
+        disabledTools,
+        selectTool: (id) => activeTool.set(id),
+        clearSelection: () => activeTool.set(null),
+        setDisabled: () => {},
+        dispose: () => {},
+    }
+}
+
+function createMockDrawing(): DrawingController {
+    const state = createSignal<DrawingState>({
+        activeTool: null,
+        drawingCount: 0,
+    })
+    return {
+        state,
+        setActiveTool: (tool) =>
+            state.set({ ...state.peek(), activeTool: tool }),
+        clearAll: () => state.set({ ...state.peek(), drawingCount: 0 }),
+        deleteLast: () =>
+            state.set({
+                ...state.peek(),
+                drawingCount: Math.max(0, state.peek().drawingCount - 1),
+            }),
+        dispose: () => {},
+    }
+}
+
+export function createMockChartController(
+    opts: Partial<ChartMountOptions> = {},
+): MockChartController {
+    let disposeCalls = 0
+
+    const viewport = createSignal<ChartViewport>({
+        zoomLevel: opts.initialZoomLevel ?? 3,
+        kWidth: 6,
+        visibleFrom: 0,
+        visibleTo: 0,
+    })
+    const data = createSignal<ReadonlyArray<KLineData>>(opts.data ?? [])
+    const theme = createSignal<'light' | 'dark'>(opts.theme ?? 'light')
+    const indicatorSelector = createMockIndicatorSelector()
+    const toolbar = createMockToolbar()
+    const drawing = createMockDrawing()
+
+    return {
+        viewport,
+        data,
+        theme,
+        indicatorSelector,
+        toolbar,
+        drawing,
+        setData: (next) => data.set(next),
+        appendData: (next) => data.set([...data.peek(), ...next]),
+        updateData: (next) => data.set(next),
+        setTheme: (next) => theme.set(next),
+        zoomToLevel: (level) =>
+            viewport.set({ ...viewport.peek(), zoomLevel: level }),
+        zoomIn: () =>
+            viewport.set({
+                ...viewport.peek(),
+                zoomLevel: viewport.peek().zoomLevel + 1,
+            }),
+        zoomOut: () =>
+            viewport.set({
+                ...viewport.peek(),
+                zoomLevel: viewport.peek().zoomLevel - 1,
+            }),
+        handlePointerEvent: () => false,
+        handleWheelEvent: () => {},
+        handleScrollEvent: () => {},
+        handlePinchZoom: () => {},
+        addIndicator: () => null,
+        removeIndicator: () => false,
+        updateIndicatorParams: () => false,
+        updateRendererConfig: () => {},
+        setDrawingTool: (tool) => drawing.setActiveTool(tool),
+        clearDrawings: () => drawing.clearAll(),
+        removeDrawing: () => {},
+        resizeSubPane: () => false,
+        createSubPane: () => false,
+        clearSubPanes: () => {},
+        updateCustomMarkers: () => {},
+        clearCustomMarkers: () => {},
+        updateSettingsFacade: () => {},
+        updateOptionsFacade: () => {},
+        dispose: () => {
+            disposeCalls += 1
+        },
+        disposeCalls: () => disposeCalls,
+        _setViewport: (vp) => viewport.set(vp),
+        _setData: (next) => data.set(next),
+    }
+}
+
+/** Signal helper used by reactivity bridge tests. */
+export function createTestSignal<T>(initial: T): Signal<T> {
+    return createSignal(initial)
+}

package/src/__tests__/contract.test.ts

@@ -0,0 +1,132 @@
+/**
+ * Contract test for @363045841yyt/klinechart.
+ *
+ * Phase 1D agent's brief: make these pass without weakening assertions,
+ * preserving the legacy KMapPlugin.install signature.
+ */
+
+import { describe, it, expect, vi, afterEach } from 'vitest'
+import { defineComponent, h, nextTick, ref, shallowRef } from 'vue'
+import { mount } from '@vue/test-utils'
+import * as VueAdapter from '../index'
+import { coreSignalToVueRef } from '../index'
+import { createMockChartController, createTestSignal } from './_mockController'
+
+describe('@363045841yyt/klinechart �?public API surface', () => {
+    it('exports createChart, useChart, useIndicatorSelector, KLineChart, KMapPlugin', () => {
+        expect(typeof VueAdapter.createChart).toBe('function')
+        expect(typeof VueAdapter.useChart).toBe('function')
+        expect(typeof VueAdapter.useIndicatorSelector).toBe('function')
+        expect(VueAdapter.KLineChart).toBeDefined()
+        expect(typeof VueAdapter.KMapPlugin.install).toBe('function')
+    })
+
+    it('KMapPlugin.install is callable with a mock app and registers KLineChart', () => {
+        const registered: Record<string, unknown> = {}
+        const mockApp = {
+            component(name: string, comp: unknown) {
+                registered[name] = comp
+            },
+        } as unknown as Parameters<typeof VueAdapter.KMapPlugin.install>[0]
+        VueAdapter.KMapPlugin.install(mockApp)
+        expect(registered.KLineChart).toBe(VueAdapter.KLineChart)
+    })
+})
+
+describe('@363045841yyt/klinechart �?SSR safety', () => {
+    it('module import does not touch window or document', () => {
+        // Import above ran in node env without jsdom. If it touched window, this
+        // file would not have loaded. Test documents the contract.
+        expect(true).toBe(true)
+    })
+})
+
+describe('@363045841yyt/klinechart �?useChart lifecycle', () => {
+    afterEach(() => {
+        // Reset the injected factory so other tests start clean.
+        VueAdapter.__setControllerFactory(null)
+    })
+
+    it('mounts on first render via template ref', async () => {
+        const mockController = createMockChartController({ data: [] })
+        const factorySpy = vi.fn(() => mockController)
+        VueAdapter.__setControllerFactory(factorySpy)
+
+        const HostComponent = defineComponent({
+            name: 'Host',
+            setup() {
+                const containerRef = ref<HTMLElement | null>(null)
+                const { chart } = VueAdapter.useChart(containerRef, { data: [] })
+                return { containerRef, chart }
+            },
+            render() {
+                return h('div', { ref: 'containerRef' })
+            },
+        })
+
+        const wrapper = mount(HostComponent, { attachTo: document.body })
+        await nextTick()
+
+        expect(factorySpy).toHaveBeenCalledTimes(1)
+        const factoryArg = factorySpy.mock.calls[0]?.[0]
+        expect(factoryArg?.container).toBeInstanceOf(HTMLElement)
+        expect(wrapper.vm.chart).toBe(mockController)
+
+        wrapper.unmount()
+    })
+
+    it('disposes on unmount', async () => {
+        const mockController = createMockChartController({ data: [] })
+        VueAdapter.__setControllerFactory(() => mockController)
+
+        const HostComponent = defineComponent({
+            name: 'Host',
+            setup() {
+                const containerRef = ref<HTMLElement | null>(null)
+                const { chart } = VueAdapter.useChart(containerRef, { data: [] })
+                return { containerRef, chart }
+            },
+            render() {
+                return h('div', { ref: 'containerRef' })
+            },
+        })
+
+        const wrapper = mount(HostComponent, { attachTo: document.body })
+        await nextTick()
+
+        expect(mockController.disposeCalls()).toBe(0)
+        wrapper.unmount()
+        // Allow lifecycle hooks to settle.
+        await nextTick()
+        expect(mockController.disposeCalls()).toBe(1)
+    })
+
+    it('reactivity bridge: signal change updates returned ref', async () => {
+        // Mount a tiny scoped component so coreSignalToVueRef can register
+        // its onScopeDispose cleanup. Without a setup scope the ref is still
+        // wired up correctly, but cleanup would not be automatic.
+        const signal = createTestSignal<number>(1)
+        const bridgedRef = shallowRef<{ value: number } | null>(null)
+
+        const HostComponent = defineComponent({
+            name: 'BridgeHost',
+            setup() {
+                const r = coreSignalToVueRef(signal)
+                bridgedRef.value = r as unknown as { value: number }
+                return () => h('div', String(r.value))
+            },
+        })
+
+        const wrapper = mount(HostComponent, { attachTo: document.body })
+        expect(bridgedRef.value?.value).toBe(1)
+        expect(wrapper.text()).toBe('1')
+
+        signal.set(42)
+        await nextTick()
+
+        expect(bridgedRef.value?.value).toBe(42)
+        expect(wrapper.text()).toBe('42')
+
+        wrapper.unmount()
+    })
+})