feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/workflow/fabric-canvas/src/utils/default-props.tsx

@@ -0,0 +1,91 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import {
+  ImageFixedType,
+  Mode,
+  TextAlign,
+  type FabricObjectSchema,
+} from '../typings';
+
+/**
+ * 选中态边框及控制点样式
+ */
+export const selectedBorderProps = {
+  borderColor: '#4D53E8',
+  borderWidth: 2,
+  cornerStyle: 'circle',
+  cornerColor: '#ffffff',
+  cornerStrokeColor: '#4D53E8',
+  transparentCorners: false,
+  borderOpacityWhenMoving: 0.8,
+};
+
+const defaultFontSize = 24;
+const textProps = {
+  fontSize: defaultFontSize,
+  fontFamily: '常规体-思源黑体',
+  fill: '#000000ff',
+  stroke: '#000000ff',
+  strokeWidth: 0,
+  textAlign: TextAlign.LEFT,
+  lineHeight: 1.2,
+};
+
+const shapeProps = {
+  fill: '#ccccccff',
+  stroke: '#000000ff',
+  strokeWidth: 0,
+  width: 200,
+  height: 200,
+};
+
+export const defaultProps: Record<Mode, Partial<FabricObjectSchema>> = {
+  [Mode.INLINE_TEXT]: textProps,
+  [Mode.BLOCK_TEXT]: {
+    ...textProps,
+    width: 200,
+    height: 200,
+    padding: defaultFontSize / 2,
+    // 必须拆分（true），否则中文不会换行。splitByGrapheme:true 约等于 wordBreak: break-all
+    splitByGrapheme: true,
+  },
+  [Mode.RECT]: shapeProps,
+  [Mode.CIRCLE]: {
+    ...shapeProps,
+    rx: shapeProps.width / 2,
+    ry: shapeProps.height / 2,
+  },
+  [Mode.TRIANGLE]: shapeProps,
+  [Mode.STRAIGHT_LINE]: {
+    strokeWidth: 1,
+    stroke: '#ccccccff',
+    strokeLineCap: 'round',
+  },
+  [Mode.PENCIL]: {
+    strokeWidth: 1,
+    stroke: '#000000ff',
+  },
+  [Mode.IMAGE]: {
+    customFixedType: ImageFixedType.FILL,
+    stroke: '#000000ff',
+    strokeWidth: 0,
+    width: 400,
+    height: 400,
+    opacity: 1,
+  },
+  [Mode.GROUP]: {},
+};