feat: 拖拽布局-国际化

demoHtml/flex/README.md

@@ -140,7 +140,10 @@ date
 ```
 * 子项数据直接使用data.json，并复制内部子项10份，更改id和name保证不重复
 
-
+## 历史任务
+- demoHtml/flex/index.html页面中还有部分国际化未完成
+* 包含（文字宽度，事件类型，事件动作，默认聚焦，向左侧移动组件ID， 向右侧移动组件ID， 向上侧移动组件ID，向下侧移动组件ID， 获得焦点时背景颜色，获得焦点时边框宽度，获得焦点时边框颜色，获得焦点时边框缩放大小），请参照当前页面使用国际化规则来实现
+* demoHtml/flex/js/i18n.js 中国际化内容请按照原有格式添加。
 
 
 
@@ -175,4 +178,11 @@ date
     - **操作按钮事件**: 为操作菜单中的四个按钮（复制、删除、编辑、应用）添加了点击事件监听，点击时会在控制台打印相应的操作名称。
 - **文件改动**:
     - `css/list.css`: 修改了 `#list-panel` 和 `.action-menu` 的样式，以及 `.list-item` 和 `.action-menu button` 的样式。
-    - `js/list.js`: 修改了 `listItem` 的 HTML 模板以显示名称，并添加了四个操作按钮的点击事件监听器。
+    - `js/list.js`: 修改了 `listItem` 的 HTML 模板以显示名称，并添加了四个操作按钮的点击事件监听器。
+
+### 本次会话总结
+- **任务**: 完成 `index.html` 页面中缺失的国际化（i18n）配置。
+- **修改内容**:
+    - **js/i18n.js**: 在 `zhCN` 和 `en` 配置对象中新增了 12 个字段，包括：文字宽度（font_weight）、事件类型（events_type）、事件动作（events_action）、默认聚焦（default_focus）、移动组件ID（左/右/上/下）、获得焦点时的背景/边框宽度/边框颜色/缩放大小。
+    - **index.html**: 将属性面板（props-panel）表单中剩余的 12 处硬编码中文标签替换为模板语法 `{{= i18n.$t('user.key') }}`，使其支持中英文切换。
+- **技术规范**: 遵循了项目原有的 Layui i18n 插件调用方式和命名规范。

demoHtml/flex/index.html

@@ -153,74 +153,74 @@
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="fontWeight">文字宽度</label>
+                                <label for="fontWeight">{{= i18n.$t('user.font_weight') }}</label>
                                 <input
                                     type="text"
                                     id="fontWeight"
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="eventsType">事件类型</label>
+                                <label for="eventsType">{{= i18n.$t('user.events_type') }}</label>
                                 <input
                                     type="text"
                                     id="eventsType"
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="eventsAction">事件动作</label>
+                                <label for="eventsAction">{{= i18n.$t('user.events_action') }}</label>
                                 <input
                                     type="text"
                                     id="eventsAction"
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="defaultFocus">默认聚焦</label>
+                                <label for="defaultFocus">{{= i18n.$t('user.default_focus') }}</label>
                                 <input
                                     type="text"
                                     id="defaultFocus"
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="leftId">向左侧移动组件ID</label>
+                                <label for="leftId">{{= i18n.$t('user.move_left_id') }}</label>
                                 <select id="leftId">
                                     <option value="">{{= i18n.$t('user.please_select') }}</option>
                                 </select>
                             </div>
                             <div class="form-item">
-                                <label for="rightId">向右侧移动组件ID</label>
+                                <label for="rightId">{{= i18n.$t('user.move_right_id') }}</label>
                                 <select id="rightId">
                                     <option value="">{{= i18n.$t('user.please_select') }}</option>
                                 </select>
                             </div>
                             <div class="form-item">
-                                <label for="upId">向上侧移动组件ID</label>
+                                <label for="upId">{{= i18n.$t('user.move_up_id') }}</label>
                                 <select id="upId">
                                     <option value="">{{= i18n.$t('user.please_select') }}</option>
                                 </select>
                             </div>
                             <div class="form-item">
-                                <label for="downId">向下侧移动组件ID</label>
+                                <label for="downId">{{= i18n.$t('user.move_down_id') }}</label>
                                 <select id="downId">
                                     <option value="">{{= i18n.$t('user.please_select') }}</option>
                                 </select>
                             </div>
                             <div class="form-item">
-                                <label for="focusedStyle_background">获得焦点时背景颜色</label>
+                                <label for="focusedStyle_background">{{= i18n.$t('user.focused_background') }}</label>
                                 <div id="focusedStyle_background"></div>
                             </div>
                             <div class="form-item">
-                                <label for="focusedStyle_border_width">获得焦点时边框宽度</label>
+                                <label for="focusedStyle_border_width">{{= i18n.$t('user.focused_border_width') }}</label>
                                 <input
                                     type="text"
                                     id="focusedStyle_border_width"
                                 />
                             </div>
                             <div class="form-item">
-                                <label for="focusedStyle_border_color">获得焦点时边框颜色</label>
+                                <label for="focusedStyle_border_color">{{= i18n.$t('user.focused_border_color') }}</label>
                                 <div id="focusedStyle_border_color"></div>
                             </div>
                             <div class="form-item">
-                                <label for="focusedStyle_scale">获得焦点时边框缩放大小</label>
+                                <label for="focusedStyle_scale">{{= i18n.$t('user.focused_scale') }}</label>
                                 <input
                                     type="text"
                                     id="focusedStyle_scale"

demoHtml/flex/js/i18n.js

@@ -24,6 +24,18 @@ var userLangConfig = {
             font_size: '文字大小',
             font_color: '文字颜色',
             text_content: '文字内容',
+            font_weight: '文字宽度',
+            events_type: '事件类型',
+            events_action: '事件动作',
+            default_focus: '默认聚焦',
+            move_left_id: '向左侧移动组件ID',
+            move_right_id: '向右侧移动组件ID',
+            move_up_id: '向上侧移动组件ID',
+            move_down_id: '向下侧移动组件ID',
+            focused_background: '获得焦点时背景颜色',
+            focused_border_width: '获得焦点时边框宽度',
+            focused_border_color: '获得焦点时边框颜色',
+            focused_scale: '获得焦点时边框缩放大小',
         },
     },
     en: {
@@ -55,6 +67,18 @@ var userLangConfig = {
             font_size: 'font size',
             font_color: 'font color',
             text_content: 'text content',
+            font_weight: 'font weight',
+            events_type: 'events type',
+            events_action: 'events action',
+            default_focus: 'default focus',
+            move_left_id: 'move left component ID',
+            move_right_id: 'move right component ID',
+            move_up_id: 'move up component ID',
+            move_down_id: 'move down component ID',
+            focused_background: 'focused background color',
+            focused_border_width: 'focused border width',
+            focused_border_color: 'focused border color',
+            focused_scale: 'focused border scale',
         },
     },
 };