ap-dev 1.1.18 → 1.1.22

package/dev/ApiPanel/menus.js

@@ -35,6 +35,9 @@ const menus = [
             }, {
                 id: 'ApiForm',
                 label: '2.5 表单相关组件'
+            }, {
+                id: 'ApiEcharts',
+                label: '2.6 图表组件'
             }]
     }, {
         id: 'ApiDefault',

package/dev/ApiPanel/modules/ApiEcharts.vue

@@ -0,0 +1,100 @@
+<template>
+    <div>
+        <api-tittle-1>图表组件</api-tittle-1>
+        <api-tittle-2>一、使用方法</api-tittle-2>
+        <api-content>
+            <api-code>{{ js1 }}</api-code>
+
+            <br>echarts官方文档：
+            <el-link type="primary">https://echarts.apache.org/zh/option.html#title</el-link>
+        </api-content>
+        <api-tittle-2>二、参数说明</api-tittle-2>
+        <api-table :data="methodData" :columns="methodCols"/>
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+
+export default {
+    name: 'ApiEcharts',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
+    },
+    data() {
+        const methodCols = [
+            { label: '名称', prop: 'name', width: '180px' },
+            { label: '类型', prop: 'type', width: '100px' },
+            { label: '默认值', prop: 'default', width: '80px' },
+            { label: '描述', prop: 'memo', minWidth: '100px' },
+            { label: '示例代码', prop: 'code', minWidth: '100px' }]
+        const methodData = [
+            {
+                name: 'id',
+                type: '字符串',
+                default: '时间戳',
+                memo: 'echarts渲染dom对应的id',
+                code: `<div class="api-code">id: "myId"</div>`
+            }, {
+                name: 'color',
+                type: '字符串',
+                default: '无',
+                memo: '图表的内置配色库<br>可选值：light、dark',
+                code: `<div class="api-code">color: "light"</div>`
+            }, {
+                name: '其他',
+                type: '',
+                default: '',
+                memo: '同echarts官方属性',
+                code: `<div class="api-code">let opts  = {
+    // 自定义id
+    id: "myId",
+    // 配色
+    color: "light",
+    // ---------- echarts 官方属性示例 start ----------
+    xAxis: {
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+    },
+    yAxis: {
+        type: 'value'
+    },
+    series: [
+        {
+            data: [150, 230, 224, 218, 135, 147, 260],
+            type: 'line'
+        }
+    ]
+    // ---------- echarts 官方属性示例 end ----------
+};</div>`
+            }
+        ]
+
+        let js1 = `// 1、定义组件
+      <div style="width: 500px;height: 400px;">
+          <ap-chart ref="barChart" :options.sync="opts"></ap-chart>
+      </div>
+// 2、导入组件
+import ApChart from 'ap-frame/frame/components/ApChart'
+// 3、定义参数
+data() {
+    return {
+        opts: {
+            id: "myId",
+            color: "light",
+            ...
+        }
+    }
+}`
+        return {
+            methodData,
+            methodCols,
+            js1
+        }
+    },
+    methods: {}
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiGrid.vue

@@ -568,7 +568,13 @@ cellClassName: (param) => {
         default: '',
         memo: '显示的标题',
         code: '<span class="api-code">label: "名称"，</span>'
-      }, {
+      },{
+            name: 'help',
+            type: '字符串',
+            default: '',
+            memo: '提示信息',
+            code: `<span class="api-code">help: "这是提示信息" <br> help: "&lt;div style='color:red'>这是标题提示&lt;/div>", </span>`
+        }, {
         name: 'prop',
         type: '字符串',
         default: '',
@@ -1483,7 +1489,7 @@ searchPickerParamsMain: (row, col, selectedNode) => {
 
       // 列属性
       const columnsRowSpan = 1
-      const colCommonRowSpan = 10
+      const colCommonRowSpan = 11
       const colCommonStyleRowSpan = 6
       const colCommonRenderRowSpan = 7
       const inputRowSpan = 1

package/dev/ApiPanel/modules/ApiStandard.vue

@@ -17,7 +17,10 @@ export default {
                 label: "2.后端-命名规范",
                 component: "ApiNameJava"
             }, {
-                label: "3.后端-数据类型",
+                label: "3.后端-接口规范",
+                component: "ApiInterfaceJava"
+            }, {
+                label: "4.后端-数据类型",
                 component: "ApiDataTypeJava"
             }
         ];

package/dev/ApiPanel/tabs/ApiFormSearchTree.vue

@@ -83,6 +83,17 @@ export default {
         memo: '数据请求method。get或post',
         code: `<div class="api-code"></div>`
       }, {
+            name: 'searchTreeParams',
+            type: '对象/方法',
+            default: '',
+            memo: '数据请求参数。<br>注：1、参数动态时需要使用方法，参数固定可直接定义对象',
+            code: `<div class="api-code">1、固定参数：定义对象
+searchTreeParams: { type: 123}
+2、动态参数：使用箭头函数
+searchTreeParams: () => {
+    return { type: this.typeId}
+}</div>`
+        }, {
         name: 'searchTreeSelectMultiple',
         type: '布尔',
         default: 'false',
@@ -159,4 +170,4 @@ options:{
 </script>
 
 <style scoped>
-</style>
+</style>

package/dev/ApiPanel/tabs/ApiInterfaceJava.vue

@@ -0,0 +1,37 @@
+<template>
+    <div>
+        <api-tittle-1>后端-接口规范：</api-tittle-1>
+        <api-tittle-2>接口路径命名规范</api-tittle-2>
+        <api-content>
+            1. 给第三方的接口（token认证）：<span class="api-code">/open/**</span>
+            <br>
+            <br>
+            2. 给第三方的接口（不需要token认证）：<span class="api-code">/api/**</span>
+            <br>
+            <br>
+            3. 白名单（不需要token认证）：<span class="api-code">/whitelist/**</span>
+            <br>
+            <br>
+            <api-code>
+                // 示例<br>
+                @RequestMapping("/api/test")
+            </api-code>
+        </api-content>
+
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+
+export default {
+    name: 'ApiInterfaceJava',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
+    }
+}
+</script>
+
+<style scoped>
+
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ap-dev",
-  "version": "1.1.18",
+  "version": "1.1.22",
   "description": "===== ap-dev =====",
   "author": "xiexinbin",
   "email": "876818817@qq.com",