1

ruoyi-ui/src/layout/components/AppMain.vue

@@ -26,7 +26,8 @@ export default {
 }
 </script>
 
-<style lang="scss" >
+<style lang="scss" scoped>
+
 .app-main {
   /* 50= navbar  50  */
   min-height: calc(100vh - 50px);

ruoyi-ui/src/views/system/fromModeling/docs/README.md

@@ -1,97 +0,0 @@
-
-
-
-# 表单设计器 k-form-design![](https://img.shields.io/github/stars/Kchengz/k-form-design?style=social)
-
-<p align="center">
-  <a href="https://github.com/vuejs/vue">
-    <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
-  </a>
-  <a href="https://github.com/vueComponent/ant-design-vue">
-    <img src="https://img.shields.io/badge/Ant%20Design%20Vue-1.5.1-blue" alt="ant-design-vue">
-  </a>
-  <a href="https://github.com/Kchengz/k-form-design/blob/master/LICENSE">
-    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
-  </a>
-</p>
-
-### 简介
-基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速
-- [预览地址](http://cdn.kcz66.com/k-form-design.html)
-- [开源地址](https://github.com/Kchengz/k-form-design)
-
-### 特性
-- 可视化配置页面
-- 提供栅格、表格等布局
-- 布局嵌套使用
-- 表单自定义样式(以行内样式插入)
-- 提供预览、保存、生成json、生成可执行代码等操作
-- 支持表单验证
-- 快速获取表单数据
-- 自定义组件插入
-- 提供高级控件
-- 自定义主题色
-
-### 版本
-[![](https://img.shields.io/npm/v/k-form-design.svg?style=flat-square)](https://www.npmjs.com/package/k-form-design)
-
-### 组件
-- KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面）
-- KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面）
-
-### 安装
-
-> 安装表单设计器
-
-```cmd
-npm i k-form-design --save
- 
-# OR
-yarn add k-form-design
-```
-
-> 安装 ant-design-vue UI ，推荐 vue2 版本最新的 1.7.8版本
-
-```cmd
-npm i ant-design-vue@1.7.8 --save
-
-# OR
-yarn add ant-design-vue@1.7.8
-```
-
-### 引入组件
-
-``` javascript
-// 在main.js引入
-
-// 注：useComponents 需放最上面，优先注册懒加载组件
-import 'k-form-design/packages/core/useComponents'
-import KFormDesign from 'k-form-design/packages/use.js'
-import 'k-form-design/lib/k-form-design.css'
-
-Vue.use(KFormDesign)
-```
-
-### 使用组件
-``` javascript
-<template>
-  <div>
-   <k-form-design />
-  </div>
-</template>
-```
-
-### 交流
-点击链接加入qq群聊，可以直接提问及反馈bug
-
-- [【k-form-desgin交流群：1020643215】](https://jq.qq.com/?_wv=1027&k=5BeoFAr) 
-
-- [【k-form-desgin交流二群：727396923】](https://jq.qq.com/?_wv=1027&k=uYyqQPlQ)
-
-### 捐赠
-如果你觉得k-form-design对你有帮助，欢迎给我捐赠
-![](http://cdn.kcz66.com/donation.png)
-
-### License
-[MIT](https://github.com/Kchengz/k-form-design/blob/master/LICENSE)
-Copyright (c) 2019-present kchengz

ruoyi-ui/src/views/system/fromModeling/docs/_coverpage.md

@@ -1,33 +0,0 @@
-<!--
- * @Description: 封面 
- * @Author: kcz
- * @Date: 2020-01-01 15:07:57
- * @LastEditors  : kcz
- * @LastEditTime : 2020-01-02 09:06:29
- -->
-
-
-## k-form-design | 基于vue.js与ant-design的表单设计构建组件
-
-<p align="center">
-  <a href="https://github.com/vuejs/vue">
-    <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
-  </a>
-  <a href="https://github.com/vueComponent/ant-design-vue">
-    <img src="https://img.shields.io/badge/Ant%20Design%20Vue-1.3.14-blue" alt="ant-design-vue">
-  </a>
-  <a href="https://github.com/Kchengz/k-form-design/blob/master/LICENSE">
-    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
-  </a>
-</p>
-
-- 可视化配置页面
-- 快速获取表单数据
-- 支持表单验证
-
-[GitHub](https://github.com/Kchengz/k-form-design)
-[文档](/zh-cn/guide/start) 
-
-<!-- background color -->
-
-![color](#e4fff7)

ruoyi-ui/src/views/system/fromModeling/docs/_sidebar.md

@@ -1,25 +0,0 @@
-* [KFormDesign](README)
-- 开始
-  * [快速上手](zh-cn/guide/start?id=快速上手)
-  * [使用组件](zh-cn/guide/start?id=引入-k-form-design)
-  * [建议](zh-cn/guide/start?id=使用建议)
-  * [集成源码](zh-cn/guide/soundCode)
-  * [定制主题](zh-cn/guide/customize-theme)
-  * [兼容ie](zh-cn/vue-cli-ie)
-- 组件
-  * [k-form-design](zh-cn/components/design)
-  * [k-form-build](zh-cn/components/build)
-  * [k-form-build form属性](zh-cn/components/form)
-
-- 控件
-
-  * [自定义控件](zh-cn/field/custom)
-  * [富文本](zh-cn/field/editor)
-  * [树选择器](zh-cn/field/treeSelect)
-  * [联级选择器](zh-cn/field/cascader)
-  * [上传接口](zh-cn/config)
-  * [节点管理对象](zh-cn/field/nodeSchema)
-
-* [交流](zh-cn/communication)
-* [捐赠](zh-cn/donation)
-

ruoyi-ui/src/views/system/fromModeling/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <div>
-    <k-form-design />
-  </div>
-</template>
+    <div>
+      <k-form-design 
+      :showHead="false"
+      />
+    </div>
+  </template>
+<script>
+</script>

ruoyi-ui/src/views/system/fromModeling/docs/zh-cn/components/design.md → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/docs/zh-cn/components/design.md

@@ -212,7 +212,7 @@ export default {
         <td>title</td>
         <td>表单设计器标题</td>
         <td>String</td>
-        <td>"表单设计器11111 --by kcz"</td>
+        <td>"表单设计器 "</td>
         <td></td>
       </tr>
       <tr>

ruoyi-ui/src/views/system/fromModeling/docs/zh-cn/guide/customize-theme.md → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/docs/zh-cn/guide/customize-theme.md

@@ -7,7 +7,7 @@ k-form-design 的样式使用了 Less 作为开发语言，并定义了主色、
 @layout-color: "#ee88aa"; // 布局色
 @title-text-color: "#ffffff"; // 标题文字颜色
 @header-height: 56px; // 头部高度
-@left-right-width: 270px; // 左右栏宽度
+@left-right-width: 310px; // 左右栏宽度
 @border-color: #ccc; // 边框颜色
 ```
 #### 首先需要引入less文件才能生效

ruoyi-ui/src/views/system/fromModeling/docs/zh-cn/vue-cli-ie.md → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/docs/zh-cn/vue-cli-ie.md

@@ -17,7 +17,7 @@ yarn add babel/polyfill
 
 ```js
 // 在顶部引入@babel/polyfill处理兼容,以确保首先加载polyfill
-// import '@babel/polyfill'
+import '@babel/polyfill'
 
 import Vue from 'vue'
 ```

ruoyi-ui/src/views/system/fromModeling/examples/components/CustomComponent/index.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/examples/components/CustomComponent/index.vue

@@ -1,10 +1,4 @@
-<!--
- * @Description:自定义控件
- * @Author: kcz
- * @Date: 2020-03-13 10:50:49
- * @LastEditors: kcz
- * @LastEditTime: 2020-07-09 22:19:53
- -->
+
 <template>
   <div>
     <input

ruoyi-ui/src/views/system/fromModeling/examples/main.js → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/examples/main.js

@@ -11,10 +11,10 @@ import "@babel/polyfill";
 import Vue from "vue";
 import App from "./App.vue";
 import router from "./router/";
-import Cmp from "./components/CustomComponent/index.vue";
+// import Cmp from "./components/CustomComponent/index.vue";
 
 // 预加载组件
-import "../packages/core/preUseComponents";
+// import "../packages/core/preUseComponents";
 // 懒加载组件
 import { useAntd } from "../packages/core/useComponents";
 import { nodeSchema } from "../packages/mini";

ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KEditor/index.js

@@ -0,0 +1,2 @@
+import KEditor from "./kEditor.vue";
+export default KEditor;

ruoyi-ui/src/views/system/fromModeling/package/components/KFormDesign/index.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/index.vue

@@ -1,7 +1,7 @@
 <template>
   <a-config-provider :locale="locale">
     <div class="form-designer-container-9136076486841527" v-if="loadState">
-      <!-- <k-header v-if="showHead" :title="title" /> -->
+      <k-header v-if="showHead" :title="title" />
       <!-- 操作区域 start -->
       <operatingArea
         v-if="toolbarsTop"
@@ -157,7 +157,7 @@ export default {
   props: {
     title: {
       type: String,
-      default: "表单设计器22222 --by kcz"
+      default: "表单设计器 "
     },
     showHead: {
       type: Boolean,
@@ -506,11 +506,3 @@ export default {
   }
 };
 </script>
-<style>
-.form-designer-container-9136076486841527 .content aside, .k-form-build-9136076486841527 .content aside {
-    -webkit-box-shadow: 0 0 1px 1px #ccc;
-    box-shadow: 0 0 1px 1px #ccc;
-    width: 300px !important;
-    height: 100%;
-}
-</style>

ruoyi-ui/src/views/system/fromModeling/package/components/KFormDesign/module/codeModal.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/module/codeModal.vue

@@ -161,4 +161,3 @@ export default {
   }
 };
 </script>
-

ruoyi-ui/src/views/system/fromModeling/package/components/KFormDesign/module/formComponentPanel.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/module/formComponentPanel.vue

@@ -8,7 +8,7 @@
 <template>
   <div class="form-panel">
     <p class="hint-text" v-show="data.list.length === 0">
-      <a-empty description="从左侧选择控件添加组件进行编辑" />
+      <a-empty description="从左侧选择控件添加" />
     </p>
 
     <a-form

ruoyi-ui/src/views/system/fromModeling/package/components/KFormDesign/module/formProperties.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/module/formProperties.vue

@@ -2,6 +2,11 @@
   <div class="properties-centent kk-checkbox">
     <div class="properties-body">
       <a-form>
+        <!-- ++++++ -->
+        <!-- <a-form-item label="背景颜色">
+          你好
+        </a-form-item> -->
+
 
         <a-form-item label="表单布局">
           <Radio buttonStyle="solid" v-model="config.layout">
@@ -88,11 +93,8 @@
         <a-form-item label="预览模态框宽度">
           <InputNumber style="width:100%;" v-model="previewOptions.width" />
         </a-form-item>
-        <a-form-item label="表单CSS11111">
+        <a-form-item label="表单CSS">
           <Textarea v-model="config.customStyle" />
-          <!-- 要在这里改 -->
-          <!-- <ColorPicker :options="options.color" v-model="config.customStyle"/> -->
-          <!--  -->
         </a-form-item>
         <a-form-item label="表单属性">
           <kCheckbox v-model="config.hideRequiredMark" label="隐藏必选标记" />

ruoyi-ui/src/views/system/fromModeling/package/components/KFormDesign/module/header.vue → ruoyi-ui/src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/module/header.vue

@@ -12,13 +12,9 @@
 export default {
   props: {
     title: {
-      type: String,
-      default: "表单设计器3333 --by kcz"
+      // type: String,
+      default: "表单设计器1111111111 --by kcz"
     }
   }
 };
 </script>
-
-<style lang="scss" scoped>
-
-</style>