@tmagic/editor 1.8.0-manmanyu.23 → 1.8.0-manmanyu.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js +1 -1
  2. package/dist/es/services/ui.js +3 -3
  3. package/dist/es/style.css +1 -0
  4. package/dist/es/utils/const.js +2 -2
  5. package/dist/style.css +1 -0
  6. package/dist/themes/magic-admin.css +1 -0
  7. package/dist/tmagic-editor.umd.cjs +6 -6
  8. package/package.json +7 -7
  9. package/src/services/ui.ts +12 -3
  10. package/src/utils/const.ts +3 -3
  11. package/types/index.d.ts +2 -2
package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -38,7 +38,7 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
38
38
  watch(() => uiService.get("hideSlideBar"), (hideSlideBar) => {
39
39
  uiService.set("columnWidth", {
40
40
  ...columnWidth.value,
41
- left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310
41
+ left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345
42
42
  });
43
43
  });
44
44
  const columnWidthChange = (columnW) => {
package/dist/es/services/ui.js CHANGED
@@ -19,11 +19,11 @@ var state = shallowReactive({
19
19
  height: 817
20
20
  },
21
21
  columnWidth: {
22
- left: storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310,
22
+ left: Math.max(storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345, 345),
23
23
  center: 0,
24
- right: storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480
24
+ right: Math.max(storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480, 300)
25
25
  },
26
- minLeftColumnWidth: 260,
26
+ minLeftColumnWidth: 345,
27
27
  minCenterColumnWidth: 400,
28
28
  minRightColumnWidth: 300,
29
29
  showGuides: true,
package/dist/es/style.css CHANGED
@@ -395,6 +395,7 @@ a.magic-admin-link i {
395
395
  .m-container-fieldset.fieldset-in-card-fit > fieldset.m-fieldset legend {
396
396
  position: relative;
397
397
  top: 10px;
398
+ background-color: transparent;
398
399
  }
399
400
  .m-container-fieldset.fieldset-in-card-fit.fieldset-in-card-fit-last {
400
401
  padding-bottom: 0 !important;
package/dist/es/utils/const.js CHANGED
@@ -4,9 +4,9 @@ var UI_SELECT_MODE_EVENT_NAME = "ui-select";
4
4
  var LEFT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorLeftColumnWidthData";
5
5
  var RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
6
6
  var PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
7
- var DEFAULT_LEFT_COLUMN_WIDTH = 310;
7
+ var DEFAULT_LEFT_COLUMN_WIDTH = 345;
8
8
  var DEFAULT_RIGHT_COLUMN_WIDTH = 480;
9
- var MIN_LEFT_COLUMN_WIDTH = 260;
9
+ var MIN_LEFT_COLUMN_WIDTH = 345;
10
10
  var MIN_CENTER_COLUMN_WIDTH = 400;
11
11
  var MIN_RIGHT_COLUMN_WIDTH = 300;
12
12
  var H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
package/dist/style.css CHANGED
@@ -395,6 +395,7 @@ a.magic-admin-link i {
395
395
  .m-container-fieldset.fieldset-in-card-fit > fieldset.m-fieldset legend {
396
396
  position: relative;
397
397
  top: 10px;
398
+ background-color: transparent;
398
399
  }
399
400
  .m-container-fieldset.fieldset-in-card-fit.fieldset-in-card-fit-last {
400
401
  padding-bottom: 0 !important;
package/dist/themes/magic-admin.css CHANGED
@@ -375,6 +375,7 @@ a.magic-admin-link i {
375
375
  .m-container-fieldset.fieldset-in-card-fit > fieldset.m-fieldset legend {
376
376
  position: relative;
377
377
  top: 10px;
378
+ background-color: transparent;
378
379
  }
379
380
  .m-container-fieldset.fieldset-in-card-fit.fieldset-in-card-fit-last {
380
381
  padding-bottom: 0 !important;
package/dist/tmagic-editor.umd.cjs CHANGED
@@ -8180,9 +8180,9 @@
8180
8180
  var LEFT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorLeftColumnWidthData";
8181
8181
  var RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
8182
8182
  var PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
8183
- var DEFAULT_LEFT_COLUMN_WIDTH = 310;
8183
+ var DEFAULT_LEFT_COLUMN_WIDTH = 345;
8184
8184
  var DEFAULT_RIGHT_COLUMN_WIDTH = 480;
8185
- var MIN_LEFT_COLUMN_WIDTH = 260;
8185
+ var MIN_LEFT_COLUMN_WIDTH = 345;
8186
8186
  var MIN_CENTER_COLUMN_WIDTH = 400;
8187
8187
  var MIN_RIGHT_COLUMN_WIDTH = 300;
8188
8188
  var H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
@@ -8203,11 +8203,11 @@
8203
8203
  height: 817
8204
8204
  },
8205
8205
  columnWidth: {
8206
- left: storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310,
8206
+ left: Math.max(storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345, 345),
8207
8207
  center: 0,
8208
- right: storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480
8208
+ right: Math.max(storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480, 300)
8209
8209
  },
8210
- minLeftColumnWidth: 260,
8210
+ minLeftColumnWidth: 345,
8211
8211
  minCenterColumnWidth: 400,
8212
8212
  minRightColumnWidth: 300,
8213
8213
  showGuides: true,
@@ -10372,7 +10372,7 @@
10372
10372
  (0, vue.watch)(() => uiService.get("hideSlideBar"), (hideSlideBar) => {
10373
10373
  uiService.set("columnWidth", {
10374
10374
  ...columnWidth.value,
10375
- left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310
10375
+ left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345
10376
10376
  });
10377
10377
  });
10378
10378
  const columnWidthChange = (columnW) => {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.8.0-manmanyu.23",
2
+ "version": "1.8.0-manmanyu.25",
3
3
  "name": "@tmagic/editor",
4
4
  "type": "module",
5
5
  "sideEffects": [
@@ -58,11 +58,11 @@
58
58
  "moveable": "^0.53.0",
59
59
  "serialize-javascript": "^7.0.0",
60
60
  "sortablejs": "^1.15.6",
61
- "@tmagic/design": "1.8.0-manmanyu.23",
62
- "@tmagic/form": "1.8.0-manmanyu.23",
63
- "@tmagic/table": "1.8.0-manmanyu.23",
64
- "@tmagic/utils": "1.8.0-manmanyu.23",
65
- "@tmagic/stage": "1.8.0-manmanyu.23"
61
+ "@tmagic/design": "1.8.0-manmanyu.25",
62
+ "@tmagic/stage": "1.8.0-manmanyu.25",
63
+ "@tmagic/table": "1.8.0-manmanyu.25",
64
+ "@tmagic/form": "1.8.0-manmanyu.25",
65
+ "@tmagic/utils": "1.8.0-manmanyu.25"
66
66
  },
67
67
  "devDependencies": {
68
68
  "@types/events": "^3.0.3",
@@ -76,7 +76,7 @@
76
76
  "type-fest": "^5.2.0",
77
77
  "typescript": "^6.0.3",
78
78
  "vue": "^3.5.38",
79
- "@tmagic/core": "1.8.0-manmanyu.23"
79
+ "@tmagic/core": "1.8.0-manmanyu.25"
80
80
  },
81
81
  "peerDependenciesMeta": {
82
82
  "typescript": {
package/src/services/ui.ts CHANGED
@@ -49,13 +49,22 @@ const state = shallowReactive<UiState>({
49
49
  width: 375,
50
50
  height: 817,
51
51
  },
52
+ // 左右两栏宽度初始化：
53
+ // - 优先取 storage 里用户上次拖到的值；storage 空时回落到 DEFAULT_*；
54
+ // - 再用 Math.max 兜底，防止历史 storage 里存的是老版本或用户拖过头留下的
55
+ // "比当前 MIN_* 还小"的数值，避免打开就出现「面板宽度低于最小值」的错乱状态
56
+ // （最小值本身就是 60~62 行同源的 MIN_LEFT/RIGHT_COLUMN_WIDTH）。
52
57
  columnWidth: {
53
- left:
58
+ left: Math.max(
54
59
  storageService.getItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) || DEFAULT_LEFT_COLUMN_WIDTH,
60
+ MIN_LEFT_COLUMN_WIDTH,
61
+ ),
55
62
  center: 0,
56
- right:
63
+ right: Math.max(
57
64
  storageService.getItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) ||
58
- DEFAULT_RIGHT_COLUMN_WIDTH,
65
+ DEFAULT_RIGHT_COLUMN_WIDTH,
66
+ MIN_RIGHT_COLUMN_WIDTH,
67
+ ),
59
68
  },
60
69
  minLeftColumnWidth: MIN_LEFT_COLUMN_WIDTH,
61
70
  minCenterColumnWidth: MIN_CENTER_COLUMN_WIDTH,
package/src/utils/const.ts CHANGED
@@ -5,11 +5,11 @@ export const LEFT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorLeftColumnWidthData';
5
5
  export const RIGHT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorRightColumnWidthData';
6
6
  export const PROPS_PANEL_WIDTH_STORAGE_KEY = '$MagicEditorPropsPanelWidthData';
7
7
 
8
- export const DEFAULT_LEFT_COLUMN_WIDTH = 310;
8
+ export const DEFAULT_LEFT_COLUMN_WIDTH = 345;
9
9
  export const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
10
10
 
11
- // 2026-06-11 设计稿修改，固定左侧栏存在时最小宽度为260
12
- export const MIN_LEFT_COLUMN_WIDTH = 260;
11
+ // 2026-06-11 设计稿修改，固定左侧栏存在时最小宽度为 345
12
+ export const MIN_LEFT_COLUMN_WIDTH = 345;
13
13
  export const MIN_CENTER_COLUMN_WIDTH = 400;
14
14
  export const MIN_RIGHT_COLUMN_WIDTH = 300;
15
15
 
package/types/index.d.ts CHANGED
@@ -3288,9 +3288,9 @@ declare const UI_SELECT_MODE_EVENT_NAME = "ui-select";
3288
3288
  declare const LEFT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorLeftColumnWidthData";
3289
3289
  declare const RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
3290
3290
  declare const PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
3291
- declare const DEFAULT_LEFT_COLUMN_WIDTH = 310;
3291
+ declare const DEFAULT_LEFT_COLUMN_WIDTH = 345;
3292
3292
  declare const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
3293
- declare const MIN_LEFT_COLUMN_WIDTH = 260;
3293
+ declare const MIN_LEFT_COLUMN_WIDTH = 345;
3294
3294
  declare const MIN_CENTER_COLUMN_WIDTH = 400;
3295
3295
  declare const MIN_RIGHT_COLUMN_WIDTH = 300;
3296
3296
  declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";