feat: 项目结构重构优化

src/components/OperationColumn/index.vue

@@ -36,7 +36,7 @@ const props = withDefaults(defineProps<Props>(), {
 const count = ref(0);
 const operationWidth = ref(props.minWidth || 80);
 
-// 计算操作列宽度
+// 霈∠<EFBFBD><EFBFBD>滢<EFBFBD><EFBFBD>堒捐摨?
 const calculateWidth = () => {
   count.value++;
 
@@ -46,7 +46,7 @@ const calculateWidth = () => {
   count.value = 0;
 };
 
-// 计算最终宽度
+// 霈∠<EFBFBD><EFBFBD><EFBFBD>蝏<EFBFBD>捐摨?
 const finalWidth = computed(() => {
   return props.width || operationWidth.value || props.minWidth;
 });
@@ -54,32 +54,32 @@ const finalWidth = computed(() => {
 // <20>芷<EFBFBD><E88AB7><EFBFBD>摰賢漲<E8B3A2><E6BCB2>誘
 const vAutoWidth = {
   mounted() {
-    // 初次挂载的时候计算一次
+    // <EFBFBD>脲活<EFBFBD><EFBFBD>蝸<EFBFBD><EFBFBD>𧒄<EFBFBD>躰恣蝞𦯀<EFBFBD>甈?
     calculateWidth();
   },
   updated() {
-    // 数据更新时重新计算一次
+    // <EFBFBD>唳旿<EFBFBD>湔鰵<EFBFBD>園<EFBFBD><EFBFBD>啗恣蝞𦯀<EFBFBD>甈?
     calculateWidth();
   },
 };
 
 /**
- * 获取按钮数量和宽带来获取操作组的最大宽度
- * 注意使用时需要使用 `class="operation-buttons"` 的标签包裹操作按钮
- * @returns {number} 返回操作组的最大宽度
+ * <EFBFBD>瑕<EFBFBD><EFBFBD>厰僼<EFBFBD>圈<EFBFBD><EFBFBD><EFBFBD>捐撣行䔉<EFBFBD>瑕<EFBFBD><EFBFBD>滢<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD><EFBFBD>憭批捐摨?
+ * 瘜冽<EFBFBD>雿輻鍂<EFBFBD>園<EFBFBD>閬<EFBFBD>蝙<EFBFBD>?`class="operation-buttons"` <EFBFBD><EFBFBD><EFBFBD>蝑曉<EFBFBD>鋆寞<EFBFBD>雿𨀣<EFBFBD><EFBFBD>?
+ * @returns {number} 餈𥪜<EFBFBD><EFBFBD>滢<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD><EFBFBD>憭批捐摨?
  */
 const getOperationMaxWidth = () => {
   const el = document.getElementsByClassName("operation-buttons");
 
-  // 取操作组的最大宽度
+  // <EFBFBD>𡝗<EFBFBD>雿𦦵<EFBFBD><EFBFBD><EFBFBD><EFBFBD>憭批捐摨?
   let maxWidth = 0;
   let totalWidth: any = 0;
   Array.prototype.forEach.call(el, (item) => {
     // <20>瑕<EFBFBD>瘥譍葵item<65><6D>om
     const buttons = item.querySelectorAll(".el-button");
-    // 获取每行按钮的总宽度
+    // <EFBFBD>瑕<EFBFBD>瘥讛<EFBFBD><EFBFBD>厰僼<EFBFBD><EFBFBD><EFBFBD>餃捐摨?
     totalWidth = Array.from(buttons).reduce((acc, button: any) => {
-      return acc + button.scrollWidth + 22; // 每个按钮的宽度加上预留宽度
+      return acc + button.scrollWidth + 22; // 瘥譍葵<EFBFBD>厰僼<EFBFBD><EFBFBD>捐摨血<EFBFBD>銝𢠃<EFBFBD><EFBFBD>坔捐摨?
     }, 0);
 
     // <20>瑕<EFBFBD><E79195><EFBFBD>憭抒<E686AD>摰賢漲