chore(formeidtor): 表单演示编辑支持生成预览链接

Author: lljj-x

packages/demo/src/index/views/Demo/index.vue

@@ -186,8 +186,40 @@
             handleCancel() {
                 console.log('Cancel');
             },
+            clipboard(value) {
+                if (document.execCommand) {
+                    const input = document.createElement('input');
+                    document.body.appendChild(input);
+                    input.setAttribute('value', value);
+                    input.select();
+
+                    document.execCommand('copy');
+                    document.body.removeChild(input);
+
+                    return true;
+                }
+
+                this.$message.info(value);
+                return false;
+            },
             handleSubmit() {
                 console.log('Submit');
+                if (this.$route.query.type === 'Test') {
+                    const genRoute = this.$router.resolve({
+                        query: {
+                            type: 'Test',
+                            schema: this.curSchemaCode,
+                            formData: this.curFormDataCode,
+                            uiSchema: this.curUiSchemaCode,
+                            errSchema: this.curErrorSchemaCode,
+                        }
+                    });
+                    const url = `${window.location.origin}${window.location.pathname}${genRoute.href}`;
+
+                    if (this.clipboard(url)) {
+                        this.$message.success('复制预览地址成功');
+                    }
+                }
             }
         }
     };

packages/demo/src/index/views/Demo/schemaTypes/93.Test/index.js

@@ -0,0 +1,13 @@
+/**
+ * Created by Liu.Jun on 2020/7/22 11:07 下午.
+ */
+
+export default {
+    schema: {
+        title: '测试专用页',
+        type: 'object',
+        description: '请输入你的Schema',
+        properties: {
+        }
+    }
+};