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

package/src/components/LeftToolbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav class="left-toolbar" aria-label="?????">
+  <nav class="left-toolbar" aria-label="图表工具栏">
     <div class="left-toolbar__group">
       <div v-for="tool in primaryTools" :key="tool.id" class="tool-item">
         <button
@@ -19,7 +19,7 @@
             class="corner-indicator"
             :class="{ open: openGroupId === tool.id }"
             @click.stop="toggleExpand(tool.id)"
-            aria-label="?????"
+            aria-label="展开子菜单"
           ></span>
         </button>
 
@@ -54,8 +54,8 @@
       <button
         type="button"
         class="left-toolbar__button"
-        title="??"
-        aria-label="??"
+        title="放大"
+        aria-label="放大"
         @click="$emit('zoomIn')"
         @pointerdown.stop
         @pointermove.stop
@@ -66,8 +66,8 @@
       <button
         type="button"
         class="left-toolbar__button"
-        title="??"
-        aria-label="??"
+        title="缩小"
+        aria-label="缩小"
         @click="$emit('zoomOut')"
         @pointerdown.stop
         @pointermove.stop
@@ -83,8 +83,8 @@
       <button
         type="button"
         class="left-toolbar__button"
-        :title="isFullscreen ? '????' : '????'"
-        :aria-label="isFullscreen ? '????' : '????'"
+        :title="isFullscreen ? '退出全屏' : '全屏显示'"
+        :aria-label="isFullscreen ? '退出全屏' : '全屏显示'"
         @click="$emit('toggleFullscreen')"
         @pointerdown.stop
         @pointermove.stop
@@ -101,8 +101,8 @@
       <button
         type="button"
         class="left-toolbar__button"
-        title="??"
-        aria-label="??"
+        title="设置"
+        aria-label="设置"
         @click="openSettings"
         @pointerdown.stop
         @pointermove.stop
@@ -113,17 +113,17 @@
     </div>
   </nav>
 
-  <!-- ???? -->
+  <!-- 设置弹窗 -->
   <Teleport :to="teleportTarget">
     <Transition name="overlay">
       <div v-if="showSettings" class="settings-overlay" @click="closeSettings">
         <Transition name="modal">
           <div class="settings-modal" @click.stop>
-            <!-- ?? -->
+            <!-- 头部 -->
             <div class="settings-header">
               <div class="header-left">
-                <span class="settings-title">????</span>
-                <span class="settings-subtitle">?????</span>
+                <span class="settings-title">图表设置</span>
+                <span class="settings-subtitle">个性化配置</span>
               </div>
               <div class="header-right">
                 <button class="settings-close" @click="closeSettings">
@@ -134,12 +134,12 @@
               </div>
             </div>
 
-            <!-- ?? -->
+            <!-- 体部 -->
             <div class="settings-body">
-              <!-- ???? -->
+              <!-- 主图设置 -->
               <template v-if="mainSettings.length > 0">
                 <div class="settings-section-divider">
-                  <span class="settings-section-label">????</span>
+                  <span class="settings-section-label">主图设置</span>
                 </div>
                 <template v-for="item in mainSettings" :key="item.key">
                   <div class="settings-item">
@@ -164,10 +164,10 @@
                 </template>
               </template>
 
-              <!-- ????? -->
+              <!-- 实验性设置 -->
               <template v-if="experimentalSettings.length > 0">
                 <div class="settings-section-divider">
-                  <span class="settings-section-label">??? / ????</span>
+                  <span class="settings-section-label">实验性 / 调试设置</span>
                 </div>
                 <template v-for="item in experimentalSettings" :key="item.key">
                   <div class="settings-item experimental">
@@ -193,22 +193,22 @@
               </template>
             </div>
 
-            <!-- ?? -->
+            <!-- 底部 -->
             <div class="settings-footer">
               <button class="settings-btn reset" @click="resetSettings">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                   <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
                   <path d="M3 3v5h5" />
                 </svg>
-                ??
+                重置
               </button>
               <div class="footer-right">
-                <button class="settings-btn cancel" @click="closeSettings">??</button>
+                <button class="settings-btn cancel" @click="closeSettings">取消</button>
                 <button class="settings-btn confirm" @click="confirmSettings">
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                     <path d="M20 6L9 17l-5-5" />
                   </svg>
-                  ??
+                  确定
                 </button>
               </div>
             </div>
@@ -254,30 +254,30 @@ export interface ToolDef {
 }
 
 const primaryTools: ToolDef[] = [
-  { id: 'cursor', title: '??', icon: IconTablerPointer },
+  { id: 'cursor', title: '光标', icon: IconTablerPointer },
   {
     id: 'lines',
-    title: '??',
+    title: '线条',
     icon: IconTablerChartLine,
     children: [
-      { id: 'trend-line', title: '??', icon: IconTablerChartLine },
-      { id: 'ray', title: '??', icon: IconTablerArrowUpRight },
-      { id: 'h-line', title: '???', icon: IconTablerMinus },
-      { id: 'h-ray', title: '????', icon: IconTablerArrowRight },
-      { id: 'v-line', title: '???', icon: IconTablerSeparator },
-      { id: 'crosshair-line', title: '???', icon: IconTablerCrosshair },
-      { id: 'info-line', title: '???', icon: IconTablerInfoCircle },
+      { id: 'trend-line', title: '线段', icon: IconTablerChartLine },
+      { id: 'ray', title: '射线', icon: IconTablerArrowUpRight },
+      { id: 'h-line', title: '水平线', icon: IconTablerMinus },
+      { id: 'h-ray', title: '水平射线', icon: IconTablerArrowRight },
+      { id: 'v-line', title: '垂直线', icon: IconTablerSeparator },
+      { id: 'crosshair-line', title: '十字线', icon: IconTablerCrosshair },
+      { id: 'info-line', title: '信息线', icon: IconTablerInfoCircle },
     ],
   },
   {
     id: 'channels',
-    title: '??',
+    title: '通道',
     icon: IconTablerShape,
     children: [
-      { id: 'parallel-channel', title: '????', icon: IconTablerShape },
-      { id: 'regression-channel', title: '????', icon: IconTablerChartDots3 },
-      { id: 'flat-line', title: '????', icon: IconTablerCaretUpDown },
-      { id: 'disjoint-channel', title: '?????', icon: IconTablerBrackets },
+      { id: 'parallel-channel', title: '平行通道', icon: IconTablerShape },
+      { id: 'regression-channel', title: '回归趋势', icon: IconTablerChartDots3 },
+      { id: 'flat-line', title: '平滑顶底', icon: IconTablerCaretUpDown },
+      { id: 'disjoint-channel', title: '不相交通道', icon: IconTablerBrackets },
     ],
   },
 ]
@@ -448,7 +448,7 @@ onUnmounted(() => {
   background: #e5e7eb;
 }
 
-/* --- ???? --- */
+/* --- 工具按钮 --- */
 .left-toolbar__button {
   position: relative;
   width: 28px;
@@ -490,7 +490,7 @@ onUnmounted(() => {
   height: 16px;
 }
 
-/* --- ?????TradingView ??? --- */
+/* --- 角标三角（TradingView 风格） --- */
 .corner-indicator {
   position: absolute;
   right: 0;
@@ -526,7 +526,7 @@ onUnmounted(() => {
   opacity: 0.8;
 }
 
-/* --- ????????????????????????????? --- */
+/* --- 下拉菜单（与工具栏同配色、同按钮样式，高度对齐工具栏宽度） --- */
 .tool-dropdown {
   position: absolute;
   left: calc(100% + 13px);
@@ -548,12 +548,12 @@ onUnmounted(() => {
   z-index: 100;
 }
 
-/* --- ????? --- */
+/* --- 工具项容器 --- */
 .tool-item {
   position: relative;
 }
 
-/* --- ???? --- */
+/* --- 下拉动画 --- */
 .dropdown-enter-active,
 .dropdown-leave-active {
   transition:
@@ -567,7 +567,7 @@ onUnmounted(() => {
   transform: translateY(-50%) translateX(-6px);
 }
 
-/* --- ??? --- */
+/* --- 响应式 --- */
 @media (max-width: 768px), (max-height: 640px) {
   .left-toolbar {
     flex-basis: 36px;
@@ -605,7 +605,7 @@ onUnmounted(() => {
   }
 }
 
-/* ??? ????????? IndicatorParams.vue???? */
+/* ═══ 设置弹窗样式（参考 IndicatorParams.vue）═══ */
 .settings-overlay {
   position: fixed;
   inset: 0;

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 363045841
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.