@tmagic/editor 1.8.0-manmanyu.17 → 1.8.0-manmanyu.18

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 (10) hide show
  1. package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js +1 -1
  2. package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js +3 -3
  3. package/dist/es/utils/const.js +1 -1
  4. package/dist/themes/magic-admin.css +39 -1
  5. package/dist/tmagic-editor.umd.cjs +4 -4
  6. package/package.json +7 -7
  7. package/src/layouts/sidebar/Sidebar.vue +3 -3
  8. package/src/theme/themes/magic-admin/index.scss +42 -0
  9. package/src/utils/const.ts +2 -2
  10. package/types/index.d.ts +1 -1
package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -95,7 +95,7 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
95
95
  "right-class": "m-editor-framework-right",
96
96
  left: __props.hideSidebar ? void 0 : columnWidth.value.left,
97
97
  right: columnWidth.value.right,
98
- "min-left": __props.hideSidebar ? 0 : unref(238),
98
+ "min-left": __props.hideSidebar ? 0 : unref(248),
99
99
  "min-right": unref(300),
100
100
  "min-center": unref(400),
101
101
  width: frameworkRect.value.width,
package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -9,7 +9,7 @@ import DataSourceListPanel_default from "./data-source/DataSourceListPanel.js";
9
9
  import LayerPanel_default from "./layer/LayerPanel.js";
10
10
  import ComponentListPanel_default from "./ComponentListPanel.js";
11
11
  import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
12
- import { Close, Coin, EditPen, Goods, List } from "@element-plus/icons-vue";
12
+ import { Box, Close, Coin, EditPen, Finished } from "@element-plus/icons-vue";
13
13
  //#region packages/editor/src/layouts/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
14
14
  var _hoisted_1 = {
15
15
  key: 0,
@@ -81,7 +81,7 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
81
81
  [SideItemKey.COMPONENT_LIST]: {
82
82
  $key: SideItemKey.COMPONENT_LIST,
83
83
  type: "component",
84
- icon: Goods,
84
+ icon: Box,
85
85
  text: "组件",
86
86
  component: ComponentListPanel_default,
87
87
  slots: {}
@@ -89,7 +89,7 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
89
89
  layer: {
90
90
  $key: SideItemKey.LAYER,
91
91
  type: "component",
92
- icon: List,
92
+ icon: Finished,
93
93
  text: "已选组件",
94
94
  props: {
95
95
  layerContentMenu: props.layerContentMenu,
package/dist/es/utils/const.js CHANGED
@@ -6,7 +6,7 @@ var RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
6
6
  var PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
7
7
  var DEFAULT_LEFT_COLUMN_WIDTH = 310;
8
8
  var DEFAULT_RIGHT_COLUMN_WIDTH = 480;
9
- var MIN_LEFT_COLUMN_WIDTH = 238;
9
+ var MIN_LEFT_COLUMN_WIDTH = 248;
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/themes/magic-admin.css CHANGED
@@ -2755,7 +2755,45 @@ fieldset.m-fieldset .m-form-tip {
2755
2755
  opacity: 0;
2756
2756
  }
2757
2757
 
2758
- .m-editor.m-editor--magic-admin .m-editor-props-panel .el-input__wrapper {
2758
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header {
2759
+ padding: 8px 0;
2760
+ width: 48px;
2761
+ display: flex;
2762
+ flex-direction: column;
2763
+ align-items: center;
2764
+ }
2765
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item {
2766
+ display: flex;
2767
+ flex-direction: column;
2768
+ align-items: center;
2769
+ padding: 8px 0;
2770
+ width: 40px;
2771
+ margin-bottom: 4px;
2772
+ background-color: transparent;
2773
+ }
2774
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item:hover {
2775
+ background-color: rgba(0, 0, 0, 0.1);
2776
+ }
2777
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item > i {
2778
+ color: #ffffff;
2779
+ }
2780
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active {
2781
+ background-color: #fff;
2782
+ border-radius: 4px;
2783
+ color: var(--el-color-primary);
2784
+ }
2785
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active:hover {
2786
+ background-color: #fff;
2787
+ }
2788
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active > i {
2789
+ color: var(--el-color-primary);
2790
+ }
2791
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item .magic-editor-tab-panel-title {
2792
+ font-size: 10px;
2793
+ line-height: 14px;
2794
+ font-weight: 600;
2795
+ }
2796
+ .m-editor.m-editor--magic-admin .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item .m-editor-props-panel .el-input__wrapper {
2759
2797
  border-radius: 4px;
2760
2798
  }
2761
2799
  .m-editor.m-editor--magic-admin .border-box-container .border-icon-container .border-icon {
package/dist/tmagic-editor.umd.cjs CHANGED
@@ -8182,7 +8182,7 @@
8182
8182
  var PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
8183
8183
  var DEFAULT_LEFT_COLUMN_WIDTH = 310;
8184
8184
  var DEFAULT_RIGHT_COLUMN_WIDTH = 480;
8185
- var MIN_LEFT_COLUMN_WIDTH = 238;
8185
+ var MIN_LEFT_COLUMN_WIDTH = 248;
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";
@@ -10426,7 +10426,7 @@
10426
10426
  "right-class": "m-editor-framework-right",
10427
10427
  left: __props.hideSidebar ? void 0 : columnWidth.value.left,
10428
10428
  right: columnWidth.value.right,
10429
- "min-left": __props.hideSidebar ? 0 : (0, vue.unref)(238),
10429
+ "min-left": __props.hideSidebar ? 0 : (0, vue.unref)(248),
10430
10430
  "min-right": (0, vue.unref)(300),
10431
10431
  "min-center": (0, vue.unref)(400),
10432
10432
  width: frameworkRect.value.width,
@@ -15794,7 +15794,7 @@
15794
15794
  [SideItemKey.COMPONENT_LIST]: {
15795
15795
  $key: SideItemKey.COMPONENT_LIST,
15796
15796
  type: "component",
15797
- icon: _element_plus_icons_vue.Goods,
15797
+ icon: _element_plus_icons_vue.Box,
15798
15798
  text: "组件",
15799
15799
  component: ComponentListPanel_default,
15800
15800
  slots: {}
@@ -15802,7 +15802,7 @@
15802
15802
  layer: {
15803
15803
  $key: SideItemKey.LAYER,
15804
15804
  type: "component",
15805
- icon: _element_plus_icons_vue.List,
15805
+ icon: _element_plus_icons_vue.Finished,
15806
15806
  text: "已选组件",
15807
15807
  props: {
15808
15808
  layerContentMenu: props.layerContentMenu,
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.8.0-manmanyu.17",
2
+ "version": "1.8.0-manmanyu.18",
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/form": "1.8.0-manmanyu.17",
62
- "@tmagic/table": "1.8.0-manmanyu.17",
63
- "@tmagic/design": "1.8.0-manmanyu.17",
64
- "@tmagic/utils": "1.8.0-manmanyu.17",
65
- "@tmagic/stage": "1.8.0-manmanyu.17"
61
+ "@tmagic/stage": "1.8.0-manmanyu.18",
62
+ "@tmagic/form": "1.8.0-manmanyu.18",
63
+ "@tmagic/utils": "1.8.0-manmanyu.18",
64
+ "@tmagic/table": "1.8.0-manmanyu.18",
65
+ "@tmagic/design": "1.8.0-manmanyu.18"
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.17"
79
+ "@tmagic/core": "1.8.0-manmanyu.18"
80
80
  },
81
81
  "peerDependenciesMeta": {
82
82
  "typescript": {
package/src/layouts/sidebar/Sidebar.vue CHANGED
@@ -154,7 +154,7 @@
154
154
 
155
155
  <script setup lang="ts">
156
156
  import { computed, nextTick, ref, watch } from 'vue';
157
- import { Close, Coin, EditPen, Goods, List } from '@element-plus/icons-vue';
157
+ import { Box, Close, Coin, EditPen, Finished } from '@element-plus/icons-vue';
158
158
 
159
159
  import FloatingBox from '@editor/components/FloatingBox.vue';
160
160
  import MIcon from '@editor/components/Icon.vue';
@@ -251,7 +251,7 @@ const getItemConfig = (data: SideItem): SideComponent => {
251
251
  [SideItemKey.COMPONENT_LIST]: {
252
252
  $key: SideItemKey.COMPONENT_LIST,
253
253
  type: 'component',
254
- icon: Goods,
254
+ icon: Box,
255
255
  text: '组件',
256
256
  component: ComponentListPanel,
257
257
  slots: {},
@@ -259,7 +259,7 @@ const getItemConfig = (data: SideItem): SideComponent => {
259
259
  layer: {
260
260
  $key: SideItemKey.LAYER,
261
261
  type: 'component',
262
- icon: List,
262
+ icon: Finished,
263
263
  text: '已选组件',
264
264
  props: {
265
265
  layerContentMenu: props.layerContentMenu,
package/src/theme/themes/magic-admin/index.scss CHANGED
@@ -17,6 +17,48 @@
17
17
  // 仅作用于编辑器内部 DOM 的具体样式仍保留「双类」，避免误中 portal 上只挂 `m-theme--*`
18
18
  // 的节点。
19
19
  .m-editor.m-editor--magic-admin {
20
+ .m-editor-sidebar {
21
+ .m-editor-sidebar-header {
22
+ padding: 8px 0;
23
+ width: 48px;
24
+ display: flex;
25
+ flex-direction: column;
26
+ align-items: center;
27
+ .m-editor-sidebar-header-item {
28
+ display: flex;
29
+ flex-direction: column;
30
+ align-items: center;
31
+ padding: 8px 0;
32
+ width: 40px;
33
+ margin-bottom: 4px;
34
+ background-color: transparent;
35
+ &:hover {
36
+ background-color: rgba(0, 0, 0, 0.1);
37
+ }
38
+ > i {
39
+ color: #ffffff;
40
+ }
41
+ &.is-active {
42
+ background-color: #fff;
43
+ border-radius: 4px;
44
+ color: var(--el-color-primary);
45
+ &:hover {
46
+ background-color: #fff;
47
+ }
48
+ > i {
49
+ color: var(--el-color-primary);
50
+ }
51
+ }
52
+ .magic-editor-tab-panel-title {
53
+ font-size: 10px;
54
+ line-height: 14px;
55
+ font-weight: 600;
56
+ }
57
+ }
58
+ }
59
+ }
60
+ .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item
61
+
20
62
  // 属性面板内的 input 圆角覆写：
21
63
  // - 原默认主题里 `.m-editor-props-panel .el-input__wrapper { border-radius: 0; }`
22
64
  // specificity 为 (0, 2, 0)，已迁出（见 ../../props-panel.scss）；
package/src/utils/const.ts CHANGED
@@ -8,8 +8,8 @@ export const PROPS_PANEL_WIDTH_STORAGE_KEY = '$MagicEditorPropsPanelWidthData';
8
8
  export const DEFAULT_LEFT_COLUMN_WIDTH = 310;
9
9
  export const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
10
10
 
11
- // 2026-06-11 设计稿修改，固定左侧栏存在时最小宽度为238px
12
- export const MIN_LEFT_COLUMN_WIDTH = 238;
11
+ // 2026-06-11 设计稿修改，固定左侧栏存在时最小宽度为246px
12
+ export const MIN_LEFT_COLUMN_WIDTH = 248;
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
@@ -3279,7 +3279,7 @@ declare const RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData
3279
3279
  declare const PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
3280
3280
  declare const DEFAULT_LEFT_COLUMN_WIDTH = 310;
3281
3281
  declare const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
3282
- declare const MIN_LEFT_COLUMN_WIDTH = 238;
3282
+ declare const MIN_LEFT_COLUMN_WIDTH = 248;
3283
3283
  declare const MIN_CENTER_COLUMN_WIDTH = 400;
3284
3284
  declare const MIN_RIGHT_COLUMN_WIDTH = 300;
3285
3285
  declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";