@363045841yyt/klinechart 0.2.13 → 0.3.0

package/dist/klinechart.css

@@ -1,2 +1,2 @@
-.kline-tooltip[data-v-95daa55c]{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-95daa55c]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.kline-tooltip__grid[data-v-95daa55c]{grid-template-columns:1fr;gap:2px;display:grid}.kline-tooltip__grid .row[data-v-95daa55c]{justify-content:space-between;gap:10px;display:flex}.kline-tooltip__grid .row span[data-v-95daa55c]:first-child{color:#0000008f}.marker-tooltip[data-v-dd43da4f]{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-dd43da4f]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.marker-tooltip__content[data-v-dd43da4f]{grid-template-columns:1fr;gap:2px;display:grid}.marker-tooltip__content .row[data-v-dd43da4f]{justify-content:space-between;gap:10px;display:flex}.marker-tooltip__content .row span[data-v-dd43da4f]:first-child{color:#0000008f}.params-overlay[data-v-730f2212]{-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-730f2212]{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-730f2212]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-730f2212]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-730f2212]{align-items:center;gap:8px;display:flex}.params-title[data-v-730f2212]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.params-subtitle[data-v-730f2212]{color:#999;font-size:11px}.toggle-desc-btn[data-v-730f2212]{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-730f2212]:hover{color:#555;background:#f0f0f0;border-color:#ccc}.toggle-desc-btn.active[data-v-730f2212]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.toggle-desc-btn svg[data-v-730f2212]{width:14px;height:14px}.params-close[data-v-730f2212]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.params-close[data-v-730f2212]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.params-close svg[data-v-730f2212]{width:13px;height:13px}.indicator-description[data-v-730f2212]{background:#f0f7ff;border-bottom:1px solid #d6e8f5;padding:12px 20px}.indicator-description p[data-v-730f2212]{color:#2c5282;margin:0;font-size:12px;line-height:1.6}.params-body[data-v-730f2212]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.param-item[data-v-730f2212]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;transition:border-color .2s}.param-item[data-v-730f2212]:has(.param-input:focus){border-color:#bbb}.param-item.has-desc[data-v-730f2212]{padding:10px 14px 8px}.param-header[data-v-730f2212]{justify-content:space-between;align-items:center;gap:16px;display:flex}.param-label[data-v-730f2212]{flex-direction:column;gap:3px;display:flex}.param-label-text[data-v-730f2212]{color:#333;font-size:13px;font-weight:500}.param-range[data-v-730f2212]{color:#999;font-size:11px}.param-description[data-v-730f2212]{color:#666;border-top:1px dashed #e0e0e0;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.input-wrapper[data-v-730f2212]{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-730f2212]:focus-within{border-color:#999}.stepper-btn[data-v-730f2212]{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-730f2212]:hover:not(:disabled){color:#333;background:#e0e0e0}.stepper-btn[data-v-730f2212]:disabled{color:#ccc;cursor:not-allowed}.param-input[data-v-730f2212]{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-730f2212]::-webkit-inner-spin-button{-webkit-appearance:none}.param-input[data-v-730f2212]::-webkit-outer-spin-button{-webkit-appearance:none}.param-input[data-v-730f2212]:focus{outline:none}.params-footer[data-v-730f2212]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-730f2212]{gap:8px;display:flex}.params-btn[data-v-730f2212]{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-730f2212]{flex-shrink:0;width:12px;height:12px}.params-btn.reset[data-v-730f2212]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.reset[data-v-730f2212]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.params-btn.cancel[data-v-730f2212]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.cancel[data-v-730f2212]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.params-btn.confirm[data-v-730f2212]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.params-btn.confirm[data-v-730f2212]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.params-btn.confirm[data-v-730f2212]:active{box-shadow:none;transform:translateY(0)}.overlay-enter-active[data-v-730f2212],.overlay-leave-active[data-v-730f2212]{transition:opacity .2s}.overlay-enter-from[data-v-730f2212],.overlay-leave-to[data-v-730f2212]{opacity:0}.modal-enter-active[data-v-730f2212]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-730f2212]{transition:all .16s ease-in}.modal-enter-from[data-v-730f2212]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-730f2212]{opacity:0;transform:scale(.94)translateY(8px)}.slide-enter-active[data-v-730f2212],.slide-leave-active[data-v-730f2212]{transition:all .2s;overflow:hidden}.slide-enter-from[data-v-730f2212],.slide-leave-to[data-v-730f2212]{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.indicator-selector[data-v-aad3b750]{width:80%;margin:20px;position:relative}.indicator-scroll-container[data-v-aad3b750]{scrollbar-width:none;-webkit-overflow-scrolling:touch;text-align:center;width:100%;overflow:auto hidden}.indicator-scroll-container[data-v-aad3b750]::-webkit-scrollbar{display:none}.indicator-list[data-v-aad3b750]{gap:8px;margin:0 auto;padding:2px;display:inline-flex}.indicator-item[data-v-aad3b750]{align-items:center;gap:4px;display:flex}.indicator-btn-wrapper[data-v-aad3b750]{position:relative}.indicator-btn[data-v-aad3b750]{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-aad3b750]:hover:not(.hovering){color:#333;background:#f8f8f8;border-color:#ccc}.indicator-btn.active[data-v-aad3b750]{color:#1a1a1a;background:#f8f8f8;border-color:#1a1a1a}.indicator-btn.active[data-v-aad3b750]:hover:not(.hovering){background:#f0f0f0;border-color:#333}.btn-content[data-v-aad3b750]{z-index:1;position:relative}.param-hint[data-v-aad3b750]{opacity:.85;font-size:11px}.hover-overlay[data-v-aad3b750]{-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-aad3b750]{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-aad3b750]:hover{color:#333;background:#0000000f}.settings-btn[data-v-aad3b750]:hover{color:#1a1a1a}.remove-btn[data-v-aad3b750]:hover{color:#ff4d4f}.divider[data-v-aad3b750]{background:#e0e0e0;width:1px;height:14px}.add-btn[data-v-aad3b750]{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-aad3b750]:hover{color:#1a1a1a;background:#1a1a1a0a;border-color:#1a1a1a}.add-menu[data-v-aad3b750]{white-space:nowrap;z-index:9999;background:#fff;border-radius:8px;padding:8px 0;position:fixed;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.menu-section[data-v-aad3b750]{padding:4px 0}.menu-section[data-v-aad3b750]:not(:last-child){border-bottom:1px solid #f0f0f0}.menu-title[data-v-aad3b750]{color:#999;padding:4px 16px;font-size:12px;font-weight:500}.menu-items[data-v-aad3b750]{flex-direction:column;gap:2px;display:flex}.menu-item[data-v-aad3b750]{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;transition:background .2s;display:flex}.menu-item[data-v-aad3b750]:hover:not(.disabled){background:#f5f5f5}.menu-item.disabled[data-v-aad3b750]{color:#999;cursor:not-allowed}.menu-item .param-hint[data-v-aad3b750]{color:#999;font-size:11px}.active-tag[data-v-aad3b750]{color:#1a1a1a;align-items:center;margin-left:auto;display:flex}.fade-enter-active[data-v-aad3b750],.fade-leave-active[data-v-aad3b750]{transition:opacity .2s}.fade-enter-from[data-v-aad3b750],.fade-leave-to[data-v-aad3b750]{opacity:0}.slide-enter-active[data-v-aad3b750],.slide-leave-active[data-v-aad3b750]{transition:all .2s}.slide-enter-from[data-v-aad3b750],.slide-leave-to[data-v-aad3b750]{opacity:0;transform:translate(-50%)translateY(8px)}.chart-wrapper[data-v-4083a7b9]{--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-container[data-v-4083a7b9]{scrollbar-width:none;-ms-overflow-style:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;width:95%;height:85%;min-height:255px;position:relative;overflow:auto hidden}.chart-container[data-v-4083a7b9]::-webkit-scrollbar{display:none}.chart-container[data-v-4083a7b9]:hover{cursor:grab}.chart-container[data-v-4083a7b9]:active{cursor:grabbing}.scroll-content[data-v-4083a7b9]{height:100%;min-height:inherit;position:relative}.canvas-layer[data-v-4083a7b9]{pointer-events:none;position:sticky;top:0;left:0}.plot-canvas{display:block;position:absolute;top:0;left:0}.main,.sub{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.right-axis{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:block;position:absolute;right:1px}.x-axis-canvas{z-index:10;display:block;position:absolute;bottom:1px;left:0}.bottom-axis{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.right-axis-corner{box-sizing:border-box;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;bottom:1px}.x-axis-corner{z-index:10;display:block;position:absolute;bottom:1px;right:1px}
+.kline-tooltip[data-v-95daa55c]{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-95daa55c]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.kline-tooltip__grid[data-v-95daa55c]{grid-template-columns:1fr;gap:2px;display:grid}.kline-tooltip__grid .row[data-v-95daa55c]{justify-content:space-between;gap:10px;display:flex}.kline-tooltip__grid .row span[data-v-95daa55c]:first-child{color:#0000008f}.marker-tooltip[data-v-dd43da4f]{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-dd43da4f]{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600;display:flex}.marker-tooltip__content[data-v-dd43da4f]{grid-template-columns:1fr;gap:2px;display:grid}.marker-tooltip__content .row[data-v-dd43da4f]{justify-content:space-between;gap:10px;display:flex}.marker-tooltip__content .row span[data-v-dd43da4f]:first-child{color:#0000008f}.params-overlay[data-v-730f2212]{-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-730f2212]{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-730f2212]{background:#f8f8f8;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-730f2212]{align-items:baseline;gap:8px;display:flex}.header-right[data-v-730f2212]{align-items:center;gap:8px;display:flex}.params-title[data-v-730f2212]{color:#1a1a1a;letter-spacing:.2px;font-size:14px;font-weight:600}.params-subtitle[data-v-730f2212]{color:#999;font-size:11px}.toggle-desc-btn[data-v-730f2212]{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-730f2212]:hover{color:#555;background:#f0f0f0;border-color:#ccc}.toggle-desc-btn.active[data-v-730f2212]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.toggle-desc-btn svg[data-v-730f2212]{width:14px;height:14px}.params-close[data-v-730f2212]{cursor:pointer;color:#888;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.params-close[data-v-730f2212]:hover{color:#333;background:#f0f0f0;border-color:#ccc}.params-close svg[data-v-730f2212]{width:13px;height:13px}.indicator-description[data-v-730f2212]{background:#f0f7ff;border-bottom:1px solid #d6e8f5;padding:12px 20px}.indicator-description p[data-v-730f2212]{color:#2c5282;margin:0;font-size:12px;line-height:1.6}.params-body[data-v-730f2212]{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.param-item[data-v-730f2212]{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;transition:border-color .2s}.param-item[data-v-730f2212]:has(.param-input:focus){border-color:#bbb}.param-item.has-desc[data-v-730f2212]{padding:10px 14px 8px}.param-header[data-v-730f2212]{justify-content:space-between;align-items:center;gap:16px;display:flex}.param-label[data-v-730f2212]{flex-direction:column;gap:3px;display:flex}.param-label-text[data-v-730f2212]{color:#333;font-size:13px;font-weight:500}.param-range[data-v-730f2212]{color:#999;font-size:11px}.param-description[data-v-730f2212]{color:#666;border-top:1px dashed #e0e0e0;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.input-wrapper[data-v-730f2212]{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-730f2212]:focus-within{border-color:#999}.stepper-btn[data-v-730f2212]{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-730f2212]:hover:not(:disabled){color:#333;background:#e0e0e0}.stepper-btn[data-v-730f2212]:disabled{color:#ccc;cursor:not-allowed}.param-input[data-v-730f2212]{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-730f2212]::-webkit-inner-spin-button{-webkit-appearance:none}.param-input[data-v-730f2212]::-webkit-outer-spin-button{-webkit-appearance:none}.param-input[data-v-730f2212]:focus{outline:none}.params-footer[data-v-730f2212]{background:#f8f8f8;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-right[data-v-730f2212]{gap:8px;display:flex}.params-btn[data-v-730f2212]{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-730f2212]{flex-shrink:0;width:12px;height:12px}.params-btn.reset[data-v-730f2212]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.reset[data-v-730f2212]:hover{color:#e74c3c;background:#e74c3c14;border-color:#c0392b}.params-btn.cancel[data-v-730f2212]{color:#666;background:0 0;border-color:#d0d0d0}.params-btn.cancel[data-v-730f2212]:hover{color:#333;background:#f0f0f0;border-color:#bbb}.params-btn.confirm[data-v-730f2212]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.params-btn.confirm[data-v-730f2212]:hover{background:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.params-btn.confirm[data-v-730f2212]:active{box-shadow:none;transform:translateY(0)}.overlay-enter-active[data-v-730f2212],.overlay-leave-active[data-v-730f2212]{transition:opacity .2s}.overlay-enter-from[data-v-730f2212],.overlay-leave-to[data-v-730f2212]{opacity:0}.modal-enter-active[data-v-730f2212]{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active[data-v-730f2212]{transition:all .16s ease-in}.modal-enter-from[data-v-730f2212]{opacity:0;transform:scale(.88)translateY(-16px)}.modal-leave-to[data-v-730f2212]{opacity:0;transform:scale(.94)translateY(8px)}.slide-enter-active[data-v-730f2212],.slide-leave-active[data-v-730f2212]{transition:all .2s;overflow:hidden}.slide-enter-from[data-v-730f2212],.slide-leave-to[data-v-730f2212]{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.indicator-selector[data-v-aad3b750]{width:80%;margin:20px;position:relative}.indicator-scroll-container[data-v-aad3b750]{scrollbar-width:none;-webkit-overflow-scrolling:touch;text-align:center;width:100%;overflow:auto hidden}.indicator-scroll-container[data-v-aad3b750]::-webkit-scrollbar{display:none}.indicator-list[data-v-aad3b750]{gap:8px;margin:0 auto;padding:2px;display:inline-flex}.indicator-item[data-v-aad3b750]{align-items:center;gap:4px;display:flex}.indicator-btn-wrapper[data-v-aad3b750]{position:relative}.indicator-btn[data-v-aad3b750]{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-aad3b750]:hover:not(.hovering){color:#333;background:#f8f8f8;border-color:#ccc}.indicator-btn.active[data-v-aad3b750]{color:#1a1a1a;background:#f8f8f8;border-color:#1a1a1a}.indicator-btn.active[data-v-aad3b750]:hover:not(.hovering){background:#f0f0f0;border-color:#333}.btn-content[data-v-aad3b750]{z-index:1;position:relative}.param-hint[data-v-aad3b750]{opacity:.85;font-size:11px}.hover-overlay[data-v-aad3b750]{-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-aad3b750]{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-aad3b750]:hover{color:#333;background:#0000000f}.settings-btn[data-v-aad3b750]:hover{color:#1a1a1a}.remove-btn[data-v-aad3b750]:hover{color:#ff4d4f}.divider[data-v-aad3b750]{background:#e0e0e0;width:1px;height:14px}.add-btn[data-v-aad3b750]{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-aad3b750]:hover{color:#1a1a1a;background:#1a1a1a0a;border-color:#1a1a1a}.add-menu[data-v-aad3b750]{white-space:nowrap;z-index:9999;background:#fff;border-radius:8px;padding:8px 0;position:fixed;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.menu-section[data-v-aad3b750]{padding:4px 0}.menu-section[data-v-aad3b750]:not(:last-child){border-bottom:1px solid #f0f0f0}.menu-title[data-v-aad3b750]{color:#999;padding:4px 16px;font-size:12px;font-weight:500}.menu-items[data-v-aad3b750]{flex-direction:column;gap:2px;display:flex}.menu-item[data-v-aad3b750]{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;transition:background .2s;display:flex}.menu-item[data-v-aad3b750]:hover:not(.disabled){background:#f5f5f5}.menu-item.disabled[data-v-aad3b750]{color:#999;cursor:not-allowed}.menu-item .param-hint[data-v-aad3b750]{color:#999;font-size:11px}.active-tag[data-v-aad3b750]{color:#1a1a1a;align-items:center;margin-left:auto;display:flex}.fade-enter-active[data-v-aad3b750],.fade-leave-active[data-v-aad3b750]{transition:opacity .2s}.fade-enter-from[data-v-aad3b750],.fade-leave-to[data-v-aad3b750]{opacity:0}.slide-enter-active[data-v-aad3b750],.slide-leave-active[data-v-aad3b750]{transition:all .2s}.slide-enter-from[data-v-aad3b750],.slide-leave-to[data-v-aad3b750]{opacity:0;transform:translate(-50%)translateY(8px)}.chart-wrapper[data-v-c5290a39]{--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-container[data-v-c5290a39]{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;border:1px solid #e0e0e0;width:95%;height:85%;min-height:255px;position:relative;overflow:auto hidden}.chart-container[data-v-c5290a39]::-webkit-scrollbar{display:none}.chart-container[data-v-c5290a39]:hover{cursor:grab}.chart-container[data-v-c5290a39]:active{cursor:grabbing}.scroll-content[data-v-c5290a39]{height:100%;min-height:inherit;position:relative}.canvas-layer[data-v-c5290a39]{pointer-events:none;position:sticky;top:0;left:0}.plot-canvas{display:block;position:absolute;top:0;left:0}.right-axis{display:block;position:absolute;right:0}.x-axis-canvas{z-index:10;display:block;position:absolute;bottom:0;left:0}
 /*$vite$:1*/

package/dist/{api → src/api}/data/baostock.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 interface BaoStockKDataRequest {
     /** 股票代码，如 `sh.600000`（沪市）、`sz.000001`（深市） */
     stock_code: string;

package/dist/{api → src/api}/data/kLine.d.ts

@@ -1,4 +1,4 @@
-import { KLineDailyDongCaiResponse } from '../../types/price';
+import { KLineDailyDongCaiResponse } from '../../../types/price';
 interface KLineDailyDongCaiRequest {
     symbol: string;
     period: 'daily' | 'weekly' | 'monthly';

package/dist/{api → src/api}/data/types.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 /**
  * 统一的数据源配置
  */

package/dist/{api → src/api}/data/unified.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 import { KLineDataSourceConfig, IKLineDataSource, DataSourceType } from './types';
 /**
  * 数据源工厂

package/dist/{components → src/components}/KLineChart.vue.d.ts

@@ -1,5 +1,5 @@
-import { SemanticChartConfig } from '../semantic';
-import { SubIndicatorType } from '../core/renderers/Indicator';
+import { SemanticChartConfig } from '../../semantic';
+import { SubIndicatorType } from '../../core/renderers/Indicator';
 type __VLS_Props = {
     /** 语义化配置（必需，唯一控制源） */
     semanticConfig: SemanticChartConfig;

package/dist/{components → src/components}/KLineTooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../types/price';
+import { KLineData } from '../../types/price';
 type __VLS_Props = {
     k: KLineData | null;
     /** 当前k在 data 中的索引 */

package/dist/{components → src/components}/MarkerTooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { MarkerEntity, CustomMarkerEntity } from '../core/marker/registry';
+import { MarkerEntity, CustomMarkerEntity } from '../../core/marker/registry';
 type __VLS_Props = {
     marker: MarkerEntity | CustomMarkerEntity | null;
     pos: {

package/dist/{core → src/core}/chart.d.ts

@@ -1,11 +1,11 @@
-import { KLineData } from '../types/price';
-import { VisibleRange } from './layout/pane';
-import { InteractionController } from './controller/interaction';
-import { PaneRenderer } from './paneRenderer';
+import { KLineData } from '../../types/price';
+import { VisibleRange } from '../../core/layout/pane';
+import { InteractionController } from '../../core/controller/interaction';
+import { PaneRenderer } from '../../core/paneRenderer';
 import { MarkerManager, CustomMarkerEntity } from './marker/registry';
-import { getPhysicalKLineConfig, calcKWidthPx } from './utils/klineConfig';
-import { PluginHostImpl, RendererPlugin, RendererPluginWithHost } from '../plugin';
-import { SubIndicatorType } from './renderers/Indicator';
+import { getPhysicalKLineConfig, calcKWidthPx } from '../../core/utils/klineConfig';
+import { PluginHostImpl, RendererPlugin, RendererPluginWithHost } from '../../plugin';
+import { SubIndicatorType } from '../../core/renderers/Indicator';
 export { getPhysicalKLineConfig, calcKWidthPx };
 /**
  * 图表 DOM 元素引用
@@ -70,6 +70,10 @@ export declare class Chart {
     private pluginHost;
     /** 渲染器插件管理器 */
     private rendererPluginManager;
+    /** 精确 DPR（来自 devicePixelContentBoxSize） */
+    private preciseDpr;
+    /** 用于监听物理像素尺寸变化 */
+    private dprObserver?;
     /**
      * 创建图表实例
      * @param dom 由 Vue 组件传入的 DOM 句柄

package/dist/{core → src/core}/controller/interaction.d.ts

@@ -1,5 +1,5 @@
 import { Chart } from '../chart';
-import { MarkerEntity, CustomMarkerEntity } from '../marker/registry';
+import { MarkerEntity, CustomMarkerEntity } from '../../../core/marker/registry';
 /** 标记 hover 事件数据 */
 export interface MarkerHoverEvent {
     type: 'volume-price' | 'custom';

package/dist/{core → src/core}/layout/pane.d.ts

@@ -1,7 +1,7 @@
-import { KLineData } from '../../types/price';
-import { PriceRange } from '../scale/price';
-import { PriceScale } from '../scale/priceScale';
-import { MarkerManager } from '../marker/registry';
+import { KLineData } from '../../../types/price';
+import { PriceRange } from '../../../core/scale/price';
+import { PriceScale } from '../../../core/scale/priceScale';
+import { MarkerManager } from '../../../core/marker/registry';
 export type VisibleRange = {
     start: number;
     end: number;

package/dist/{core → src/core}/renderers/Indicator/boll.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface BOLLConfig {
     /** 周期（默认20） */
     period?: number;

package/dist/{core → src/core}/renderers/Indicator/cci.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface CCIConfig {
     /** 周期（默认 14） */
     period?: number;

package/dist/{core → src/core}/renderers/Indicator/ene.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface ENEConfig {
     /** 周期（默认10） */
     period?: number;

package/dist/{core → src/core}/renderers/Indicator/expma.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface EXPMAConfig {
     /** 快线周期（默认12） */
     fastPeriod?: number;

package/dist/{core → src/core}/renderers/Indicator/fastk.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface FASTKConfig {
     /** 周期（默认 9） */
     period?: number;

package/dist/{core → src/core}/renderers/Indicator/index.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../../plugin';
+import { RendererPlugin } from '../../../../plugin';
 export { createMARendererPlugin, type MAFlags } from './ma';
 export { createBOLLRendererPlugin, calcBOLLAtIndex, type BOLLConfig } from './boll';
 export { createEXPMARendererPlugin, calcEXPMAAtIndex, type EXPMAConfig } from './expma';

package/dist/{core → src/core}/renderers/Indicator/kst.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface KSTConfig {
     /** ROC1 周期（默认 10） */
     roc1?: number;

package/dist/{core → src/core}/renderers/Indicator/ma.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../../plugin';
+import { RendererPlugin } from '../../../../plugin';
 export type MAFlags = {
     ma5?: boolean;
     ma10?: boolean;

package/dist/{core → src/core}/renderers/Indicator/macd.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface MACDConfig {
     /** 快线周期（默认 12） */
     fastPeriod?: number;

package/dist/{core → src/core}/renderers/Indicator/macdLegend.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../../plugin';
+import { RendererPlugin } from '../../../../plugin';
 export interface MACDLegendOptions {
     /** Y 轴内边距（与主图保持一致） */
     yPaddingPx?: number;

package/dist/{core → src/core}/renderers/Indicator/mainIndicatorLegend.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../../plugin';
+import { RendererPlugin } from '../../../../plugin';
 /**
  * 创建主图指标图例渲染器插件
  *

package/dist/{core → src/core}/renderers/Indicator/mom.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface MOMConfig {
     /** 周期（默认 10） */
     period?: number;

package/dist/{core → src/core}/renderers/Indicator/rsi.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface RSIConfig {
     /** 第一条 RSI 周期（默认 6） */
     period1?: number;

package/dist/{core → src/core}/renderers/Indicator/stoch.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface STOCHConfig {
     /** K 周期（默认 9） */
     n?: number;

package/dist/{core → src/core}/renderers/Indicator/wmsr.d.ts

@@ -1,5 +1,5 @@
-import { RendererPlugin } from '../../../plugin';
-import { KLineData } from '../../../types/price';
+import { RendererPlugin } from '../../../../plugin';
+import { KLineData } from '../../../../types/price';
 export interface WMSRConfig {
     /** 周期（默认 14） */
     period?: number;

package/dist/{core → src/core}/renderers/candle.d.ts

@@ -1,6 +1,6 @@
-import { RendererPlugin } from '../../plugin';
-import { VolumePriceRelation } from '../../types/volumePrice';
-import { MarkerManager } from '../marker/registry';
+import { RendererPlugin } from '../../../plugin';
+import { VolumePriceRelation } from '../../../types/volumePrice';
+import { MarkerManager } from '../../../core/marker/registry';
 /**
  * 创建 K 线蜡烛图渲染器插件
  */
@@ -15,5 +15,6 @@ export declare function createCandleRenderer(): RendererPlugin;
 * @param relation - 量价关系类型
 * @param kWidth - K线宽度，作为三角形边长
 * @param gap - 三角形与K线的间距，默认为4
+* @param dpr - 设备像素比
 */
-export declare function drawVolumePriceMarker(ctx: CanvasRenderingContext2D, x: number, y: number, relation: VolumePriceRelation, kIndex: number, kWidth: number, gap: number | undefined, markerManager: MarkerManager): void;
+export declare function drawVolumePriceMarker(ctx: CanvasRenderingContext2D, x: number, y: number, relation: VolumePriceRelation, kIndex: number, kWidth: number, gap: number | undefined, markerManager: MarkerManager, dpr: number): void;

package/dist/{core → src/core}/renderers/crosshair.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建十字线渲染器插件
  * 垂直线绘制到所有面板，水平线只绘制到活跃面板

package/dist/{core → src/core}/renderers/customMarkers.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建自定义标记渲染器插件
  * 负责渲染 semanticConfig 中配置的 customMarkers

package/dist/{core → src/core}/renderers/extremaMarkers.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建可视区最高/最低价标注渲染器插件
  */

package/dist/{core → src/core}/renderers/gridLines.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建网格线渲染器插件
  * 横向按像素均分铺满整个绘图区高度，纵向按月分割（使用预计算的月边界，网格线对齐到K线实体中部）

package/dist/{core → src/core}/renderers/lastPrice.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建最新价虚线渲染器插件
  */

package/dist/{core → src/core}/renderers/paneTitle.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 单个数值项
  */

package/dist/{core → src/core}/renderers/subVolume.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 export interface VolumeRendererOptions {
     /** 目标 pane ID（默认 'sub'） */
     paneId?: string;

package/dist/{core → src/core}/renderers/timeAxis.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /** 时间轴面板 ID（特殊标识，用于单独渲染） */
 export declare const TIME_AXIS_PANE_ID: unique symbol;
 /**

package/dist/{core → src/core}/renderers/yAxis.d.ts

@@ -1,4 +1,4 @@
-import { RendererPlugin } from '../../plugin';
+import { RendererPlugin } from '../../../plugin';
 /**
  * 创建 Y 轴渲染器插件
  * 渲染到所有面板的 Y 轴区域

package/dist/{core → src/core}/viewport/viewport.d.ts

@@ -1,5 +1,5 @@
-import { KLineData } from '../../types/price';
-import { PriceRange } from '../scale/price';
+import { KLineData } from '../../../types/price';
+import { PriceRange } from '../../../core/scale/price';
 /**
  * 计算当前视口可见的 K 线索引范围（使用物理像素对齐）。
  *

package/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { KLineChart } from './components';
+export * from './plugin';
+export { KLineChart };
+export type { KLineData } from './types/price';
+export declare const KMapPlugin: {
+    install(app: App): void;
+};

package/dist/{semantic → src/semantic}/controller.d.ts

@@ -1,4 +1,4 @@
-import { Chart } from '../core/chart';
+import { Chart } from '../../core/chart';
 import { SemanticChartConfig, ApplyResult } from './types';
 /** 状态事件类型 */
 export type SemanticEventType = 'config:loading' | 'config:ready' | 'config:error';

package/dist/{utils → src/utils}/kLineDraw/MA.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 import { drawOption, PriceRange } from './kLine';
 export declare const MA5_COLOR: "rgba(255, 193, 37, 1)";
 export declare const MA10_COLOR: "rgba(190, 131, 12, 1)";

package/dist/{utils → src/utils}/kLineDraw/axis.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 export interface PriceAxisOptions {
     x: number;
     y: number;

package/dist/{utils → src/utils}/kLineDraw/grid.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 import { drawOption, PriceRange } from './kLine';
 export interface GridOption {
     /** 网格线颜色 */

package/dist/{utils → src/utils}/kLineDraw/kLine.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 export interface drawOption {
     kWidth: number;
     kGap: number;

package/dist/{utils → src/utils}/kline/format.d.ts

@@ -1,5 +1,5 @@
-import { KLineData } from '../../types/price';
-export { formatShanghaiDate } from '../dateFormat';
+import { KLineData } from '../../../types/price';
+export { formatShanghaiDate } from '../../../utils/dateFormat';
 export declare const UP_COLOR: "rgba(214, 10, 34, 1)";
 export declare const DOWN_COLOR: "rgba(3, 123, 102, 1)";
 export declare const NEUTRAL_COLOR: "rgba(0, 0, 0, 0.78)";

package/dist/{utils → src/utils}/kline/ma.d.ts

@@ -1,2 +1,2 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 export declare function calcMAAtIndex(data: KLineData[], index: number, period: number): number | undefined;

package/dist/{utils → src/utils}/kline/viewport.d.ts

@@ -1,4 +1,4 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 export type PriceRange = {
     maxPrice: number;
     minPrice: number;

package/dist/{utils → src/utils}/mock/genRandomPriceData.d.ts

@@ -1,3 +1,3 @@
-import { KLineData } from '../../types/price';
+import { KLineData } from '../../../types/price';
 export declare function genRandomPriceData(count: number): KLineData[];
 export declare function reversalExampleData(): KLineData[];

package/dist/{utils → src/utils}/volumePrice.d.ts

@@ -1,5 +1,5 @@
-import { KLineData } from '../types/price';
-import { VolumePriceRelation, VolumePriceConfig, DEFAULT_VOLUME_PRICE_CONFIG } from '../types/volumePrice';
+import { KLineData } from '../../types/price';
+import { VolumePriceRelation, VolumePriceConfig, DEFAULT_VOLUME_PRICE_CONFIG } from '../../types/volumePrice';
 export { DEFAULT_VOLUME_PRICE_CONFIG };
 /**
  * 成交量前缀和计算器

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@363045841yyt/klinechart",
-  "version": "0.2.13",
+  "version": "0.3.0",
   "type": "module",
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
@@ -36,26 +36,26 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "ajv": "^8.18.0",
-    "axios": "^1.15.0"
+    "ajv": "^8.20.0",
+    "axios": "^1.15.2"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
-    "@types/jsdom": "^27.0.0",
-    "@types/node": "^24.12.2",
+    "@types/jsdom": "^28.0.1",
+    "@types/node": "^25.6.0",
     "@vitejs/plugin-vue": "^6.0.6",
-    "@vitest/coverage-v8": "^4.1.4",
-    "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.8.1",
-    "jsdom": "^27.4.0",
+    "@vitest/coverage-v8": "^4.1.5",
+    "@vue/test-utils": "^2.4.10",
+    "@vue/tsconfig": "^0.9.1",
+    "jsdom": "^29.1.1",
     "npm-run-all2": "^8.0.4",
-    "prettier": "3.7.4",
+    "prettier": "3.8.3",
     "typedoc": "^0.28.19",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.0",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-vue-devtools": "^8.1.1",
-    "vitest": "^4.1.4",
-    "vue-tsc": "^3.2.6"
+    "vitest": "^4.1.5",
+    "vue-tsc": "^3.2.7"
   }
 }