ap-dev 1.2.25 → 1.2.27

package/dev/CustomPanel/items/ApDevSelectProp.vue

@@ -1,83 +1,83 @@
-<template>
-  <div style="padding: 0px 10px;">
-    <el-form :model="opts" label-position="left" :rules="rules" label-width="100px" class="demo-ruleForm">
-      <el-form-item label="栅格" prop="span">
-        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
-      </el-form-item>
-      <el-form-item label="类型" prop="type">
-        <el-select v-model="opts.type">
-          <el-option label="slect（默认)" value="select" />
-          <el-option label="cascader（级联）" value="cascader" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="name" prop="name">
-        <el-input v-model="opts.name" placeholder="name" />
-      </el-form-item>
-      <el-form-item label="标签" prop="labelName">
-        <el-input v-model="opts.labelName" />
-      </el-form-item>
-      <el-form-item label="label" prop="label">
-        <el-input v-model="opts.label" />
-      </el-form-item>
-      <el-form-item label="placeholder" prop="placeholder">
-        <el-input v-model="opts.placeholder" placeholder="占位文本" />
-      </el-form-item>
-      <el-form-item label="禁用" prop="disabled">
-        <el-switch v-model="opts.disabled" />
-      </el-form-item>
-      <el-form-item label="显示清空" prop="clearable">
-        <el-switch v-model="opts.clearable" />
-      </el-form-item>
-      <el-form-item label="多选" prop="multiple">
-        <el-switch v-model="opts.multiple" />
-      </el-form-item>
-      <el-form-item label="搜索" prop="filterable">
-        <el-switch v-model="opts.filterable" />
-      </el-form-item>
-      <el-form-item label="折叠tag" prop="tags">
-        <el-switch v-model="opts.tags" />
-      </el-form-item>
-      <el-form-item label="选项分隔符(级联)" prop="separator">
-        <el-input v-model="opts.separator" placeholder="默认值为/" />
-      </el-form-item>
-      <el-form-item label="悬浮触发(级联)" prop="props">
-        <el-switch v-model="opts.props" />
-      </el-form-item>
-      <el-form-item label="显示完整层级(级联)" prop="levels">
-        <el-switch v-model="opts.levels" />
-      </el-form-item>
-      <el-form-item label="选择任意一级选择(级联)" prop="checkStrictly">
-        <el-switch v-model="opts.checkStrictly" />
-      </el-form-item>
-
-      <el-button>保存</el-button>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import ApDevPropBase from './base/ApDevPropBase'
-import ElButton from 'element-ui/packages/button/src/button'
-
-export default {
-  name: 'ApDevSelectProp',
-  components: { ElButton },
-  extends: ApDevPropBase,
-  data() {
-    return {
-      rules: {
-        type: [
-          { required: true, message: 'type必填' }
-        ]
-      }
-    }
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div style="padding: 0px 10px;">
+    <el-form :model="opts" label-position="left" :rules="rules" label-width="100px" class="demo-ruleForm">
+      <el-form-item label="栅格" prop="span">
+        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
+      </el-form-item>
+      <el-form-item label="类型" prop="type">
+        <el-select v-model="opts.type">
+          <el-option label="slect（默认)" value="select" />
+          <el-option label="cascader（级联）" value="cascader" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="name" prop="name">
+        <el-input v-model="opts.name" placeholder="name" />
+      </el-form-item>
+      <el-form-item label="标签" prop="labelName">
+        <el-input v-model="opts.labelName" />
+      </el-form-item>
+      <el-form-item label="label" prop="label">
+        <el-input v-model="opts.label" />
+      </el-form-item>
+      <el-form-item label="placeholder" prop="placeholder">
+        <el-input v-model="opts.placeholder" placeholder="占位文本" />
+      </el-form-item>
+      <el-form-item label="禁用" prop="disabled">
+        <el-switch v-model="opts.disabled" />
+      </el-form-item>
+      <el-form-item label="显示清空" prop="clearable">
+        <el-switch v-model="opts.clearable" />
+      </el-form-item>
+      <el-form-item label="多选" prop="multiple">
+        <el-switch v-model="opts.multiple" />
+      </el-form-item>
+      <el-form-item label="搜索" prop="filterable">
+        <el-switch v-model="opts.filterable" />
+      </el-form-item>
+      <el-form-item label="折叠tag" prop="tags">
+        <el-switch v-model="opts.tags" />
+      </el-form-item>
+      <el-form-item label="选项分隔符(级联)" prop="separator">
+        <el-input v-model="opts.separator" placeholder="默认值为/" />
+      </el-form-item>
+      <el-form-item label="悬浮触发(级联)" prop="props">
+        <el-switch v-model="opts.props" />
+      </el-form-item>
+      <el-form-item label="显示完整层级(级联)" prop="levels">
+        <el-switch v-model="opts.levels" />
+      </el-form-item>
+      <el-form-item label="选择任意一级选择(级联)" prop="checkStrictly">
+        <el-switch v-model="opts.checkStrictly" />
+      </el-form-item>
+
+      <el-button>保存</el-button>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import ApDevPropBase from './base/ApDevPropBase'
+import ElButton from 'element-ui/packages/button/src/button'
+
+export default {
+  name: 'ApDevSelectProp',
+  components: { ElButton },
+  extends: ApDevPropBase,
+  data() {
+    return {
+      rules: {
+        type: [
+          { required: true, message: 'type必填' }
+        ]
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/dev/CustomPanel/items/ApDevTree.vue

@@ -1,10 +1,10 @@
 <template>
-  <div
+  <div
     class="dev-main-item"
     :data-ref="itemObj.ref"
     :data-type="itemObj.type"
     :style="{ width: (100 / 24 * itemObj.options.span).toFixed(5) + '%'}"
-    @click.stop="itemClick(itemObj)"
+    @click.stop="itemClick(itemObj)"
   >
     {{ itemObj.options.labelName }}
 
@@ -12,7 +12,7 @@
       <template v-if="itemObj.options.filter == true">
         <el-input
           v-model="filterText"
-          placeholder="输入关键字进行过滤"
+          placeholder="输入关键字进行过滤"
         />
       </template>
       <el-tree
@@ -30,7 +30,7 @@
         :check-strictly="itemObj.options.strictly"
         :accordion="itemObj.options.accordion"
         :draggable="itemObj.options.draggable"
-        :filter-node-method="filterNode"
+        :filter-node-method="filterNode"
       />
     </template>
   </div>
@@ -121,4 +121,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/ApDevTreeProp.vue

@@ -70,4 +70,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/ApDevUpload.vue

@@ -1,10 +1,10 @@
 <template>
-  <div
+  <div
     class="dev-main-item"
     :data-ref="itemObj.ref"
     :data-type="itemObj.type"
     :style="{ width: (100 / 24 * itemObj.options.span).toFixed(5) + '%'}"
-    @click.stop="itemClick(itemObj)"
+    @click.stop="itemClick(itemObj)"
   >
     {{ itemObj.options.labelName }}
 
@@ -27,7 +27,7 @@
         :before-upload="handleBeforeUpload"
         :before-remove="handleBeforeRemove"
         :on-exceed="handleExceed"
-        :file-list="fileList"
+        :file-list="fileList"
       >
         <el-button slot="trigger" size="small" type="primary">{{ itemObj.options.btnName }}</el-button>
         <template v-if="itemObj.options.autoUpload == false">
@@ -57,7 +57,7 @@
         :before-upload="handleBeforeUpload"
         :before-remove="handleBeforeRemove"
         :on-exceed="handleExceed"
-        :file-list="fileList"
+        :file-list="fileList"
       >
         <i class="el-icon-plus" />
         <div slot="file" slot-scope="{file}">
@@ -104,7 +104,7 @@
         :before-upload="handleBeforeUpload"
         :before-remove="handleBeforeRemove"
         :on-exceed="handleExceed"
-        :file-list="fileList"
+        :file-list="fileList"
       >
         <i class="el-icon-upload" />
         <div class="el-upload__text">将文件拖到此处，或<em>{{ itemObj.options.btnName }}</em> /
@@ -223,4 +223,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/ApDevUploadProp.vue

@@ -76,4 +76,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/base/ApDevBase.vue

@@ -20,4 +20,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/base/ApDevItemBase.vue

@@ -86,7 +86,7 @@ export default {
       this.$store.commit('updateCurrentItem', {
         ref: item.ref,
         type: item.type
-      })
+      })
     }
   }
 
@@ -95,4 +95,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/base/ApDevPropBase.vue

@@ -52,4 +52,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/base/ApDevPropStyle.vue

@@ -1,93 +1,93 @@
-<template>
-  <div class="ap-dev-style-container">
-    <el-form
-      :model="opts"
-      label-position="left"
-      :rules="rules"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
-      <el-form-item label="style" prop="labelName">
-        <el-input v-model="opts.styleStr" />
-      </el-form-item>
-      <div />
-      <el-form-item label="class" prop="labelName">
-        <el-input v-model="opts.classStr" />
-      </el-form-item>
-
-      <el-form-item label="flex布局" prop="isFlex">
-        <el-switch v-model="opts.isFlex" />
-      </el-form-item>
-      <div v-if="opts.isFlex" class="ap-dev-style-box">
-        <el-form-item label="排列方式" prop="flexLayout">
-          <el-radio-group v-model="opts.flexLayout">
-            <el-radio label="row">水平(默认)</el-radio>
-            <el-radio label="column">垂直</el-radio>
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item label="对齐方式">
-          <el-checkbox-group v-model="opts.flexAlign" class="ap-dev-checkbox">
-            <el-checkbox label="flexHorizontal">水平居中</el-checkbox>
-            <el-checkbox label="flexVertical">垂直居中</el-checkbox>
-            <el-checkbox label="flexBetween">两端对齐</el-checkbox>
-          </el-checkbox-group>
-        </el-form-item>
-
-        <el-form-item label="flex-1" prop="flex1">
-          <el-switch v-model="opts.flex1" />
-        </el-form-item>
-      </div>
-
-
-      <el-button @click="test">容器</el-button>
-
-    </el-form>
-  </div>
-
-</template>
-
-<script>
-import ApDevPropBase from './ApDevPropBase'
-import ElButton from 'element-ui/packages/button/src/button'
-
-// 注意点：1、表单必须绑定opts。
-export default {
-  name: 'ApDevPropStyle',
-  components: { ElButton },
-  extends: ApDevPropBase,
-  data() {
-    return {
-      rules: {
-        type: [
-          { required: true, message: 'type必填' }
-        ],
-        vModel: [
-          { required: true, message: 'v-model必填' }
-        ]
-      }
-    }
-  },
-  methods: {
-    test() {
-      console.log(this.opts)
-    }
-  }
-}
-</script>
-
-
-<style scoped>
-    .ap-dev-style-container {
-        padding: 0px 10px;
-    }
-
-    .ap-dev-checkbox {
-        line-height: 1;
-    }
-
-    .ap-dev-style-box {
-        border: 1px dashed #eeeeee;
-        padding: 5px 0px 5px 20px;
-    }
-</style>
+<template>
+  <div class="ap-dev-style-container">
+    <el-form
+      :model="opts"
+      label-position="left"
+      :rules="rules"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item label="style" prop="labelName">
+        <el-input v-model="opts.styleStr" />
+      </el-form-item>
+      <div />
+      <el-form-item label="class" prop="labelName">
+        <el-input v-model="opts.classStr" />
+      </el-form-item>
+
+      <el-form-item label="flex布局" prop="isFlex">
+        <el-switch v-model="opts.isFlex" />
+      </el-form-item>
+      <div v-if="opts.isFlex" class="ap-dev-style-box">
+        <el-form-item label="排列方式" prop="flexLayout">
+          <el-radio-group v-model="opts.flexLayout">
+            <el-radio label="row">水平(默认)</el-radio>
+            <el-radio label="column">垂直</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="对齐方式">
+          <el-checkbox-group v-model="opts.flexAlign" class="ap-dev-checkbox">
+            <el-checkbox label="flexHorizontal">水平居中</el-checkbox>
+            <el-checkbox label="flexVertical">垂直居中</el-checkbox>
+            <el-checkbox label="flexBetween">两端对齐</el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+
+        <el-form-item label="flex-1" prop="flex1">
+          <el-switch v-model="opts.flex1" />
+        </el-form-item>
+      </div>
+
+
+      <el-button @click="test">容器</el-button>
+
+    </el-form>
+  </div>
+
+</template>
+
+<script>
+import ApDevPropBase from './ApDevPropBase'
+import ElButton from 'element-ui/packages/button/src/button'
+
+// 注意点：1、表单必须绑定opts。
+export default {
+  name: 'ApDevPropStyle',
+  components: { ElButton },
+  extends: ApDevPropBase,
+  data() {
+    return {
+      rules: {
+        type: [
+          { required: true, message: 'type必填' }
+        ],
+        vModel: [
+          { required: true, message: 'v-model必填' }
+        ]
+      }
+    }
+  },
+  methods: {
+    test() {
+      console.log(this.opts)
+    }
+  }
+}
+</script>
+
+
+<style scoped>
+    .ap-dev-style-container {
+        padding: 0px 10px;
+    }
+
+    .ap-dev-checkbox {
+        line-height: 1;
+    }
+
+    .ap-dev-style-box {
+        border: 1px dashed #eeeeee;
+        padding: 5px 0px 5px 20px;
+    }
+</style>

package/dev/DevDoc/index.vue

@@ -108,6 +108,7 @@ export default {
                 dialogTitle: "开发文档",
                 sortByTree: true,
                 sortByDrag: true,
+                reLoadByResponsive: true,
                 onClick: (data, node, comp) => {
                     // 检查未保存
                     if (!this.isFirstClick && this.oldEditorValue != this.$refs.richEditorRef.getContent()) {

package/dev/dev/DevUtil.js

@@ -1,31 +1,31 @@
-// 四个缓存对象
-// configForm -> vueUrl、javaUrl
-// currentComp ->  name
-// singleTableForm
-// multiTableForm
-import Vue from 'vue'
-export function getLocalData(key) {
-    const item = localStorage.getItem('ap-dev')
-    if (item == null) {
-        return {}
-    }
-    const res = JSON.parse(item)[key]
-    if (res == null) {
-        return {}
-    }
-    return res
-}
-
-export function setLocalData(key, value) {
-    const item = localStorage.getItem('ap-dev')
-    let data = {}
-    if (item != null) {
-        data = JSON.parse(item)
-    }
-    data[key] = value
-    localStorage.setItem('ap-dev', JSON.stringify(data))
-}
-
-export function getUserConfig() {
-    return getLocalData("userConfig")
-}
+// 四个缓存对象
+// configForm -> vueUrl、javaUrl
+// currentComp ->  name
+// singleTableForm
+// multiTableForm
+import Vue from 'vue'
+export function getLocalData(key) {
+    const item = localStorage.getItem('ap-dev')
+    if (item == null) {
+        return {}
+    }
+    const res = JSON.parse(item)[key]
+    if (res == null) {
+        return {}
+    }
+    return res
+}
+
+export function setLocalData(key, value) {
+    const item = localStorage.getItem('ap-dev')
+    let data = {}
+    if (item != null) {
+        data = JSON.parse(item)
+    }
+    data[key] = value
+    localStorage.setItem('ap-dev', JSON.stringify(data))
+}
+
+export function getUserConfig() {
+    return getLocalData("userConfig")
+}