@skexplore/form-customized-vue2 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+.el-form{background:#fff;padding:20px}.form-design{text-align:left}.form-design .form-label .is-required:before{content:"*";color:#f56c6c;margin-right:4px}.form-design .el-table thead th{background:#F7F7F7;color:#303133;font-size:13px;padding:1px}.form-design .el-aside{overflow:hidden;padding:5px}.form-design .el-main{padding:5px}.form-design .el-card__header{text-align:center}.form-design .el-card__body{overflow:auto;padding:5px;width:100%}.form-design .components-list{padding:5px 0;width:100%;height:100%}.form-design .components-list .widget-cate{padding:5px;font-size:13px}.form-design .components-list ul{position:relative;overflow:hidden;padding:0 5px 5px;margin:0}.form-design .components-list .form-edit-widget-label{font-size:12px;display:block;width:100%;line-height:26px;position:relative;float:left;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1%;color:#333;border:1px solid #ccc;text-align:center;background:#fafafa;border-radius:4px;cursor:move;-webkit-user-select:none;user-select:none}.form-design .components-list .form-edit-widget-label:hover{color:#409eff;border:1px dashed #409EFF}.form-design .components-list .form-edit-widget-label>a{display:block;cursor:move;background:#F4F6FC;border:1px solid #F4F6FC}.form-design .components-list .form-edit-widget-label>a .icon{margin-right:6px;margin-left:8px;font-size:14px;display:inline-block;vertical-align:middle}.form-design .components-list .form-edit-widget-label>a span{display:inline-block;vertical-align:middle}.form-design .form-panel{height:calc(100vh - 80px);background:#eee;position:relative}.form-design .form-panel.no-toolbars-top{height:calc(100% - 50px)}.form-design .form-panel>.hint-text{position:absolute;left:0;top:45%;width:100%;text-align:center;font-size:20px;color:#aaa;z-index:16}.form-design .form-panel .a-form-box{height:100%}.form-design .form-panel .draggable-box{height:100%;overflow:auto}.form-design .form-panel .draggable-box .list-main{min-height:100%;padding:5px;position:relative;background:#fafafa}.form-design .form-panel .draggable-box .list-main .moving{min-height:35px;box-sizing:border-box;overflow:hidden;padding:0!important;position:relative;-webkit-user-select:none;user-select:none}.form-design .form-panel .draggable-box .list-main .drag-move{-webkit-user-select:none;user-select:none}.form-design .batch-box .draggable-box .list-main>div{min-width:185px;display:inline-block;vertical-align:top;-webkit-user-select:none;user-select:none}.form-design .form-panel .draggable-box .list-main .moving:before{content:"";height:5px;width:100%;background:#409EFF;position:absolute;top:0;right:0}.form-design .form-panel .draggable-box .list-main .drag-move-box{position:relative;box-sizing:border-box;padding:8px;overflow:hidden;transition:all .3s;min-height:36px}.form-design .form-panel .draggable-box .list-main .drag-move-box:hover{background:fade(#409EFF,20%)}.form-design .form-panel .draggable-box .list-main .drag-move-box:before{content:"";height:5px;width:100%;background:#409EFF;position:absolute;top:0;right:-100%;transition:all .3s}.form-design .form-panel .draggable-box .list-main .drag-move-box.active{background:fade(#409EFF,20%);outline-offset:0}.form-design .form-panel .draggable-box .list-main .drag-move-box.active:before{right:0}.form-design .form-panel .draggable-box .list-main .drag-move-box .form-item-box{position:relative;box-sizing:border-box;word-wrap:break-word}.form-design .form-panel .draggable-box .list-main .drag-move-box .form-item-box:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:888}.form-design .form-panel .draggable-box .list-main .drag-move-box .show-key-box{position:absolute;bottom:2px;right:5px;font-size:14px;color:#409eff}.form-design .form-panel .draggable-box .list-main .drag-move-box>.copy,.form-design .form-panel .draggable-box .list-main .drag-move-box>.delete{position:absolute;top:0;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;z-index:989;transition:all .3s}.form-design .form-panel .draggable-box .list-main .drag-move-box>.copy.unactivated,.form-design .form-panel .draggable-box .list-main .drag-move-box>.delete.unactivated{opacity:0!important;pointer-events:none}.form-design .form-panel .draggable-box .list-main .drag-move-box>.copy.active,.form-design .form-panel .draggable-box .list-main .drag-move-box>.delete.active{opacity:1!important}.form-design .form-panel .draggable-box .list-main .drag-move-box>.copy{border-radius:0 0 0 8px;right:30px;background:#409EFF}.form-design .form-panel .draggable-box .list-main .drag-move-box>.delete{right:0px;background:#409EFF}.form-design .right-menu{width:190px;background:#fff;border:1px solid #ccc;position:fixed;transition:all 0s;box-shadow:3px 3px 5px #999;padding:8px 0;z-index:999}.form-design .right-menu ul{padding:0;margin:0;list-style:none}.form-design .right-menu ul li{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 5px;height:30px;line-height:30px;font-size:14px}.form-design .right-menu ul li:hover{background:#eee}.form-design .properties-centent{height:100%;overflow:hidden;background:#fff}.form-design .properties-centent .head-title{height:48px;line-height:48px;padding:0 24px;font-size:16px;border-bottom:1px solid #ccc;color:#000000d9}.form-design .properties-centent .properties-body{overflow:auto;height:800px;padding:5px 8px}.form-design .properties-centent .properties-body .el-form .el-form-item{margin-bottom:0;padding:5px 0}.form-design .el-radio-group{margin-bottom:-15px}.form-design .el-radio{margin-bottom:15px}.form-design .properties-centent .properties-body .el-form .el-form-item .el-form-item__label,.form-design .properties-centent .properties-body .el-form .el-form-item .el-radio__label,.form-design .properties-centent .properties-body .el-form .el-form-item .el-switch__label,.form-design .properties-centent .properties-body .el-form .el-form-item *,.form-design .properties-centent .properties-body .el-form .el-form-item .el-checkbox,.form-design .properties-centent .properties-body .el-form .el-form-item .el-checkbox .el-checkbox__label{font-size:13px}.form-design .batch-box>.batch-label{font-size:16px;font-weight:500;padding:5px}.form-design .batch-box .draggable-box{min-height:60px;width:100%;border:1px #ccc dashed;background:#fff}.form-design .batch-box .draggable-box .list-main{min-height:60px;position:relative;border:1px #ccc dashed;overflow-x:auto;overflow-y:auto;white-space:nowrap}.form-design .batch-box .draggable-box .list-main .moving{width:175px;min-height:94px;display:inline-block}.form-design .batch-box .draggable-box .list-main>div{min-width:185px;display:inline-block;vertical-align:top}.form-design .batch-box,.form-design .grid-box,.form-design .table-box{position:relative;box-sizing:border-box;padding:5px;background:fade(#9867f7,12%);width:100%;transition:all .3s;min-height:30px;overflow:hidden}.form-design .batch-box .form-item-box,.form-design .grid-box .form-item-box,.form-design .table-box .form-item-box{position:relative;box-sizing:border-box}.form-design .batch-box .grid-row,.form-design .batch-box .table-layout,.form-design .grid-box .grid-row,.form-design .grid-box .table-layout,.form-design .table-box .grid-row,.form-design .table-box .table-layout{background:fade(#9867f7,12%)}.form-design .batch-box .grid-row .grid-col .draggable-box,.form-design .batch-box .grid-row .table-td .draggable-box,.form-design .batch-box .table-layout .grid-col .draggable-box,.form-design .batch-box .table-layout .table-td .draggable-box,.form-design .grid-box .grid-row .grid-col .draggable-box,.form-design .grid-box .grid-row .table-td .draggable-box,.form-design .grid-box .table-layout .grid-col .draggable-box,.form-design .grid-box .table-layout .table-td .draggable-box,.form-design .table-box .grid-row .grid-col .draggable-box,.form-design .table-box .grid-row .table-td .draggable-box,.form-design .table-box .table-layout .grid-col .draggable-box,.form-design .table-box .table-layout .table-td .draggable-box{min-height:60px;min-width:50px;border:1px #ccc dashed;background:#fff}.form-design .batch-box .grid-row .grid-col .draggable-box .list-main,.form-design .batch-box .grid-row .table-td .draggable-box .list-main,.form-design .batch-box .table-layout .grid-col .draggable-box .list-main,.form-design .batch-box .table-layout .table-td .draggable-box .list-main,.form-design .grid-box .grid-row .grid-col .draggable-box .list-main,.form-design .grid-box .grid-row .table-td .draggable-box .list-main,.form-design .grid-box .table-layout .grid-col .draggable-box .list-main,.form-design .grid-box .table-layout .table-td .draggable-box .list-main,.form-design .table-box .grid-row .grid-col .draggable-box .list-main,.form-design .table-box .grid-row .table-td .draggable-box .list-main,.form-design .table-box .table-layout .grid-col .draggable-box .list-main,.form-design .table-box .table-layout .table-td .draggable-box .list-main{min-height:60px;position:relative;border:1px #ccc dashed}.form-design .batch-box:before,.form-design .grid-box:before,.form-design .table-box:before{content:"";height:5px;width:100%;background:transparent;position:absolute;top:0;right:-100%;transition:all .3s}.form-design .batch-box.active,.form-design .grid-box.active,.form-design .table-box.active{background:fade(#9867f7,24%);outline-offset:0}.form-design .batch-box.active:before,.form-design .grid-box.active:before,.form-design .table-box.active:before{background:#9867f7;right:0}.form-design .batch-box>.copy,.form-design .batch-box>.delete,.form-design .grid-box>.copy,.form-design .grid-box>.delete,.form-design .table-box>.copy,.form-design .table-box>.delete{position:absolute;top:0px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;z-index:989;transition:all .3s}.form-design .batch-box>.copy.unactivated,.form-design .batch-box>.delete.unactivated,.form-design .grid-box>.copy.unactivated,.form-design .grid-box>.delete.unactivated,.form-design .table-box>.copy.unactivated,.form-design .table-box>.delete.unactivated{opacity:0!important;pointer-events:none}.form-design .batch-box>.copy.active,.form-design .batch-box>.delete.active,.form-design .grid-box>.copy.active,.form-design .grid-box>.delete.active,.form-design .table-box>.copy.active,.form-design .table-box>.delete.active{opacity:1!important}.form-design .batch-box>.copy,.form-design .grid-box>.copy,.form-design .table-box>.copy{border-radius:0 0 0 8px;right:30px;background:#9867f7}.form-design .batch-box>.delete,.form-design .grid-box>.delete,.form-design .table-box>.delete{right:0px;background:#9867f7}.form-design .el-dialog__header{padding:10px 20px;background:#F7F7F7}.form-design .el-dialog__header .el-dialog__title{line-height:20px;font-size:16px}.form-design .el-dialog__header button{top:10px}.form-design .form-table-index{display:inline}.form-design .form-table{width:100%;box-sizing:border-box;transition:all .3s;border-collapse:collapse}.form-design .form-table tr{transition:all .3s;border-collapse:collapse}.form-design .form-table tr .el-form-item{margin-bottom:0!important}.form-design .form-table tr td{box-sizing:border-box;transition:all .3s;padding:3px;border-collapse:collapse;display:table-cell;vertical-align:inherit}.form-design .form-table tr td .cell{padding-right:2px;padding-left:2px}.form-design .form-table tr td .el-form-item{margin-bottom:0!important}.form-design .form-table.bordered tr td{border:1px solid #e8e8e8!important}.form-design .form-table.bright tr:hover>td{background:#e6f7ff}.form-design .form-table .el-row .el-form-item{margin:0!important}.form-design .option-change-container{width:calc(100% - 8px)}.form-design .option-change-container .el-tree-node__content,.form-design .option-change-container .el-tree-node__content .custom-tree-node{height:35px}.form-design .base-item .slider-box{display:flex}.form-design .base-item .base-item-span{white-space:pre-wrap}.form-design .base-item .slider-box>.slider{flex:1;margin-right:16px}.form-design .base-item .slider-box>.number{width:70px}.form-design .base-item .el-input-number-diaplay{vertical-align:middle;display:inline-flex;position:relative}.form-design .base-item .el-input-number-diaplay .el-input-number__append{float:left;background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;white-space:nowrap;border-left:0;border-right:0}.form-design .base-item .el-input-number-diaplay .el-input-number__append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.form-design .base-item .el-input-number-diaplay .el-input-number-group__append{border-left:0;text-align:center;display:inline-table}.form-design .option-change-container .option-change-box{height:38px;padding-bottom:6px}.form-design .option-change-container .option-change-box .option-delete-box{margin-top:3px;background:#ffe9e9;color:#f22;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;overflow:hidden;transition:all .3s}.form-design .option-change-container .option-change-box .option-delete-box:hover{background:#f22;color:#fff}.form-design .divider-center .is-center{font-size:13px;left:40%;transform:translate(-40%) translateY(-50%)}.form-design .control-form{min-height:80px}.form-design .form-table-bordered{border:1px solid #ccc}.form-design .json-box .el-textarea__inner{height:300px}.design-preview .item-main{height:calc(100vh - 140px);padding:0 20px;overflow:auto}.form-render-preview{height:600px}.form-render-preview .el-tab-pane{height:500px;overflow:auto}.form-design .form-item{height:100%}.form-design .form-item .el-collapse-item__content{padding-bottom:0}.form-design{height:100%;width:100%}.form-design .ng-form-upload .el-upload{display:flex}.form-properties{height:100%;width:100%}.height-all{height:100%}.drag-title{width:100%;height:38px;line-height:38px;background:#f5f5f5;border-radius:5px;padding-left:20px;margin:10px 0;position:relative}.drag-title:before{content:"";width:7px;height:38px;background:#3654A5;border-radius:4px;position:absolute;left:0}.pregnancy-table td{width:150px}.pregnancy-table td div{text-align:center}.label_title{text-align:right;vertical-align:middle;font-size:14px;color:#606266;line-height:36px}.seat{height:10px}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@skexplore/form-customized-vue2",
+  "version": "0.1.0",
+  "description": "SkExplore 通用组件包",
+  "main": "dist/sk-form-customized.umd.js",
+  "module": "dist/sk-form-customized.es.js",
+  "unpkg": "dist/sk-form-customized.umd.min.js",
+  "style": "dist/style.css",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint --ext .js,.vue src",
+    "prerelease": "node -e \"const{execSync}=require('child_process');try{const u=execSync('npm whoami --registry=https://registry.npmjs.org/',{stdio:['ignore','pipe','ignore']}).toString().trim();console.log('npm user:',u)}catch(e){console.error('\\n[release] You are NOT logged in to npmjs.org. Run:\\n  npm login --registry=https://registry.npmjs.org/\\n');process.exit(1)}\"",
+    "release": "npm run build && npm publish --registry=https://registry.npmjs.org/ --access public",
+    "publish:only": "npm publish --registry=https://registry.npmjs.org/ --access public"
+  },
+  "keywords": [
+    "vue",
+    "element-ui",
+    "form",
+    "components"
+  ],
+  "author": "SkExplore",
+  "license": "MIT",
+  "peerDependencies": {
+    "element-ui": "^2.15.0",
+    "vue": "^2.7.0"
+  },
+  "dependencies": {
+    "axios": "^0.27.2",
+    "lodash": "^4.17.21",
+    "vuedraggable": "^2.24.3"
+  },
+  "devDependencies": {
+    "vite-plugin-vue2": "^2.0.3",
+    "element-ui": "^2.15.14",
+    "vue": "^2.7.16",
+    "vue-template-compiler": "^2.7.16",
+    "vite": "^4.5.5",
+    "sass": "^1.71.0"
+  }
+}