low-code-form-generator 1.0.5 → 1.0.7
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.
- package/README.md +4 -2
- package/dist/low-code-form-generator.css +1 -1
- package/dist/low-code-form.es.js +1664 -1673
- package/dist/low-code-form.umd.js +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
# Vue3 低代码表单设计器
|
|
2
2
|
|
|
3
|
-
<img src="https://
|
|
3
|
+
<img src="https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/a6843b5e63404451b83517d76da4ce21~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5ZW35ZKv5ZOp5ZKv5ZW3:q75.awebp?rk3s=f64ab15b&x-expires=1753688417&x-signature=PDSw1H%2BJoGelPYD1IM8g4lcWUfk%3D" alt="屏幕截图 2025-07-21 153809.png" loading="lazy" class="medium-zoom-image">
|
|
4
4
|
|
|
5
5
|
## DEMO
|
|
6
|
-
> https://github.com/SpanManX/low-code-form-demo##
|
|
6
|
+
> https://github.com/SpanManX/low-code-form-demo##
|
|
7
|
+
|
|
8
|
+
<img src="https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/1328cd9a1f2a4028b30ada96ebfc0d9f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5ZW35ZKv5ZOp5ZKv5ZW3:q75.awebp?rk3s=f64ab15b&x-expires=1753635117&x-signature=Q3J8upiZuTSFZqqTgN5qAbLNVZM%3D" alt="动画1.gif" loading="lazy" class="medium-zoom-image">
|
|
7
9
|
|
|
8
10
|
## GitHub
|
|
9
11
|
> https://github.com/SpanManX/low-code-form.git
|
|
@@ -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-
|
|
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-282e1e4b]{padding:0}.options li[data-v-282e1e4b]{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-282e1e4b]:hover{background-color:#ebeef5}.options li:hover .toolbar[data-v-282e1e4b]{display:block}.options .toolbar[data-v-282e1e4b]{display:none;position:absolute;bottom:0;right:10px}.options .toolbar .delete[data-v-282e1e4b]{color:red}.options .toolbar .el-icon[data-v-282e1e4b]:not(.delete){color:#3b82f6}.options .toolbar .el-icon[data-v-282e1e4b]{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-32561c97] .drop-zone-box,.panel[data-v-32561c97],.editor-panel[data-v-32561c97]{padding:10px;background:#fff;border-radius:5px;overflow:auto}.panel[data-v-32561c97],.panel[data-v-32561c97] .el-tabs,.panel[data-v-32561c97] .el-tabs .el-tabs__content,.panel[data-v-32561c97] .el-tabs .el-tab-pane{height:100%}.editor-panel[data-v-32561c97] .el-form-item__label{font-size:13px}.el-aside[data-v-32561c97]{overflow:hidden}.panel-content[data-v-32561c97]{height:calc(100% - 54px);overflow:auto}.panel-code[data-v-32561c97]{height:calc(100% - 79px)}.panel-code .code-editor[data-v-32561c97]{height:100%}.component-box[data-v-32561c97]{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-32561c97]{width:100%;font-weight:700;font-size:15px;margin-bottom:10px}.component-box .group-title[data-v-32561c97]:not(:first-child){margin-top:20px}.grab[data-v-32561c97]{cursor:grab}.pointer[data-v-32561c97]{cursor:pointer}.item-component[data-v-32561c97]{width:calc(50% - 10px)}.item[data-v-32561c97]{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-32561c97]:hover{background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8}.item[data-v-32561c97]:active{cursor:grabbing;background:#bfdbfe}.item svg[data-v-32561c97]{vertical-align:sub;width:20px;height:20px;fill:currentColor;margin-right:5px}.canvas[data-v-32561c97]{padding:0;position:relative}.toolbar[data-v-32561c97]{position:absolute;z-index:100;background:#409eff;padding:3px 15px;border-top-left-radius:5px}.toolbar .el-icon[data-v-32561c97]{cursor:pointer;margin:0 5px}.toolbar .delete[data-v-32561c97]{color:#fff}.canvas-content[data-v-32561c97]{height:calc(100% - 60px);position:relative}.canvas-content .mask[data-v-32561c97]{position:absolute;left:0;top:0;height:100%;width:100%}.canvas-content #canvas-drop[data-v-32561c97],[data-v-32561c97] .el-form{height:100%}[data-v-32561c97] .el-form .drop-zone-box{height:100%;margin:0 10px;box-sizing:border-box}[data-v-32561c97] .el-dialog{padding:0!important}[data-v-32561c97] .el-dialog .el-dialog__footer{padding:15px;border-top:1px solid #e5e7eb}[data-v-32561c97] .el-dialog .el-dialog__header{padding:15px;border-bottom:1px solid #e5e7eb}[data-v-32561c97] .el-dialog .el-dialog__body{padding:15px}[data-v-32561c97] .cm-editor{height:100%;overflow:auto}[data-v-32561c97] .selected-component{outline:2px solid #409EFF;border-radius:5px;padding:5px}[data-v-32561c97] .el-header{padding:0;margin:0 10px 10px}[data-v-32561c97] .el-input-number{width:100%}[data-v-32561c97] .inline-block{display:inline-flex}[data-v-32561c97] .form-item-tip{color:coral;cursor:pointer;align-self:center;margin-left:5px}[data-v-32561c97] .drop-zone{min-height:50px;padding:10px;border:1px dashed #aaa;display:flex;flex-direction:column;gap:10px}[data-v-32561c97] .drop-item-tabs,[data-v-32561c97] .drop-item-card{width:100%}[data-v-32561c97] .drop-zone-box .el-tabs__content .el-tab-pane{min-height:55px}[data-v-32561c97] .drop-item-grid-component{width:100%}#preview-panel[data-v-9bab5a8b]{height:100%}.el-container[data-v-d7151bbd]{height:100%;margin:0}.low-code-form[data-v-d7151bbd]{background-color:#f0f2f5;height:100%;padding:5px;box-sizing:border-box}[data-v-d7151bbd] .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-d7151bbd] .drop-item-el-button{display:inline-block}[data-v-d7151bbd] .drop-item-el-button+.drop-item-el-button{margin-left:12px}[data-v-d7151bbd] .drop-item{box-sizing:border-box;margin-bottom:10px}[data-v-d7151bbd] .el-date-editor.el-input{width:100%}
|