low-code-form-generator 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .div-border[data-v-b4ec6a05]{min-height:50px;border:1px dashed #ecd55e;border-radius:5px;box-sizing:border-box}.grid[data-v-9c27fd62]{width:100%;display:grid}.grid-border[data-v-9c27fd62]{box-sizing:border-box;min-height:50px;border:1px dashed #409EFF;border-radius:5px}.options ul[data-v-2f0cb2a2]{padding:0}.options li[data-v-2f0cb2a2]{list-style-type:none;border-bottom:1px dotted #ebeef5;margin-bottom:10px;padding:10px 10px 10px 0;position:relative;border-radius:5px}.options li[data-v-2f0cb2a2]:hover{background-color:#ebeef5}.options li:hover .toolbar[data-v-2f0cb2a2]{display:block}.options .toolbar[data-v-2f0cb2a2]{display:none;position:absolute;bottom:0;right:10px}.options .toolbar .delete[data-v-2f0cb2a2]{color:red}.options .toolbar .el-icon[data-v-2f0cb2a2]:not(.delete){color:#3b82f6}.options .toolbar .el-icon[data-v-2f0cb2a2]{cursor:pointer;margin:0 5px}.tip[data-v-cbf30a35]{color:coral;cursor:pointer;align-self:center;margin-left:5px}#preview-box[data-v-e9180d61]{height:600px;overflow:auto}.header[data-v-69a53efe]{padding:10px;background:#fff;border-radius:5px;height:100%;box-sizing:border-box;display:flex}.el-dropdown[data-v-69a53efe]{margin-left:12px}[data-v-1c5d1245] .drop-zone-box,.panel[data-v-1c5d1245],.editor-panel[data-v-1c5d1245]{padding:10px;background:#fff;border-radius:5px;overflow:auto}.panel[data-v-1c5d1245],.panel[data-v-1c5d1245] .el-tabs,.panel[data-v-1c5d1245] .el-tabs .el-tabs__content,.panel[data-v-1c5d1245] .el-tabs .el-tab-pane{height:100%}.editor-panel[data-v-1c5d1245] .el-form-item__label{font-size:13px}.el-aside[data-v-1c5d1245]{overflow:hidden}.panel-content[data-v-1c5d1245]{height:calc(100% - 54px);overflow:auto}.panel-code[data-v-1c5d1245]{height:calc(100% - 79px)}.panel-code .code-editor[data-v-1c5d1245]{height:100%}.component-box[data-v-1c5d1245]{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;max-height:calc(100% - 10px);overflow-y:auto;overflow-x:hidden}.component-box .group-title[data-v-1c5d1245]{width:100%;font-weight:700;font-size:15px;margin-bottom:10px;color:#333}.component-box .group-title[data-v-1c5d1245]:not(:first-child){margin-top:20px}.grab[data-v-1c5d1245]{cursor:grab}.pointer[data-v-1c5d1245]{cursor:pointer}.item-component[data-v-1c5d1245]{width:calc(50% - 10px)}.item[data-v-1c5d1245]{display:inline-block;padding:8px 10px;border-radius:8px;background:#f3f4f64d;border:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#333;box-sizing:border-box}.item[data-v-1c5d1245]:hover{background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8}.item[data-v-1c5d1245]:active{cursor:grabbing;background:#bfdbfe}.item svg[data-v-1c5d1245]{vertical-align:sub;width:20px;height:20px;fill:currentColor;margin-right:5px}.canvas[data-v-1c5d1245]{padding:0;position:relative}.toolbar[data-v-1c5d1245]{position:absolute;z-index:100!important;background:#409eff;padding:3px 15px;border-top-left-radius:5px}.toolbar .el-icon[data-v-1c5d1245]{cursor:pointer;margin:0 5px}.toolbar .delete[data-v-1c5d1245]{color:#fff}.canvas-content[data-v-1c5d1245]{height:calc(100% - 60px);position:relative}.canvas-content .mask[data-v-1c5d1245]{position:absolute;left:0;top:0;height:100%;width:100%}.canvas-content #canvas-drop[data-v-1c5d1245],[data-v-1c5d1245] .el-form{height:100%}[data-v-1c5d1245] .el-form .drop-zone-box{height:100%;margin:0 10px;box-sizing:border-box}[data-v-1c5d1245] .el-dialog{padding:0!important}[data-v-1c5d1245] .el-dialog .el-dialog__footer{padding:15px;border-top:1px solid #e5e7eb}[data-v-1c5d1245] .el-dialog .el-dialog__header{padding:15px;border-bottom:1px solid #e5e7eb}[data-v-1c5d1245] .el-dialog .el-dialog__body{padding:15px}[data-v-1c5d1245] .cm-editor{height:100%;overflow:auto}[data-v-1c5d1245] .selected-component{outline:2px solid #409EFF;border-radius:5px;padding:5px}[data-v-1c5d1245] .el-header{padding:0;margin:0 10px 10px}[data-v-1c5d1245] .el-input-number{width:100%}[data-v-1c5d1245] .inline-block{display:inline-flex}[data-v-1c5d1245] .form-item-tip{color:coral;cursor:pointer;align-self:center;margin-left:5px}[data-v-1c5d1245] .drop-zone{min-height:50px;padding:10px;border:1px dashed #aaa;display:flex;flex-direction:column;gap:10px}[data-v-1c5d1245] .drop-item-tabs,[data-v-1c5d1245] .drop-item-card{width:100%}[data-v-1c5d1245] .drop-zone-box .el-tabs__content .el-tab-pane{min-height:55px}[data-v-1c5d1245] .drop-item-grid-component{width:100%}#preview-panel[data-v-965fdd3c]{height:100%}.el-container[data-v-03df7d24]{height:100%;margin:0}.low-code-form[data-v-03df7d24]{background-color:#f0f2f5;height:100%;padding:5px;box-sizing:border-box}[data-v-03df7d24] .el-form--inline .drop-item:not(.drop-item-card):not(.drop-item-el-tabs):not(.drop-item-el-button):not(.drop-item-el-divider):not(.drop-item-div-component){display:inline-flex}[data-v-03df7d24] .drop-item-el-button{display:inline-block}[data-v-03df7d24] .drop-item-el-button+.drop-item-el-button{margin-left:12px}[data-v-03df7d24] .drop-item{box-sizing:border-box;margin-bottom:10px}[data-v-03df7d24] .el-date-editor.el-input{width:100%}[data-v-03df7d24] .el-table td.el-table__cell .cell{min-height:23px}
1
+ .div-border[data-v-b4ec6a05]{min-height:50px;border:1px dashed #ecd55e;border-radius:5px;box-sizing:border-box}.grid[data-v-9c27fd62]{width:100%;display:grid}.grid-border[data-v-9c27fd62]{box-sizing:border-box;min-height:50px;border:1px dashed #409EFF;border-radius:5px}.options ul[data-v-2f0cb2a2]{padding:0}.options li[data-v-2f0cb2a2]{list-style-type:none;border-bottom:1px dotted #ebeef5;margin-bottom:10px;padding:10px 10px 10px 0;position:relative;border-radius:5px}.options li[data-v-2f0cb2a2]:hover{background-color:#ebeef5}.options li:hover .toolbar[data-v-2f0cb2a2]{display:block}.options .toolbar[data-v-2f0cb2a2]{display:none;position:absolute;bottom:0;right:10px}.options .toolbar .delete[data-v-2f0cb2a2]{color:red}.options .toolbar .el-icon[data-v-2f0cb2a2]:not(.delete){color:#3b82f6}.options .toolbar .el-icon[data-v-2f0cb2a2]{cursor:pointer;margin:0 5px}.tip[data-v-cbf30a35]{color:coral;cursor:pointer;align-self:center;margin-left:5px}#preview-box[data-v-e9180d61]{height:600px;overflow:auto}.header[data-v-69a53efe]{padding:10px;background:#fff;border-radius:5px;height:100%;box-sizing:border-box;display:flex}.el-dropdown[data-v-69a53efe]{margin-left:12px}[data-v-a7910661] .drop-zone-box,.panel[data-v-a7910661],.editor-panel[data-v-a7910661]{padding:10px;background:#fff;border-radius:5px;overflow:auto}.panel[data-v-a7910661],.panel[data-v-a7910661] .el-tabs,.panel[data-v-a7910661] .el-tabs .el-tabs__content,.panel[data-v-a7910661] .el-tabs .el-tab-pane{height:100%}.editor-panel[data-v-a7910661] .el-form-item__label{font-size:13px}.el-aside[data-v-a7910661]{overflow:hidden}.panel-content[data-v-a7910661]{height:calc(100% - 54px);overflow:auto}.panel-code[data-v-a7910661]{height:calc(100% - 79px)}.panel-code .code-editor[data-v-a7910661]{height:100%}.component-box[data-v-a7910661]{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;max-height:calc(100% - 10px);overflow-y:auto;overflow-x:hidden}.component-box .group-title[data-v-a7910661]{width:100%;font-weight:700;font-size:15px;margin-bottom:10px;color:#333}.component-box .group-title[data-v-a7910661]:not(:first-child){margin-top:20px}.grab[data-v-a7910661]{cursor:grab}.pointer[data-v-a7910661]{cursor:pointer}.item-component[data-v-a7910661]{width:calc(50% - 10px)}.item[data-v-a7910661]{display:inline-block;padding:8px 10px;border-radius:8px;background:#f3f4f64d;border:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#333;box-sizing:border-box}.item[data-v-a7910661]:hover{background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8}.item[data-v-a7910661]:active{cursor:grabbing;background:#bfdbfe}.item svg[data-v-a7910661]{vertical-align:sub;width:20px;height:20px;fill:currentColor;margin-right:5px}.canvas[data-v-a7910661]{padding:0;position:relative}.toolbar[data-v-a7910661]{position:absolute;z-index:100!important;background:#409eff;padding:3px 15px;border-top-left-radius:5px}.toolbar .el-icon[data-v-a7910661]{cursor:pointer;margin:0 5px}.toolbar .delete[data-v-a7910661]{color:#fff}.canvas-content[data-v-a7910661]{height:calc(100% - 60px);position:relative}.canvas-content .mask[data-v-a7910661]{position:absolute;left:0;top:0;height:100%;width:100%}.canvas-content #canvas-drop[data-v-a7910661],[data-v-a7910661] .el-form{height:100%}[data-v-a7910661] .el-form .drop-zone-box{height:100%;margin:0 10px;box-sizing:border-box}[data-v-a7910661] .el-dialog{padding:0!important}[data-v-a7910661] .el-dialog .el-dialog__footer{padding:15px;border-top:1px solid #e5e7eb}[data-v-a7910661] .el-dialog .el-dialog__header{padding:15px;border-bottom:1px solid #e5e7eb}[data-v-a7910661] .el-dialog .el-dialog__body{padding:15px}[data-v-a7910661] .cm-editor{height:100%;overflow:auto}[data-v-a7910661] .selected-component{outline:2px solid #409EFF;border-radius:5px;padding:5px}[data-v-a7910661] .el-header{padding:0;margin:0 10px 10px}[data-v-a7910661] .el-input-number{width:100%}[data-v-a7910661] .inline-block{display:inline-flex}[data-v-a7910661] .form-item-tip{color:coral;cursor:pointer;align-self:center;margin-left:5px}[data-v-a7910661] .drop-zone{min-height:50px;padding:10px;border:1px dashed #aaa;display:flex;flex-direction:column;gap:10px}[data-v-a7910661] .drop-item-tabs,[data-v-a7910661] .drop-item-card{width:100%}[data-v-a7910661] .drop-zone-box .el-tabs__content .el-tab-pane{min-height:55px}[data-v-a7910661] .drop-item-grid-component{width:100%}#preview-panel[data-v-965fdd3c]{height:100%}.el-container[data-v-03df7d24]{height:100%;margin:0}.low-code-form[data-v-03df7d24]{background-color:#f0f2f5;height:100%;padding:5px;box-sizing:border-box}[data-v-03df7d24] .el-form--inline .drop-item:not(.drop-item-card):not(.drop-item-el-tabs):not(.drop-item-el-button):not(.drop-item-el-divider):not(.drop-item-div-component){display:inline-flex}[data-v-03df7d24] .drop-item-el-button{display:inline-block}[data-v-03df7d24] .drop-item-el-button+.drop-item-el-button{margin-left:12px}[data-v-03df7d24] .drop-item{box-sizing:border-box;margin-bottom:10px}[data-v-03df7d24] .el-date-editor.el-input{width:100%}[data-v-03df7d24] .el-table td.el-table__cell .cell{min-height:23px}
@@ -8159,11 +8159,11 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
8159
8159
  setData: t4,
8160
8160
  onStart(x) {
8161
8161
  B.formOptions.inline && x.item.classList.add("inline-block");
8162
- const J = x.item.clientWidth;
8162
+ const J = x.item.getBoundingClientRect().width;
8163
8163
  x.item.classList.remove("item-component"), x.item.style.width = `${J}px`;
8164
8164
  },
8165
8165
  onEnd(x) {
8166
- x.originalEvent.dataTransfer.getData("type") && !x.to.classList.contains("component-box") ? x.item.remove() : x.item.classList.add("item-component");
8166
+ x.originalEvent.dataTransfer.getData("type") && !x.to.classList.contains("component-box") ? x.item.remove() : (x.item.classList.add("item-component"), x.item.style.width = "");
8167
8167
  }
8168
8168
  }), J2(() => {
8169
8169
  e2({ el: p.value });
@@ -8370,7 +8370,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
8370
8370
  });
8371
8371
  };
8372
8372
  }
8373
- }, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-1c5d1245"]]), Fs = { id: "preview-panel" }, ks = {
8373
+ }, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-a7910661"]]), Fs = { id: "preview-panel" }, ks = {
8374
8374
  __name: "previewPanel",
8375
8375
  props: {
8376
8376
  data: { type: Object, required: !0, default: () => ({}) },