Typography 支持原地编辑

packages/demo/public/assets.json

@@ -253,10 +253,10 @@
           "propType": "any"
         }
       ],"configure": {
-      "component": {
-        "isContainer": true,
-        "isModel": true
-      }
+        "component": {
+          "isContainer": true,
+          "isModel": true
+        }
     }
     },
     {
@@ -1353,6 +1353,11 @@
           "name": "rtl",
           "propType": "bool"
         },
+        {
+          "name": "children",
+          "description": "内容",
+          "propType": "string"
+        },
         {
           "name": "link",
           "propType": "string",
@@ -1373,11 +1378,6 @@
           "name": "className",
           "propType": "any"
         },
-        {
-          "name": "children",
-          "description": "内容",
-          "propType": "array"
-        },
         {
           "name": "style",
           "propType": "object"
@@ -11615,8 +11615,19 @@
         {
           "name": "style",
           "propType": "object"
+        },
+        {
+          "name": "children",
+          "title": "内容",
+          "propType": "string"
         }
-      ]
+      ],
+      "configure": {
+        "component": {
+          "isContainer": true,
+          "isModel": true
+        }
+      }
     },
     {
       "componentName": "Paragraph",
@@ -11661,8 +11672,8 @@
       ]
     },
     {
-      "componentName": "Text",
-      "title": "Text",
+      "componentName": "Typography.Text",
+      "title": "Typography.Text",
       "docUrl": "",
       "screenshot": "",
       "npm": {
@@ -11720,10 +11731,7 @@
         },
         {
           "name": "children",
-          "propType": {
-            "type": "instanceOf",
-            "value": "node"
-          }
+          "propType": "string"
         },
         {
           "name": "rtl",
@@ -11734,7 +11742,12 @@
           "name": "style",
           "propType": "object"
         }
-      ]
+      ],
+      "configure": {
+        "component": {
+          "isContainer": true
+        }
+      }
     },
     {
       "componentName": "Upload",
@@ -13442,7 +13455,10 @@
               "screenshot": "",
               "schema": {
                 "componentName": "Typography",
-                "props": {}
+                "props": {
+                  "component": "span",
+                  "children": "基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台"
+                }
               }
             }
           ]
@@ -13487,9 +13503,7 @@
                 "componentName": "Breadcrumb.Item",
                 "props": {
                   "prefix": "next-",
-                  "children": [
-                    "一级"
-                  ]
+                  "children": "一级"
                 }
               }
             }

packages/editor-preset-general/src/live-editing.ts

@@ -30,7 +30,7 @@ export function liveEditingRule(target: EditingTarget) {
   }
 
   const innerText = targetElement.innerText;
-  const propTarget = ['title', 'label', 'text', 'content'].find(prop => {
+  const propTarget = ['title', 'label', 'text', 'content', 'children'].find(prop => {
     return equalText(getText(node, prop), innerText);
   });