low-code-form-generator 1.0.8 → 1.0.10
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 +1 -5
- package/dist/low-code-form-generator.css +1 -1
- package/dist/low-code-form.es.js +1561 -1542
- package/dist/low-code-form.umd.js +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
# Vue3 低代码表单设计器
|
|
2
2
|
|
|
3
3
|
## DEMO
|
|
4
|
-
> https://github.com/SpanManX/low-code-form-demo
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
> https://github.com/SpanManX/low-code-form-demo
|
|
7
5
|
|
|
8
6
|
## GitHub
|
|
9
7
|
> https://github.com/SpanManX/low-code-form.git
|
|
10
8
|
|
|
11
|
-
|
|
12
|
-
|
|
13
9
|
## 使用
|
|
14
10
|
> import lowCodeForm from "low-code-form-generator";
|
|
15
11
|
>
|
|
@@ -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-1f2b4ed4]{padding:0}.options li[data-v-1f2b4ed4]{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-1f2b4ed4]:hover{background-color:#ebeef5}.options li:hover .toolbar[data-v-1f2b4ed4]{display:block}.options .toolbar[data-v-1f2b4ed4]{display:none;position:absolute;bottom:0;right:10px}.options .toolbar .delete[data-v-1f2b4ed4]{color:red}.options .toolbar .el-icon[data-v-1f2b4ed4]:not(.delete){color:#3b82f6}.options .toolbar .el-icon[data-v-1f2b4ed4]{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-d44a8814] .drop-zone-box,.panel[data-v-d44a8814],.editor-panel[data-v-d44a8814]{padding:10px;background:#fff;border-radius:5px;overflow:auto}.panel[data-v-d44a8814],.panel[data-v-d44a8814] .el-tabs,.panel[data-v-d44a8814] .el-tabs .el-tabs__content,.panel[data-v-d44a8814] .el-tabs .el-tab-pane{height:100%}.editor-panel[data-v-d44a8814] .el-form-item__label{font-size:13px}.el-aside[data-v-d44a8814]{overflow:hidden}.panel-content[data-v-d44a8814]{height:calc(100% - 54px);overflow:auto}.panel-code[data-v-d44a8814]{height:calc(100% - 79px)}.panel-code .code-editor[data-v-d44a8814]{height:100%}.component-box[data-v-d44a8814]{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-d44a8814]{width:100%;font-weight:700;font-size:15px;margin-bottom:10px;color:#333}.component-box .group-title[data-v-d44a8814]:not(:first-child){margin-top:20px}.grab[data-v-d44a8814]{cursor:grab}.pointer[data-v-d44a8814]{cursor:pointer}.item-component[data-v-d44a8814]{width:calc(50% - 10px)}.item[data-v-d44a8814]{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-d44a8814]:hover{background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8}.item[data-v-d44a8814]:active{cursor:grabbing;background:#bfdbfe}.item svg[data-v-d44a8814]{vertical-align:sub;width:20px;height:20px;fill:currentColor;margin-right:5px}.canvas[data-v-d44a8814]{padding:0;position:relative}.toolbar[data-v-d44a8814]{position:absolute;z-index:100;background:#409eff;padding:3px 15px;border-top-left-radius:5px}.toolbar .el-icon[data-v-d44a8814]{cursor:pointer;margin:0 5px}.toolbar .delete[data-v-d44a8814]{color:#fff}.canvas-content[data-v-d44a8814]{height:calc(100% - 60px);position:relative}.canvas-content .mask[data-v-d44a8814]{position:absolute;left:0;top:0;height:100%;width:100%}.canvas-content #canvas-drop[data-v-d44a8814],[data-v-d44a8814] .el-form{height:100%}[data-v-d44a8814] .el-form .drop-zone-box{height:100%;margin:0 10px;box-sizing:border-box}[data-v-d44a8814] .el-dialog{padding:0!important}[data-v-d44a8814] .el-dialog .el-dialog__footer{padding:15px;border-top:1px solid #e5e7eb}[data-v-d44a8814] .el-dialog .el-dialog__header{padding:15px;border-bottom:1px solid #e5e7eb}[data-v-d44a8814] .el-dialog .el-dialog__body{padding:15px}[data-v-d44a8814] .cm-editor{height:100%;overflow:auto}[data-v-d44a8814] .selected-component{outline:2px solid #409EFF;border-radius:5px;padding:5px}[data-v-d44a8814] .el-header{padding:0;margin:0 10px 10px}[data-v-d44a8814] .el-input-number{width:100%}[data-v-d44a8814] .inline-block{display:inline-flex}[data-v-d44a8814] .form-item-tip{color:coral;cursor:pointer;align-self:center;margin-left:5px}[data-v-d44a8814] .drop-zone{min-height:50px;padding:10px;border:1px dashed #aaa;display:flex;flex-direction:column;gap:10px}[data-v-d44a8814] .drop-item-tabs,[data-v-d44a8814] .drop-item-card{width:100%}[data-v-d44a8814] .drop-zone-box .el-tabs__content .el-tab-pane{min-height:55px}[data-v-d44a8814] .drop-item-grid-component{width:100%}#preview-panel[data-v-9bab5a8b]{height:100%}.el-container[data-v-c6195dfe]{height:100%;margin:0}.low-code-form[data-v-c6195dfe]{background-color:#f0f2f5;height:100%;padding:5px;box-sizing:border-box}[data-v-c6195dfe] .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-c6195dfe] .drop-item-el-button{display:inline-block}[data-v-c6195dfe] .drop-item-el-button+.drop-item-el-button{margin-left:12px}[data-v-c6195dfe] .drop-item{box-sizing:border-box;margin-bottom:10px}[data-v-c6195dfe] .el-date-editor.el-input{width:100%}
|