feat: 增加线条样式

JessYan0913 · Aug 25, 2023 · 0500e7b · 0500e7b
1 parent e55e9ee
commit 0500e7b
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 1 deletion.
diff --git a/main/src/assets/images/dotted-line-1.svg b/main/src/assets/images/dotted-line-1.svg
diff --git a/main/src/assets/images/dotted-line-2.svg b/main/src/assets/images/dotted-line-2.svg
diff --git a/main/src/form/types.ts b/main/src/form/types.ts
@@ -51,7 +51,7 @@ export interface RadioGroupConfig extends FormItem {
   type: 'RadioGroup';
   optionType?: 'text' | 'icon';
   options: {
-    value: string | number | boolean;
+    value: string | number | boolean | Array<string | number | boolean>;
     label: string;
     class?: string;
   }[];

diff --git a/main/src/panels/line-panel.ts b/main/src/panels/line-panel.ts
@@ -45,6 +45,26 @@ export const linePanelConfig: PanelConfig = {
         },
       ],
     },
+    {
+      name: 'dash',
+      label: '边框样式',
+      type: 'RadioGroup',
+      optionType: 'icon',
+      options: [
+        {
+          label: 'line-1',
+          value: [],
+        },
+        {
+          label: 'dotted-line-2',
+          value: [10, 8],
+        },
+        {
+          label: 'dotted-line-1',
+          value: [6, 4],
+        },
+      ],
+    },
     {
       name: 'opacity',
       label: '透明度',
@@ -56,6 +76,7 @@ export const linePanelConfig: PanelConfig = {
     strokeWidth: 2,
     opacity: 1,
     tension: 0.4,
+    dash: [],
   },
 };
 

diff --git a/packages/core/src/polyfill/index.ts b/packages/core/src/polyfill/index.ts
@@ -23,6 +23,7 @@ Konva.Rect.prototype.toObject = function (): any {
     attrs: {
       ...object.attrs,
       strokeWidth: this.strokeWidth(),
+      dash: this.dash(),
     },
   };
 };
@@ -34,6 +35,7 @@ Konva.Ellipse.prototype.toObject = function (): any {
     attrs: {
       ...object.attrs,
       strokeWidth: this.strokeWidth(),
+      dash: this.dash(),
     },
   };
 };
@@ -45,6 +47,7 @@ Konva.RegularPolygon.prototype.toObject = function (): any {
     attrs: {
       ...object.attrs,
       strokeWidth: this.strokeWidth(),
+      dash: this.dash(),
     },
   };
 };
@@ -56,6 +59,7 @@ Konva.Line.prototype.toObject = function (): any {
     attrs: {
       ...object.attrs,
       strokeWidth: this.strokeWidth(),
+      dash: this.dash(),
     },
   };
 };