v1.0.0-rc.1

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "npmClient": "npm",
   "packages": [
     "packages/*",

packages/core/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/core",
   "sideEffects": [
     "dist/*"
@@ -33,7 +33,7 @@
     "vue"
   ],
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
     "events": "^3.3.0"
   },
   "devDependencies": {

packages/editor/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/editor",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/editor/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/editor",
   "sideEffects": [
     "dist/*",
@@ -44,11 +44,11 @@
   ],
   "dependencies": {
     "@element-plus/icons": "0.0.11",
-    "@tmagic/core": "^1.0.0-beta.16",
+    "@tmagic/core": "^1.0.0-rc.1",
-    "@tmagic/form": "^1.0.0-beta.16",
+    "@tmagic/form": "^1.0.0-rc.1",
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/stage": "^1.0.0-beta.16",
+    "@tmagic/stage": "^1.0.0-rc.1",
-    "@tmagic/utils": "^1.0.0-beta.16",
+    "@tmagic/utils": "^1.0.0-rc.1",
     "buffer": "^6.0.3",
     "color": "^3.1.3",
     "element-plus": "^2.2.0",

packages/editor/src/layouts/PropsPanel.vue

@@ -1,9 +1,9 @@
 <template>
   <m-form
-    class="m-editor-props-panel"
+    :class="`m-editor-props-panel ${propsPanelSize}`"
     popper-class="m-editor-props-panel-popper"
     ref="configForm"
-    size="small"
+    :size="propsPanelSize"
     :init-values="values"
     :config="curFormConfig"
     @change="submit"
@@ -55,6 +55,7 @@ export default defineComponent({
       values,
       configForm,
       curFormConfig,
+      propsPanelSize: computed(() => services?.uiService.get('propsPanelSize') || 'small'),
 
       async submit() {
         try {

packages/editor/src/services/ui.ts

@@ -28,6 +28,14 @@ import BaseService from './BaseService';
 const DEFAULT_LEFT_COLUMN_WIDTH = 310;
 const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
 
+const COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorColumnWidthData';
+
+const defaultColumnWidth = {
+  left: DEFAULT_LEFT_COLUMN_WIDTH,
+  center: globalThis.document.body.clientWidth - DEFAULT_LEFT_COLUMN_WIDTH - DEFAULT_RIGHT_COLUMN_WIDTH,
+  right: DEFAULT_RIGHT_COLUMN_WIDTH,
+};
+
 const state = reactive<UiState>({
   uiSelectMode: false,
   showSrc: false,
@@ -40,13 +48,10 @@ const state = reactive<UiState>({
     width: 375,
     height: 817,
   },
-  columnWidth: {
+  columnWidth: defaultColumnWidth,
-    left: DEFAULT_LEFT_COLUMN_WIDTH,
-    center: globalThis.document.body.clientWidth - DEFAULT_LEFT_COLUMN_WIDTH - DEFAULT_RIGHT_COLUMN_WIDTH,
-    right: DEFAULT_RIGHT_COLUMN_WIDTH,
-  },
   showGuides: true,
   showRule: true,
+  propsPanelSize: 'small',
 });
 
 class Ui extends BaseService {
@@ -57,6 +62,16 @@ class Ui extends BaseService {
         center: 'auto',
       });
     });
+
+    const columnWidthCacheData = globalThis.localStorage.getItem(COLUMN_WIDTH_STORAGE_KEY);
+    if (columnWidthCacheData) {
+      try {
+        const columnWidthCache = JSON.parse(columnWidthCacheData);
+        this.setColumnWidth(columnWidthCache);
+      } catch (e) {
+        console.error(e);
+      }
+    }
   }
 
   public set<T = any>(name: keyof UiState, value: T) {
@@ -112,10 +127,17 @@ class Ui extends BaseService {
     if (!center || center === 'auto') {
       const bodyWidth = globalThis.document.body.clientWidth;
       columnWidth.center = bodyWidth - (columnWidth?.left || 0) - (columnWidth?.right || 0);
+      if (columnWidth.center <= 0) {
+        columnWidth.left = defaultColumnWidth.left;
+        columnWidth.center = defaultColumnWidth.center;
+        columnWidth.right = defaultColumnWidth.right;
+      }
     } else {
       columnWidth.center = center;
     }
 
+    globalThis.localStorage.setItem(COLUMN_WIDTH_STORAGE_KEY, JSON.stringify(columnWidth));
+
     state.columnWidth = columnWidth;
   }
 

packages/editor/src/theme/props-panel.scss

@@ -1,18 +1,20 @@
 .m-editor-props-panel {
   padding: 0 10px;
 
-  .el-form-item__label {
+  &.small {
-    font-size: 12px;
+    .el-form-item__label {
-  }
-
-  .m-fieldset {
-    legend {
       font-size: 12px;
     }
-  }
 
-  .el-tabs__item {
+    .m-fieldset {
-    font-size: 12px;
+      legend {
+        font-size: 12px;
+      }
+    }
+
+    .el-tabs__item {
+      font-size: 12px;
+    }
   }
 
   .el-input__wrapper {

packages/editor/src/type.ts

@@ -99,6 +99,8 @@ export interface UiState {
   showGuides: boolean;
   /** 是否显示标尺，true: 显示，false: 不显示，默认为true */
   showRule: boolean;
+  /** 用于控制该属性配置表单内组件的尺寸 */
+  propsPanelSize: 'large' | 'default' | 'small';
 }
 
 export interface EditorNodeInfo {

packages/form/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/form",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/form/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/form",
   "sideEffects": [
     "dist/*",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@element-plus/icons": "0.0.11",
-    "@tmagic/utils": "^1.0.0-beta.16",
+    "@tmagic/utils": "^1.0.0-rc.1",
     "element-plus": "^2.2.0",
     "lodash-es": "^4.17.21",
     "moment": "^2.29.2",

packages/form/src/fields/Select.vue

@@ -345,6 +345,8 @@ export default defineComponent({
       moreLoadingVisible,
       popperClass: mForm?.popperClass,
 
+      getOptions,
+
       getRequestFuc() {
         return getConfig('request');
       },
@@ -366,11 +368,6 @@ export default defineComponent({
         }
       },
 
-      async editAfterAction() {
-        pgIndex.value = 0;
-        options.value = await getOptions();
-      },
-
       async remoteMethod(q: string) {
         if (!localOptions.value.length) {
           query.value = q;

packages/schema/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/schema",
   "sideEffects": false,
   "main": "dist/tmagic-schema.umd.js",

packages/stage/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/stage",
   "sideEffects": [
     "dist/*"
@@ -27,8 +27,8 @@
   },
   "dependencies": {
     "@scena/guides": "^0.17.0",
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/utils": "^1.0.0-beta.16",
+    "@tmagic/utils": "^1.0.0-rc.1",
     "events": "^3.3.0",
     "lodash-es": "^4.17.21",
     "moveable": "^0.29.4",

packages/table/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/table",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/table/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/table",
   "sideEffects": [
     "dist/*"
@@ -30,7 +30,7 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/form": "^1.0.0-beta.16",
+    "@tmagic/form": "^1.0.0-rc.1",
     "element-plus": "^2.2.0",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.0"

packages/ui-react/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/ui-react",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/ui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmagic/ui-react",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "main": "src/index.ts",
   "engines": {
     "node": ">=14"
@@ -13,7 +13,7 @@
     "react:build": "tsc && vite build"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

packages/ui-vue2/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/ui-vue2",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/ui-vue2/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/ui-vue2",
   "main": "src/index.ts",
   "scripts": {

packages/ui/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmagic/ui",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

packages/ui/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/ui",
   "main": "src/index.ts",
   "engines": {
@@ -11,7 +11,7 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
     "delegate": "^3.2.0",
     "tiny-emitter": "^2.1.0",
     "vue": "^3.2.0"

packages/utils/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "name": "@tmagic/utils",
   "main": "dist/tmagic-utils.umd.js",
   "module": "dist/tmagic-utils.es.js",
@@ -24,7 +24,7 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
     "moment": "^2.29.2"
   },
   "devDependencies": {

packages/utils/vite.config.ts

@@ -19,6 +19,10 @@
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 
+import pkg from './package.json';
+
+const deps = Object.keys(pkg.dependencies);
+
 export default defineConfig({
   plugins: [
     dts({
@@ -41,5 +45,12 @@ export default defineConfig({
       name: 'TMagicUtils',
       fileName: 'tmagic-utils',
     },
+
+    rollupOptions: {
+      // 确保外部化处理那些你不想打包进库的依赖
+      external(id: string) {
+        return deps.some((k) => new RegExp(`^${k}`).test(id));
+      },
+    },
   },
 });

playground/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "tmagic-playground",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmagic-playground",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "private": true,
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
   },
   "dependencies": {
     "@element-plus/icons": "0.0.11",
-    "@tmagic/editor": "^1.0.0-beta.16",
+    "@tmagic/editor": "^1.0.0-rc.1",
-    "@tmagic/form": "^1.0.0-beta.16",
+    "@tmagic/form": "^1.0.0-rc.1",
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/stage": "^1.0.0-beta.16",
+    "@tmagic/stage": "^1.0.0-rc.1",
-    "@tmagic/utils": "^1.0.0-beta.16",
+    "@tmagic/utils": "^1.0.0-rc.1",
     "element-plus": "^2.2.0",
     "serialize-javascript": "^6.0.0",
     "vue": "^3.2.0",

runtime/react/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "runtime-react",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

runtime/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "runtime-react",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "private": true,
   "scripts": {
     "dev": "npm run build && npm run serve",
@@ -9,8 +9,8 @@
     "serve": "vite preview --port 8076"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/stage": "^1.0.0-beta.16",
+    "@tmagic/stage": "^1.0.0-rc.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },

runtime/vue2/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "runtime-vue2",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

runtime/vue2/package.json

@@ -1,6 +1,6 @@
 {
   "name": "runtime-vue2",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "private": true,
   "scripts": {
     "dev": "npm run build && npm run serve",
@@ -9,8 +9,8 @@
     "serve": "vite preview --port 8077"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/stage": "^1.0.0-beta.16",
+    "@tmagic/stage": "^1.0.0-rc.1",
     "@vue/composition-api": "1.0.5",
     "vue": "^2.6.14"
   },

runtime/vue3/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "runtime-vue3",
-	"version": "1.0.0-beta.16",
+	"version": "1.0.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

runtime/vue3/package.json

@@ -1,6 +1,6 @@
 {
   "name": "runtime-vue3",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-rc.1",
   "private": true,
   "scripts": {
     "dev": "npm run build && npm run serve",
@@ -9,8 +9,8 @@
     "serve": "vite preview --port 8078"
   },
   "dependencies": {
-    "@tmagic/schema": "^1.0.0-beta.16",
+    "@tmagic/schema": "^1.0.0-rc.1",
-    "@tmagic/stage": "^1.0.0-beta.16",
+    "@tmagic/stage": "^1.0.0-rc.1",
     "axios": "^0.25.0",
     "vue": "^3.2.0"
   },