feat: 新增列表属性

Author: liukai154

docs/.vuepress/components/attrs/select-side.vue

@@ -0,0 +1,51 @@
+<template>
+  <el-form size="small" label-position="left" label-width="90px" class="select-side">
+    <schema-form
+      :model="model"
+      :schema="schema"
+      :options="options"
+    >
+    </schema-form>
+  </el-form>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      model: {
+        age: ''
+      },
+      schema: [
+        [
+          {
+            type: 'select',
+            prop: 'age',
+            attrs: {
+              optionSides: ['label', 'desc'],
+              popperClass: 'attr-side'
+            },
+            formItem: { label: '年龄' }
+          }
+        ]
+      ],
+      options: {
+        age: [
+          { label: '18', value: 18, desc: '描述A' },
+          { label: '19', value: 19, desc: '描述B' },
+          { label: '20', value: 20, desc: '描述C' }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less">
+  .attr-side {
+    .side-1 {
+      margin-left: 5px;
+      color: #b7b4b4;
+    }
+  }
+</style>

docs/.vuepress/components/code-contain.vue

@@ -36,6 +36,8 @@ import CustomInput from './custom-input'
 import DynamicInput from './dynamic-input'
 // 拓展组件
 import ExpandCodeMirror from './expand-code-mirror'
+// 拓展属性
+import AttrsSelectSide from './attrs/select-side.vue'
 
 export default {
   props: {
@@ -60,7 +62,8 @@ export default {
     ExpandCodeMirror,
     SlotTool,
     SlotTooltip,
-    SlotLabel
+    SlotLabel,
+    AttrsSelectSide
   },
   data () {
     return {

docs/.vuepress/config.js

@@ -44,7 +44,8 @@ module.exports = {
             ['/guide/component/slot', 'slot 插槽'],
             ['/guide/component/dynamic', 'dynamicAttrs 动态属性'],
             ['/guide/component/custom', '自定义组件'],
-            ['/guide/component/expand', '第三方拓展']
+            ['/guide/component/expand', '第三方拓展'],
+            ['/guide/component/attr', '拓展属性']
           ]
         }
       ]

docs/guide/component/attr.md

@@ -0,0 +1,9 @@
+### 拓展属性
+
+### select 拓展
+
+新增 `optionSides` 属性，用于适应下拉框中展示多种属性
+
+<code-contain compName="AttrsSelectSide" >
+<<< @/docs/.vuepress/components/attrs/select-side.vue
+</code-contain>

docs/guide/更新日志.md

@@ -1,85 +1,68 @@
 ---
-{
-  "title": "更新日志",
-}
+{ "title": "更新日志" }
 ---
 
+## 0.1.8 （2021-10-25）
+
+- select 选择器拓展 `optionSides`, 丰富下拉展示
+
 ## 0.1.7 (2021-02-20)
 
-* 增加新属性 labelTooltip, 用于自定义标题的说明
-* 增加标签插槽 labelSlot
+- 增加新属性 labelTooltip, 用于自定义标题的说明
+- 增加标签插槽 labelSlot
 
 ## 0.1.6 (2021-01-22)
 
-
 ### feat
 
-* 增加属性rearHtml、frontHtml ([89b9aa8](https://github.com/vueblocks/element-schema-form/commit/89b9aa8b7cefbd81da8d08e6ae9d857d69809b6b))
+- 增加属性 rearHtml、frontHtml ([89b9aa8](https://github.com/vueblocks/element-schema-form/commit/89b9aa8b7cefbd81da8d08e6ae9d857d69809b6b))
 
 ## [0.1.4](https://github.com/vueblocks/element-schema-form/compare/v0.1.3...v0.1.4) (2019-12-03)
 
-
 ### feat
 
-* 增加timepicker 任意时间点选择 ([fcf5a3f](https://github.com/vueblocks/element-schema-form/commit/fcf5a3f3c1c275d7d1e02b0e25e2a7ac06638e6b))
+- 增加 timepicker 任意时间点选择 ([fcf5a3f](https://github.com/vueblocks/element-schema-form/commit/fcf5a3f3c1c275d7d1e02b0e25e2a7ac06638e6b))
 
 ## [0.1.3](https://github.com/vueblocks/element-schema-form/compare/v0.1.2...v0.1.3) (2019-11-01)
 
-
 ### Bug Fixes
 
-*  schema-form插槽错误 ([fe43fbb](https://github.com/vueblocks/element-schema-form/commit/fe43fbb4c47984f092254536eff93c800617e6e7))
-
-
+- schema-form 插槽错误 ([fe43fbb](https://github.com/vueblocks/element-schema-form/commit/fe43fbb4c47984f092254536eff93c800617e6e7))
 
 ## [0.1.2](https://github.com/vueblocks/element-schema-form/compare/v0.1.1...v0.1.2) (2019-10-30)
 
-
-
 ## [0.1.1](https://github.com/vueblocks/element-schema-form/compare/v0.1.0...v0.1.1) (2019-10-29)
 
-
 ### Features
 
-* 新增【重置表单】功能 ([9da36a3](https://github.com/vueblocks/element-schema-form/commit/9da36a37cadf06bedabf4bbdb9994ac620fa13e3))
-
-
+- 新增【重置表单】功能 ([9da36a3](https://github.com/vueblocks/element-schema-form/commit/9da36a37cadf06bedabf4bbdb9994ac620fa13e3))
 
 ## [0.1.0](https://github.com/vueblocks/element-schema-form/compare/9c615890fe925a11c33f3b3534381332b9867cf7...v0.1.0) (2019-10-28)
 
-
 ### Bug Fixes
 
-* copy 激活行数调整，api将module修改为model ([d3682be](https://github.com/vueblocks/element-schema-form/commit/d3682be362dec1c3f96ee120fcebaf27664a75e4))
-
+- copy 激活行数调整，api 将 module 修改为 model ([d3682be](https://github.com/vueblocks/element-schema-form/commit/d3682be362dec1c3f96ee120fcebaf27664a75e4))
 
 ### Features
 
-* 🌈完成生成 Vue 代码功能 ([215dac0](https://github.com/vueblocks/element-schema-form/commit/215dac0ce0987f5e59b3507a51f5431da59af09e))
-* 💥引入 vuex-persistedstate 数据持久化插件 ([e825350](https://github.com/vueblocks/element-schema-form/commit/e825350561a37de53ecb78fa4d789bc7875ada5e))
-* 📋添加复制代码到剪切板功能 ([8e069b3](https://github.com/vueblocks/element-schema-form/commit/8e069b36113d7357705d30acf77b208b4a8d70b9))
-* 修改布局算法 ([0d38a49](https://github.com/vueblocks/element-schema-form/commit/0d38a493503b80369276d6756de037571ea9847d))
-* 基础组件 ([9c61589](https://github.com/vueblocks/element-schema-form/commit/9c615890fe925a11c33f3b3534381332b9867cf7))
-* 增加json编辑器 ([3887414](https://github.com/vueblocks/element-schema-form/commit/38874147675504d40a670bacd4373dd109bc5f45))
-* 增加列跨度配置 ([b6d72c6](https://github.com/vueblocks/element-schema-form/commit/b6d72c60720645b02076466f3bbd67e215934b3e))
-* 增加拓展组件 ([d635fdd](https://github.com/vueblocks/element-schema-form/commit/d635fdd40349e93eecda0f52a9c249d2b87b0a6a))
-* 增加组件个性化属性(1) ([2ca9dc7](https://github.com/vueblocks/element-schema-form/commit/2ca9dc74b296f6d0de97d6493245cde3aeca5afe))
-* 增加组件基础属性编辑 ([30d335e](https://github.com/vueblocks/element-schema-form/commit/30d335ebede61056ca1c5c941d673a638c14429c))
-* 增加表单预览 ([a70c222](https://github.com/vueblocks/element-schema-form/commit/a70c2222bc5358cd2e440299d0acd78032649599))
-* 处理左侧布局删除列逻辑 ([c047010](https://github.com/vueblocks/element-schema-form/commit/c04701062e7eb8fbc2b59f66b8675cb15c172c5e))
-* 完成生成 Schema 功能 ([dcbe5c5](https://github.com/vueblocks/element-schema-form/commit/dcbe5c51500a3f6b63985597b275d954a464ac3c))
-* 搭建表单生成器页面 ([62d3085](https://github.com/vueblocks/element-schema-form/commit/62d30855341080e3de09b4291263fca3228cd5e5))
-* 新增/删除行 ([f99ad57](https://github.com/vueblocks/element-schema-form/commit/f99ad57357db78ba3fc4f31aaee6a61e17d1a49b))
-* 新增tag等基本组件 ([3e8c38d](https://github.com/vueblocks/element-schema-form/commit/3e8c38d56962faeb4e9f13a28f9af1fa9b8b863e))
-* 新增列排序功能 ([0a74c03](https://github.com/vueblocks/element-schema-form/commit/0a74c03c62e4ada86d98127566a8cb5449cc324e))
-* 新增行复制 ([6698e11](https://github.com/vueblocks/element-schema-form/commit/6698e11a3505fa884026ccfe981d543b82086cb4))
-* 新增表单列删除功能 ([c08c8c0](https://github.com/vueblocks/element-schema-form/commit/c08c8c0c44bdb3ed76d9fce333992069cfb972d6))
-* 新增表单配置面板 ([ecdbee5](https://github.com/vueblocks/element-schema-form/commit/ecdbee5557f6cddfe28617939f189d4f9de61992))
-* 私有属性调整 ([cf61919](https://github.com/vueblocks/element-schema-form/commit/cf6191953e5117db4138d255dfd438022c03ddf5))
-
-
-
-
-
-
-
+- 🌈 完成生成 Vue 代码功能 ([215dac0](https://github.com/vueblocks/element-schema-form/commit/215dac0ce0987f5e59b3507a51f5431da59af09e))
+- 💥 引入 vuex-persistedstate 数据持久化插件 ([e825350](https://github.com/vueblocks/element-schema-form/commit/e825350561a37de53ecb78fa4d789bc7875ada5e))
+- 📋 添加复制代码到剪切板功能 ([8e069b3](https://github.com/vueblocks/element-schema-form/commit/8e069b36113d7357705d30acf77b208b4a8d70b9))
+- 修改布局算法 ([0d38a49](https://github.com/vueblocks/element-schema-form/commit/0d38a493503b80369276d6756de037571ea9847d))
+- 基础组件 ([9c61589](https://github.com/vueblocks/element-schema-form/commit/9c615890fe925a11c33f3b3534381332b9867cf7))
+- 增加 json 编辑器 ([3887414](https://github.com/vueblocks/element-schema-form/commit/38874147675504d40a670bacd4373dd109bc5f45))
+- 增加列跨度配置 ([b6d72c6](https://github.com/vueblocks/element-schema-form/commit/b6d72c60720645b02076466f3bbd67e215934b3e))
+- 增加拓展组件 ([d635fdd](https://github.com/vueblocks/element-schema-form/commit/d635fdd40349e93eecda0f52a9c249d2b87b0a6a))
+- 增加组件个性化属性(1) ([2ca9dc7](https://github.com/vueblocks/element-schema-form/commit/2ca9dc74b296f6d0de97d6493245cde3aeca5afe))
+- 增加组件基础属性编辑 ([30d335e](https://github.com/vueblocks/element-schema-form/commit/30d335ebede61056ca1c5c941d673a638c14429c))
+- 增加表单预览 ([a70c222](https://github.com/vueblocks/element-schema-form/commit/a70c2222bc5358cd2e440299d0acd78032649599))
+- 处理左侧布局删除列逻辑 ([c047010](https://github.com/vueblocks/element-schema-form/commit/c04701062e7eb8fbc2b59f66b8675cb15c172c5e))
+- 完成生成 Schema 功能 ([dcbe5c5](https://github.com/vueblocks/element-schema-form/commit/dcbe5c51500a3f6b63985597b275d954a464ac3c))
+- 搭建表单生成器页面 ([62d3085](https://github.com/vueblocks/element-schema-form/commit/62d30855341080e3de09b4291263fca3228cd5e5))
+- 新增/删除行 ([f99ad57](https://github.com/vueblocks/element-schema-form/commit/f99ad57357db78ba3fc4f31aaee6a61e17d1a49b))
+- 新增 tag 等基本组件 ([3e8c38d](https://github.com/vueblocks/element-schema-form/commit/3e8c38d56962faeb4e9f13a28f9af1fa9b8b863e))
+- 新增列排序功能 ([0a74c03](https://github.com/vueblocks/element-schema-form/commit/0a74c03c62e4ada86d98127566a8cb5449cc324e))
+- 新增行复制 ([6698e11](https://github.com/vueblocks/element-schema-form/commit/6698e11a3505fa884026ccfe981d543b82086cb4))
+- 新增表单列删除功能 ([c08c8c0](https://github.com/vueblocks/element-schema-form/commit/c08c8c0c44bdb3ed76d9fce333992069cfb972d6))
+- 新增表单配置面板 ([ecdbee5](https://github.com/vueblocks/element-schema-form/commit/ecdbee5557f6cddfe28617939f189d4f9de61992))
+- 私有属性调整 ([cf61919](https://github.com/vueblocks/element-schema-form/commit/cf6191953e5117db4138d255dfd438022c03ddf5))