From ea0c0dce72aec67ca8b48174f153d04e66b17072 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 17 十一月 2022 20:53:19 +0800
Subject: [PATCH] #

---
 src/main/webapp/static/layui/lay/modules/staticField.js                |   60 +-
 src/main/webapp/static/layui/lay/modules/formDesigner/jsformat.js      |  568 +++++++++++++++++++++++++++++++
 src/main/webapp/views/planType/planType.html                           |   23 
 src/main/webapp/static/layui/lay/modules/formDesigner/formDesigner.css |   14 
 src/main/webapp/static/layui/lay/modules/formDesigner/htmlformat.js    |  409 ++++++++++++++++++++++
 5 files changed, 1,027 insertions(+), 47 deletions(-)

diff --git a/src/main/webapp/static/layui/lay/modules/formDesigner/formDesigner.css b/src/main/webapp/static/layui/lay/modules/formDesigner/formDesigner.css
index ba1916c..508252d 100644
--- a/src/main/webapp/static/layui/lay/modules/formDesigner/formDesigner.css
+++ b/src/main/webapp/static/layui/lay/modules/formDesigner/formDesigner.css
@@ -4,24 +4,25 @@
 }
 
 .layui-side-right {
-    position  : fixed;
+    position  : absolute;
     right     : 0;
     top       : 0;
     bottom    : 0;
     z-index   : 999;
-    width     : 350px;
+    width     : 330px;
     overflow-x: hidden
 }
 
 .layui-layout-admin .layui-side {
-    top       : 60px;
+    top       : 0px;
     width     : 260px;
     overflow-x: hidden
 }
 
 .layui-layout-admin .layui-side-right {
-    top       : 60px;
-    width     : 350px;
+    top       : 0px;
+    right: 10px;
+    width     : 330px;
     overflow-x: hidden
 }
 
@@ -42,6 +43,9 @@
 
 .layui-layout-admin .layui-body {
     bottom: 0;
+    top: 0;
+    left: 260px;
+    padding-bottom: 0;
 }
 
 /* components-list*/
diff --git a/src/main/webapp/static/layui/lay/modules/formDesigner/htmlformat.js b/src/main/webapp/static/layui/lay/modules/formDesigner/htmlformat.js
new file mode 100644
index 0000000..1f5ebf1
--- /dev/null
+++ b/src/main/webapp/static/layui/lay/modules/formDesigner/htmlformat.js
@@ -0,0 +1,409 @@
+function style_html(html_source, indent_size, indent_character, max_char) {
+    //Wrapper function to invoke all the necessary constructors and deal with the output.
+      
+      var Parser, multi_parser;
+      
+      function Parser() {
+        
+        this.pos = 0; //Parser position
+        this.token = '';
+        this.current_mode = 'CONTENT'; //reflects the current Parser mode: TAG/CONTENT
+        this.tags = { //An object to hold tags, their position, and their parent-tags, initiated with default values
+          parent: 'parent1',
+          parentcount: 1,
+          parent1: ''
+        };
+        this.tag_type = '';
+        this.token_text = this.last_token = this.last_text = this.token_type = '';
+    
+        
+        this.Utils = { //Uilities made available to the various functions
+          whitespace: "\n\r\t ".split(''),
+          single_token: 'br,input,link,meta,!doctype,basefont,base,area,hr,wbr,param,img,isindex,?xml,embed'.split(','), //all the single tags for HTML
+          extra_liners: 'head,body,/html'.split(','), //for tags that need a line of whitespace before them
+          in_array: function (what, arr) {
+            for (var i=0; i<arr.length; i++) {
+              if (what === arr[i]) {
+                return true;
+              }
+            }
+            return false;
+          }
+        }
+        
+        this.get_content = function () { //function to capture regular content between tags
+          
+          var char = '';
+          var content = [];
+          var space = false; //if a space is needed
+          while (this.input.charAt(this.pos) !== '<') {
+            if (this.pos >= this.input.length) {
+              return content.length?content.join(''):['', 'TK_EOF'];
+            }
+            
+            char = this.input.charAt(this.pos);
+            this.pos++;
+            this.line_char_count++;
+            
+            
+            if (this.Utils.in_array(char, this.Utils.whitespace)) {
+              if (content.length) {
+                space = true;
+              }
+              this.line_char_count--;
+              continue; //don't want to insert unnecessary space
+            }
+            else if (space) {
+              if (this.line_char_count >= this.max_char) { //insert a line when the max_char is reached
+                content.push('\n');
+                for (var i=0; i<this.indent_level; i++) {
+                  content.push(this.indent_string);
+                }
+                this.line_char_count = 0;
+              }
+              else{
+                content.push(' ');
+                this.line_char_count++;
+              }
+              space = false;
+            }
+            content.push(char); //letter at-a-time (or string) inserted to an array
+          }
+          return content.length?content.join(''):'';
+        }
+         
+        this.get_script = function () { //get the full content of a script to pass to js_beautify
+          
+          var char = '';
+          var content = [];
+          var reg_match = new RegExp('\<\/script' + '\>', 'igm');
+          reg_match.lastIndex = this.pos;
+          var reg_array = reg_match.exec(this.input);
+          var end_script = reg_array?reg_array.index:this.input.length; //absolute end of script
+          while(this.pos < end_script) { //get everything in between the script tags
+            if (this.pos >= this.input.length) {
+              return content.length?content.join(''):['', 'TK_EOF'];
+            }
+            
+            char = this.input.charAt(this.pos);
+            this.pos++;
+            
+            
+            content.push(char);
+          }
+          return content.length?content.join(''):''; //we might not have any content at all
+        }
+        
+        this.record_tag = function (tag){ //function to record a tag and its parent in this.tags Object
+          if (this.tags[tag + 'count']) { //check for the existence of this tag type
+            this.tags[tag + 'count']++;
+            this.tags[tag + this.tags[tag + 'count']] = this.indent_level; //and record the present indent level
+          }
+          else { //otherwise initialize this tag type
+            this.tags[tag + 'count'] = 1;
+            this.tags[tag + this.tags[tag + 'count']] = this.indent_level; //and record the present indent level
+          }
+          this.tags[tag + this.tags[tag + 'count'] + 'parent'] = this.tags.parent; //set the parent (i.e. in the case of a div this.tags.div1parent)
+          this.tags.parent = tag + this.tags[tag + 'count']; //and make this the current parent (i.e. in the case of a div 'div1')
+        }
+        
+        this.retrieve_tag = function (tag) { //function to retrieve the opening tag to the corresponding closer
+          if (this.tags[tag + 'count']) { //if the openener is not in the Object we ignore it
+            var temp_parent = this.tags.parent; //check to see if it's a closable tag.
+            while (temp_parent) { //till we reach '' (the initial value);
+              if (tag + this.tags[tag + 'count'] === temp_parent) { //if this is it use it
+                break;
+              }
+              temp_parent = this.tags[temp_parent + 'parent']; //otherwise keep on climbing up the DOM Tree
+            }
+            if (temp_parent) { //if we caught something
+              this.indent_level = this.tags[tag + this.tags[tag + 'count']]; //set the indent_level accordingly
+              this.tags.parent = this.tags[temp_parent + 'parent']; //and set the current parent
+            }
+            delete this.tags[tag + this.tags[tag + 'count'] + 'parent']; //delete the closed tags parent reference...
+            delete this.tags[tag + this.tags[tag + 'count']]; //...and the tag itself
+            if (this.tags[tag + 'count'] == 1) {
+              delete this.tags[tag + 'count'];
+            }
+            else {
+              this.tags[tag + 'count']--;
+            }
+          }
+        }
+          
+        this.get_tag = function () { //function to get a full tag and parse its type
+          var char = '';
+          var content = [];
+          var space = false;
+    
+          do {
+            if (this.pos >= this.input.length) {
+              return content.length?content.join(''):['', 'TK_EOF'];
+            }
+            
+            char = this.input.charAt(this.pos);
+            this.pos++;
+            this.line_char_count++;
+            
+            if (this.Utils.in_array(char, this.Utils.whitespace)) { //don't want to insert unnecessary space
+              space = true;
+              this.line_char_count--;
+              continue;
+            }
+            
+            if (char === "'" || char === '"') {
+              if (!content[1] || content[1] !== '!') { //if we're in a comment strings don't get treated specially
+                char += this.get_unformatted(char);
+                space = true;
+              }
+            }
+            
+            if (char === '=') { //no space before =
+              space = false;
+            }
+            
+            if (content.length && content[content.length-1] !== '=' && char !== '>'
+                && space) { //no space after = or before >
+              if (this.line_char_count >= this.max_char) {
+                this.print_newline(false, content);
+                this.line_char_count = 0;
+              }
+              else {
+                content.push(' ');
+                this.line_char_count++;
+              }
+              space = false;
+            }
+            content.push(char); //inserts character at-a-time (or string)
+          } while (char !== '>');
+          
+          var tag_complete = content.join('');
+          var tag_index;
+          if (tag_complete.indexOf(' ') != -1) { //if there's whitespace, thats where the tag name ends
+            tag_index = tag_complete.indexOf(' ');
+          }
+          else { //otherwise go with the tag ending
+            tag_index = tag_complete.indexOf('>');
+          }
+          var tag_check = tag_complete.substring(1, tag_index).toLowerCase();
+          if (tag_complete.charAt(tag_complete.length-2) === '/' ||
+              this.Utils.in_array(tag_check, this.Utils.single_token)) { //if this tag name is a single tag type (either in the list or has a closing /)
+            this.tag_type = 'SINGLE';
+          }
+          else if (tag_check === 'script') { //for later script handling
+            this.record_tag(tag_check);
+            this.tag_type = 'SCRIPT';
+          }
+          else if (tag_check === 'style') { //for future style handling (for now it justs uses get_content)
+            this.record_tag(tag_check);
+            this.tag_type = 'STYLE';
+          }
+          else if (tag_check.charAt(0) === '!') { //peek for <!-- comment
+            if (tag_check.indexOf('[if') != -1) { //peek for <!--[if conditional comment
+              if (tag_complete.indexOf('!IE') != -1) { //this type needs a closing --> so...
+                var comment = this.get_unformatted('-->', tag_complete); //...delegate to get_unformatted
+                content.push(comment);
+              }
+              this.tag_type = 'START';
+            }
+            else if (tag_check.indexOf('[endif') != -1) {//peek for <!--[endif end conditional comment
+              this.tag_type = 'END';
+              this.unindent();
+            }
+            else if (tag_check.indexOf('[cdata[') != -1) { //if it's a <[cdata[ comment...
+              var comment = this.get_unformatted(']]>', tag_complete); //...delegate to get_unformatted function
+              content.push(comment);
+              this.tag_type = 'SINGLE'; //<![CDATA[ comments are treated like single tags
+            }
+            else {
+              var comment = this.get_unformatted('-->', tag_complete);
+              content.push(comment);
+              this.tag_type = 'SINGLE';
+            }
+          }
+          else {
+            if (tag_check.charAt(0) === '/') { //this tag is a double tag so check for tag-ending
+              this.retrieve_tag(tag_check.substring(1)); //remove it and all ancestors
+              this.tag_type = 'END';
+            }
+            else { //otherwise it's a start-tag
+              this.record_tag(tag_check); //push it on the tag stack
+              this.tag_type = 'START';
+            }
+            if (this.Utils.in_array(tag_check, this.Utils.extra_liners)) { //check if this double needs an extra line
+              this.print_newline(true, this.output);
+            }
+          }
+          return content.join(''); //returns fully formatted tag
+        }
+        
+        this.get_unformatted = function (delimiter, orig_tag) { //function to return unformatted content in its entirety
+          
+          if (orig_tag && orig_tag.indexOf(delimiter) != -1) {
+            return '';
+          }
+          var char = '';
+          var content = '';
+          var space = true;
+          do {
+            
+            
+            char = this.input.charAt(this.pos);
+            this.pos++
+            
+            if (this.Utils.in_array(char, this.Utils.whitespace)) {
+              if (!space) {
+                this.line_char_count--;
+                continue;
+              }
+              if (char === '\n' || char === '\r') {
+                content += '\n';
+                for (var i=0; i<this.indent_level; i++) {
+                  content += this.indent_string;
+                }
+                space = false; //...and make sure other indentation is erased
+                this.line_char_count = 0;
+                continue;
+              }
+            }
+            content += char;
+            this.line_char_count++;
+            space = true;
+            
+            
+          } while (content.indexOf(delimiter) == -1);
+          return content;
+        }
+        
+        this.get_token = function () { //initial handler for token-retrieval
+          var token;
+          
+          if (this.last_token === 'TK_TAG_SCRIPT') { //check if we need to format javascript
+            var temp_token = this.get_script();
+            if (typeof temp_token !== 'string') {
+              return temp_token;
+            }
+            token = js_beautify(temp_token, this.indent_size, this.indent_character, this.indent_level); //call the JS Beautifier
+            return [token, 'TK_CONTENT'];
+          }
+          if (this.current_mode === 'CONTENT') {
+            token = this.get_content();
+            if (typeof token !== 'string') {
+              return token;
+            }
+            else {
+              return [token, 'TK_CONTENT'];
+            }
+          }
+          
+          if(this.current_mode === 'TAG') {
+            token = this.get_tag();
+            if (typeof token !== 'string') {
+              return token;
+            }
+            else {
+              var tag_name_type = 'TK_TAG_' + this.tag_type;
+              return [token, tag_name_type];
+            }
+          }
+        }
+        
+        this.printer = function (js_source, indent_character, indent_size, max_char) { //handles input/output and some other printing functions
+          
+          this.input = js_source || ''; //gets the input for the Parser
+          this.output = [];
+          this.indent_character = indent_character || ' ';
+          this.indent_string = '';
+          this.indent_size = indent_size || 2;
+          this.indent_level = 0;
+          this.max_char = max_char || 70; //maximum amount of characters per line
+          this.line_char_count = 0; //count to see if max_char was exceeded
+          
+          for (var i=0; i<this.indent_size; i++) {
+            this.indent_string += this.indent_character;
+          }
+          
+          this.print_newline = function (ignore, arr) {
+            this.line_char_count = 0;
+            if (!arr || !arr.length) {
+              return;
+            }
+            if (!ignore) { //we might want the extra line
+              while (this.Utils.in_array(arr[arr.length-1], this.Utils.whitespace)) {
+                arr.pop();
+              }
+            }
+            arr.push('\n');
+            for (var i=0; i<this.indent_level; i++) {
+              arr.push(this.indent_string);
+            }
+          }
+          
+          
+          this.print_token = function (text) {
+            this.output.push(text);
+          }
+          
+          this.indent = function () {
+            this.indent_level++;
+          }
+          
+          this.unindent = function () {
+            if (this.indent_level > 0) {
+              this.indent_level--;
+            }
+          }
+        }
+        return this;
+      }
+      
+      /*_____________________--------------------_____________________*/
+      
+      
+      
+      multi_parser = new Parser(); //wrapping functions Parser
+      multi_parser.printer(html_source, indent_character, indent_size); //initialize starting values
+      
+      
+      
+      while (true) {
+          var t = multi_parser.get_token();
+          multi_parser.token_text = t[0];
+          multi_parser.token_type = t[1];
+        
+        if (multi_parser.token_type === 'TK_EOF') {
+          break;
+        }
+        
+    
+        switch (multi_parser.token_type) {
+          case 'TK_TAG_START': case 'TK_TAG_SCRIPT': case 'TK_TAG_STYLE':
+            multi_parser.print_newline(false, multi_parser.output);
+            multi_parser.print_token(multi_parser.token_text);
+            multi_parser.indent();
+            multi_parser.current_mode = 'CONTENT';
+            break;
+          case 'TK_TAG_END':
+            multi_parser.print_newline(true, multi_parser.output);
+            multi_parser.print_token(multi_parser.token_text);
+            multi_parser.current_mode = 'CONTENT';
+            break;
+          case 'TK_TAG_SINGLE':
+            multi_parser.print_newline(false, multi_parser.output);
+            multi_parser.print_token(multi_parser.token_text);
+            multi_parser.current_mode = 'CONTENT';
+            break;
+          case 'TK_CONTENT':
+            if (multi_parser.token_text !== '') {
+              multi_parser.print_newline(false, multi_parser.output);
+              multi_parser.print_token(multi_parser.token_text);
+            }
+            multi_parser.current_mode = 'TAG';
+            break;
+        }
+        multi_parser.last_token = multi_parser.token_type;
+        multi_parser.last_text = multi_parser.token_text;
+      }
+      return multi_parser.output.join('');
+    }
+    
\ No newline at end of file
diff --git a/src/main/webapp/static/layui/lay/modules/formDesigner/jsformat.js b/src/main/webapp/static/layui/lay/modules/formDesigner/jsformat.js
new file mode 100644
index 0000000..a2791d7
--- /dev/null
+++ b/src/main/webapp/static/layui/lay/modules/formDesigner/jsformat.js
@@ -0,0 +1,568 @@
+
+
+function js_beautify(js_source_text, indent_size, indent_character, indent_level)
+{
+
+    var input, output, token_text, last_type, last_text, last_word, current_mode, modes, indent_string;
+    var whitespace, wordchar, punct, parser_pos, line_starters, in_case;
+    var prefix, token_type, do_block_just_closed, var_line, var_line_tainted;
+
+
+
+    function trim_output()
+    {
+        while (output.length && (output[output.length - 1] === ' ' || output[output.length - 1] === indent_string)) {
+            output.pop();
+        }
+    }
+
+    function print_newline(ignore_repeated)
+    {
+        ignore_repeated = typeof ignore_repeated === 'undefined' ? true: ignore_repeated;
+        
+        trim_output();
+
+        if (!output.length) {
+            return; // no newline on start of file
+        }
+
+        if (output[output.length - 1] !== "\n" || !ignore_repeated) {
+            output.push("\n");
+        }
+        for (var i = 0; i < indent_level; i++) {
+            output.push(indent_string);
+        }
+    }
+
+
+
+    function print_space()
+    {
+        var last_output = output.length ? output[output.length - 1] : ' ';
+        if (last_output !== ' ' && last_output !== '\n' && last_output !== indent_string) { // prevent occassional duplicate space
+            output.push(' ');
+        }
+    }
+
+
+    function print_token()
+    {
+        output.push(token_text);
+    }
+
+    function indent()
+    {
+        indent_level++;
+    }
+
+
+    function unindent()
+    {
+        if (indent_level) {
+            indent_level--;
+        }
+    }
+
+
+    function remove_indent()
+    {
+        if (output.length && output[output.length - 1] === indent_string) {
+            output.pop();
+        }
+    }
+
+
+    function set_mode(mode)
+    {
+        modes.push(current_mode);
+        current_mode = mode;
+    }
+
+
+    function restore_mode()
+    {
+        do_block_just_closed = current_mode === 'DO_BLOCK';
+        current_mode = modes.pop();
+    }
+
+
+    function in_array(what, arr)
+    {
+        for (var i = 0; i < arr.length; i++)
+        {
+            if (arr[i] === what) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+
+
+    function get_next_token()
+    {
+        var n_newlines = 0;
+        var c = '';
+
+        do {
+            if (parser_pos >= input.length) {
+                return ['', 'TK_EOF'];
+            }
+            c = input.charAt(parser_pos);
+
+            parser_pos += 1;
+            if (c === "\n") {
+                n_newlines += 1;
+            }
+        }
+        while (in_array(c, whitespace));
+
+        if (n_newlines > 1) {
+            for (var i = 0; i < 2; i++) {
+                print_newline(i === 0);
+            }
+        }
+        var wanted_newline = (n_newlines === 1);
+
+
+        if (in_array(c, wordchar)) {
+            if (parser_pos < input.length) {
+                while (in_array(input.charAt(parser_pos), wordchar)) {
+                    c += input.charAt(parser_pos);
+                    parser_pos += 1;
+                    if (parser_pos === input.length) {
+                        break;
+                    }
+                }
+            }
+
+            // small and surprisingly unugly hack for 1E-10 representation
+            if (parser_pos !== input.length && c.match(/^[0-9]+[Ee]$/) && input.charAt(parser_pos) === '-') {
+                parser_pos += 1;
+
+                var t = get_next_token(parser_pos);
+                c += '-' + t[0];
+                return [c, 'TK_WORD'];
+            }
+
+            if (c === 'in') { // hack for 'in' operator
+                return [c, 'TK_OPERATOR'];
+            }
+            return [c, 'TK_WORD'];
+        }
+        
+        if (c === '(' || c === '[') {
+            return [c, 'TK_START_EXPR'];
+        }
+
+        if (c === ')' || c === ']') {
+            return [c, 'TK_END_EXPR'];
+        }
+
+        if (c === '{') {
+            return [c, 'TK_START_BLOCK'];
+        }
+
+        if (c === '}') {
+            return [c, 'TK_END_BLOCK'];
+        }
+
+        if (c === ';') {
+            return [c, 'TK_END_COMMAND'];
+        }
+
+        if (c === '/') {
+            var comment = '';
+            // peek for comment /* ... */
+            if (input.charAt(parser_pos) === '*') {
+                parser_pos += 1;
+                if (parser_pos < input.length) {
+                    while (! (input.charAt(parser_pos) === '*' && input.charAt(parser_pos + 1) && input.charAt(parser_pos + 1) === '/') && parser_pos < input.length) {
+                        comment += input.charAt(parser_pos);
+                        parser_pos += 1;
+                        if (parser_pos >= input.length) {
+                            break;
+                        }
+                    }
+                }
+                parser_pos += 2;
+                return ['/*' + comment + '*/', 'TK_BLOCK_COMMENT'];
+            }
+            // peek for comment // ...
+            if (input.charAt(parser_pos) === '/') {
+                comment = c;
+                while (input.charAt(parser_pos) !== "\x0d" && input.charAt(parser_pos) !== "\x0a") {
+                    comment += input.charAt(parser_pos);
+                    parser_pos += 1;
+                    if (parser_pos >= input.length) {
+                        break;
+                    }
+                }
+                parser_pos += 1;
+                if (wanted_newline) {
+                    print_newline();
+                }
+                return [comment, 'TK_COMMENT'];
+            }
+
+        }
+
+        if (c === "'" || // string
+        c === '"' || // string
+        (c === '/' &&
+        ((last_type === 'TK_WORD' && last_text === 'return') || (last_type === 'TK_START_EXPR' || last_type === 'TK_END_BLOCK' || last_type === 'TK_OPERATOR' || last_type === 'TK_EOF' || last_type === 'TK_END_COMMAND')))) { // regexp
+            var sep = c;
+            var esc = false;
+            c = '';
+
+            if (parser_pos < input.length) {
+
+                while (esc || input.charAt(parser_pos) !== sep) {
+                    c += input.charAt(parser_pos);
+                    if (!esc) {
+                        esc = input.charAt(parser_pos) === '\\';
+                    } else {
+                        esc = false;
+                    }
+                    parser_pos += 1;
+                    if (parser_pos >= input.length) {
+                        break;
+                    }
+                }
+
+            }
+
+            parser_pos += 1;
+            if (last_type === 'TK_END_COMMAND') {
+                print_newline();
+            }
+            return [sep + c + sep, 'TK_STRING'];
+        }
+
+        if (in_array(c, punct)) {
+            while (parser_pos < input.length && in_array(c + input.charAt(parser_pos), punct)) {
+                c += input.charAt(parser_pos);
+                parser_pos += 1;
+                if (parser_pos >= input.length) {
+                    break;
+                }
+            }
+            return [c, 'TK_OPERATOR'];
+        }
+
+        return [c, 'TK_UNKNOWN'];
+    }
+
+
+    //----------------------------------
+
+    indent_character = indent_character || ' ';
+    indent_size = indent_size || 4;
+
+    indent_string = '';
+    while (indent_size--) {
+        indent_string += indent_character;
+    }
+
+    input = js_source_text;
+
+    last_word = ''; // last 'TK_WORD' passed
+    last_type = 'TK_START_EXPR'; // last token type
+    last_text = ''; // last token text
+    output = [];
+
+    do_block_just_closed = false;
+    var_line = false;
+    var_line_tainted = false;
+
+    whitespace = "\n\r\t ".split('');
+    wordchar = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$'.split('');
+    punct = '+ - * / % & ++ -- = += -= *= /= %= == === != !== > < >= <= >> << >>> >>>= >>= <<= && &= | || ! !! , : ? ^ ^= |='.split(' ');
+
+    // words which should always start on new line.
+    line_starters = 'continue,try,throw,return,var,if,switch,case,default,for,while,break,function'.split(',');
+
+    // states showing if we are currently in expression (i.e. "if" case) - 'EXPRESSION', or in usual block (like, procedure), 'BLOCK'.
+    // some formatting depends on that.
+    current_mode = 'BLOCK';
+    modes = [current_mode];
+
+    indent_level = indent_level || 0;
+    parser_pos = 0; // parser position
+    in_case = false; // flag for parser that case/default has been processed, and next colon needs special attention
+    while (true) {
+        var t = get_next_token(parser_pos);
+        token_text = t[0];
+        token_type = t[1];
+        if (token_type === 'TK_EOF') {
+            break;
+        }
+
+        switch (token_type) {
+
+        case 'TK_START_EXPR':
+            var_line = false;
+            set_mode('EXPRESSION');
+            if (last_type === 'TK_END_EXPR' || last_type === 'TK_START_EXPR') {
+                // do nothing on (( and )( and ][ and ]( ..
+            } else if (last_type !== 'TK_WORD' && last_type !== 'TK_OPERATOR') {
+                print_space();
+            } else if (in_array(last_word, line_starters) && last_word !== 'function') {
+                print_space();
+            }
+            print_token();
+            break;
+
+        case 'TK_END_EXPR':
+            print_token();
+            restore_mode();
+            break;
+
+        case 'TK_START_BLOCK':
+            
+            if (last_word === 'do') {
+                set_mode('DO_BLOCK');
+            } else {
+                set_mode('BLOCK');
+            }
+            if (last_type !== 'TK_OPERATOR' && last_type !== 'TK_START_EXPR') {
+                if (last_type === 'TK_START_BLOCK') {
+                    print_newline();
+                } else {
+                    print_space();
+                }
+            }
+            print_token();
+            indent();
+            break;
+
+        case 'TK_END_BLOCK':
+            if (last_type === 'TK_START_BLOCK') {
+                // nothing
+                trim_output();
+                unindent();
+            } else {
+                unindent();
+                print_newline();
+            }
+            print_token();
+            restore_mode();
+            break;
+
+        case 'TK_WORD':
+
+            if (do_block_just_closed) {
+                print_space();
+                print_token();
+                print_space();
+                break;
+            }
+
+            if (token_text === 'case' || token_text === 'default') {
+                if (last_text === ':') {
+                    // switch cases following one another
+                    remove_indent();
+                } else {
+                    // case statement starts in the same line where switch
+                    unindent();
+                    print_newline();
+                    indent();
+                }
+                print_token();
+                in_case = true;
+                break;
+            }
+
+
+            prefix = 'NONE';
+            if (last_type === 'TK_END_BLOCK') {
+                if (!in_array(token_text.toLowerCase(), ['else', 'catch', 'finally'])) {
+                    prefix = 'NEWLINE';
+                } else {
+                    prefix = 'SPACE';
+                    print_space();
+                }
+            } else if (last_type === 'TK_END_COMMAND' && (current_mode === 'BLOCK' || current_mode === 'DO_BLOCK')) {
+                prefix = 'NEWLINE';
+            } else if (last_type === 'TK_END_COMMAND' && current_mode === 'EXPRESSION') {
+                prefix = 'SPACE';
+            } else if (last_type === 'TK_WORD') {
+                prefix = 'SPACE';
+            } else if (last_type === 'TK_START_BLOCK') {
+                prefix = 'NEWLINE';
+            } else if (last_type === 'TK_END_EXPR') {
+                print_space();
+                prefix = 'NEWLINE';
+            }
+
+            if (last_type !== 'TK_END_BLOCK' && in_array(token_text.toLowerCase(), ['else', 'catch', 'finally'])) {
+                print_newline();
+            } else if (in_array(token_text, line_starters) || prefix === 'NEWLINE') {
+                if (last_text === 'else') {
+                    // no need to force newline on else break
+                    print_space();
+                } else if ((last_type === 'TK_START_EXPR' || last_text === '=') && token_text === 'function') {
+                    // no need to force newline on 'function': (function
+                    // DONOTHING
+                } else if (last_type === 'TK_WORD' && (last_text === 'return' || last_text === 'throw')) {
+                    // no newline between 'return nnn'
+                    print_space();
+                } else if (last_type !== 'TK_END_EXPR') {
+                    if ((last_type !== 'TK_START_EXPR' || token_text !== 'var') && last_text !== ':') {
+                        // no need to force newline on 'var': for (var x = 0...)
+                        if (token_text === 'if' && last_type === 'TK_WORD' && last_word === 'else') {
+                            // no newline for } else if {
+                            print_space();
+                        } else {
+                            print_newline();
+                        }
+                    }
+                } else {
+                    if (in_array(token_text, line_starters) && last_text !== ')') {
+                        print_newline();
+                    }
+                }
+            } else if (prefix === 'SPACE') {
+                print_space();
+            }
+            print_token();
+            last_word = token_text;
+
+            if (token_text === 'var') {
+                var_line = true;
+                var_line_tainted = false;
+            }
+
+            break;
+
+        case 'TK_END_COMMAND':
+
+            print_token();
+            var_line = false;
+            break;
+
+        case 'TK_STRING':
+
+            if (last_type === 'TK_START_BLOCK' || last_type === 'TK_END_BLOCK') {
+                print_newline();
+            } else if (last_type === 'TK_WORD') {
+                print_space();
+            }
+            print_token();
+            break;
+
+        case 'TK_OPERATOR':
+
+            var start_delim = true;
+            var end_delim = true;
+            if (var_line && token_text !== ',') {
+                var_line_tainted = true;
+                if (token_text === ':') {
+                    var_line = false;
+                }
+            }
+
+            if (token_text === ':' && in_case) {
+                print_token(); // colon really asks for separate treatment
+                print_newline();
+                break;
+            }
+
+            in_case = false;
+
+            if (token_text === ',') {
+                if (var_line) {
+                    if (var_line_tainted) {
+                        print_token();
+                        print_newline();
+                        var_line_tainted = false;
+                    } else {
+                        print_token();
+                        print_space();
+                    }
+                } else if (last_type === 'TK_END_BLOCK') {
+                    print_token();
+                    print_newline();
+                } else {
+                    if (current_mode === 'BLOCK') {
+                        print_token();
+                        print_newline();
+                    } else {
+                        // EXPR od DO_BLOCK
+                        print_token();
+                        print_space();
+                    }
+                }
+                break;
+            } else if (token_text === '--' || token_text === '++') { // unary operators special case
+                if (last_text === ';') {
+                    // space for (;; ++i)
+                    start_delim = true;
+                    end_delim = false;
+                } else {
+                    start_delim = false;
+                    end_delim = false;
+                }
+            } else if (token_text === '!' && last_type === 'TK_START_EXPR') {
+                // special case handling: if (!a)
+                start_delim = false;
+                end_delim = false;
+            } else if (last_type === 'TK_OPERATOR') {
+                start_delim = false;
+                end_delim = false;
+            } else if (last_type === 'TK_END_EXPR') {
+                start_delim = true;
+                end_delim = true;
+            } else if (token_text === '.') {
+                // decimal digits or object.property
+                start_delim = false;
+                end_delim = false;
+
+            } else if (token_text === ':') {
+                // zz: xx
+                // can't differentiate ternary op, so for now it's a ? b: c; without space before colon
+                if (last_text.match(/^\d+$/)) {
+                    // a little help for ternary a ? 1 : 0;
+                    start_delim = true;
+                } else {
+                    start_delim = false;
+                }
+            }
+            if (start_delim) {
+                print_space();
+            }
+
+            print_token();
+
+            if (end_delim) {
+                print_space();
+            }
+            break;
+
+        case 'TK_BLOCK_COMMENT':
+
+            print_newline();
+            print_token();
+            print_newline();
+            break;
+
+        case 'TK_COMMENT':
+
+            // print_newline();
+            print_space();
+            print_token();
+            print_newline();
+            break;
+
+        case 'TK_UNKNOWN':
+            print_token();
+            break;
+        }
+
+        last_type = token_type;
+        last_text = token_text;
+    }
+
+    return output.join('');
+
+}
diff --git a/src/main/webapp/static/layui/lay/modules/staticField.js b/src/main/webapp/static/layui/lay/modules/staticField.js
index 1e4574c..1bc8870 100644
--- a/src/main/webapp/static/layui/lay/modules/staticField.js
+++ b/src/main/webapp/static/layui/lay/modules/staticField.js
@@ -135,39 +135,39 @@
             {value:'files',text:'闄勪欢'},{value:'music',text:'闊充箰'},{value:'video',text:'瑙嗛'},{value:'insertImage',text:'鍥剧墖'},
             {value:'removeFormat',text:'鏍煎紡鍖栨牱寮�'},{value:'code',text:'婧愮爜'},{value:'line',text:'鑿滃崟鍒嗗壊绾�'}
         ],
-        formDesignerHtml : '<div class="layui-layout layui-layout-admin">\n' +
-            '    <div class="layui-header">\n' +
-            '        <div class="layui-logo">琛ㄥ崟璁捐鍣�</div>\n' +
-            '        <!-- 澶撮儴鍖哄煙锛堝彲閰嶅悎layui宸叉湁鐨勬按骞冲鑸級 -->\n' +
-            '        <ul class="layui-nav layui-layout-left">\n' +
-            '            <li class="layui-nav-item"><a href=""></a></li>\n' +
-            '        </ul>\n' +
-            '        <ul class="layui-nav layui-layout-right">\n' +
-            '            <li class="layui-nav-item">\n' +
-            '                <a id="saveJson" href="#" class="saveJson">淇濆瓨</a>\n' +
-            '            </li>\n' +
-            '            <li class="layui-nav-item">\n' +
-            '                <a id="btnImportJson" href="#" class="importJson">瀵煎叆鏁版嵁</a>\n' +
-            '            </li>\n' +
-            '            <li class="layui-nav-item">\n' +
-            '                <a id="btnExportJson" href="#" class="exportJson">瀵煎嚭鏁版嵁</a>\n' +
-            '            </li>\n' +
-            '            <li class="layui-nav-item">\n' +
-            '                <a href="#" class="previewForm">棰勮</a>\n' +
-            '            </li>\n' +
-            '            <li class="layui-nav-item">\n' +
-            '                <a href="#" class="generateCode">鐢熸垚浠g爜</a>\n' +
-            '            </li>\n' +
-            '        </ul>\n' +
-            '    </div>\n' +
+        formDesignerHtml : '<div class="layui-layout layui-layout-admin" style="height: 90%">\n' +
+            // '    <div class="layui-header">\n' +
+            // '        <div class="layui-logo">琛ㄥ崟璁捐鍣�</div>\n' +
+            // '        <!-- 澶撮儴鍖哄煙锛堝彲閰嶅悎layui宸叉湁鐨勬按骞冲鑸級 -->\n' +
+            // '        <ul class="layui-nav layui-layout-left">\n' +
+            // '            <li class="layui-nav-item"><a href=""></a></li>\n' +
+            // '        </ul>\n' +
+            // '        <ul class="layui-nav layui-layout-right">\n' +
+            // '            <li class="layui-nav-item">\n' +
+            // '                <a id="saveJson" href="#" class="saveJson">淇濆瓨</a>\n' +
+            // '            </li>\n' +
+            // '            <li class="layui-nav-item">\n' +
+            // '                <a id="btnImportJson" href="#" class="importJson">瀵煎叆鏁版嵁</a>\n' +
+            // '            </li>\n' +
+            // '            <li class="layui-nav-item">\n' +
+            // '                <a id="btnExportJson" href="#" class="exportJson">瀵煎嚭鏁版嵁</a>\n' +
+            // '            </li>\n' +
+            // '            <li class="layui-nav-item">\n' +
+            // '                <a href="#" class="previewForm">棰勮</a>\n' +
+            // '            </li>\n' +
+            // '            <li class="layui-nav-item">\n' +
+            // '                <a href="#" class="generateCode">鐢熸垚浠g爜</a>\n' +
+            // '            </li>\n' +
+            // '        </ul>\n' +
+            // '    </div>\n' +
             '    <div class="layui-side">\n' +
             '        <div class="layui-side-scroll" style="width: 260px;">\n' +
             '            <!-- 宸︿晶瀵艰埅鍖哄煙锛堝彲閰嶅悎layui宸叉湁鐨勫瀭鐩村鑸級 -->\n' +
             '            <div class="layui-tab layui-tab-brief" lay-filter="components-list">\n' +
-            '                <ul class="layui-tab-title">\n' +
-            '                    <li class="layui-this">缁勪欢</li>\n' +
-            '                    <li class="">妯℃澘</li>\n' +
-            '                </ul>\n' +
+            // '                <ul class="layui-tab-title">\n' +
+            // '                    <li class="layui-this">缁勪欢</li>\n' +
+            // '                    <li class="">妯℃澘</li>\n' +
+            // '                </ul>\n' +
             '                <div class="layui-tab-content">\n' +
             '                    <div class="layui-tab-item layui-show">\n' +
             '                        <div class="components-list" id="components-form-list">\n' +
@@ -193,7 +193,7 @@
             '        </form>\n' +
             '    </div>\n' +
             '    <div class="layui-side-right">\n' +
-            '        <div class="layui-side-scroll" style="width: 350px;">\n' +
+            '        <div class="layui-side-scroll" style="width: 330px;">\n' +
             '            <!-- 灞炴�у鑸� -->\n' +
             '            <form class="layui-form  layui-form-pane">\n' +
             '                <div class="layui-tab layui-tab-brief" lay-filter="form-attr">\n' +
diff --git a/src/main/webapp/views/planType/planType.html b/src/main/webapp/views/planType/planType.html
index 0623a6d..26d777e 100644
--- a/src/main/webapp/views/planType/planType.html
+++ b/src/main/webapp/views/planType/planType.html
@@ -119,13 +119,14 @@
 
 <!-- 琛ㄥ崟寮圭獥 -->
 <script type="text/html" id="formEditDialog">
-    <div class="layui-fluid" style="height: 100%;padding: 0">
-        <div class="layui-card">
-            <div class="layui-card-body" style="height: 800px">
-                <div style="height: 100%; width: 100%;" id="formDesigner">
-            </div>
+    <form id="formDes" lay-filter="formDes" class="layui-form layui-row" style="height: 100%">
+        <div style="height: 90%; width: 100%;" id="formDesigner"></div>
+        <hr>
+        <div class="layui-form-item text-right" style="padding-right: 25px">
+            <button class="layui-btn" lay-filter="editSubmit" lay-submit>淇濆瓨</button>
+            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button>
         </div>
-    </div>
+    </form>
 </script>
 
 <!-- js閮ㄥ垎 -->
@@ -133,7 +134,9 @@
 <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
 <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
 <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
-<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/Sortable/Sortable.js"> </script>
+<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/Sortable/Sortable.js"></script>
+<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/htmlformat.js"></script>
+<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/jsformat.js"></script>
 <script>
     layui.config({
         base: baseUrl + "/static/layui/lay/modules/"
@@ -204,12 +207,8 @@
             if (obj.event === 'form') {
                 admin.open({
                     type: 1,
-                    area: ['95%', '95%'],
-                    title: false,
-                    closeBtn: true,
+                    area: ['98%', '90%'],
                     offset: 'auto',
-                    // btn: ['纭', '鍏抽棴'],
-                    // btnAlign: 'c',
                     content: $('#formEditDialog').html(),
                     success: function (layero, dIndex) {
                         let formDesIdx = formDesigner.render({

--
Gitblit v1.9.1