feat: 增加前后rear属性

Author: lkccy

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

@@ -27,6 +27,7 @@ import LayoutFlexible from './layout-flexible'
 import SlotFront from './slot-front'
 import SlotRear from './slot-rear'
 import SlotSlot from './slot-slot'
+import SlotTool from './slot-tool'
 // 自定义组件
 import CustomInput from './custom-input'
 // 动态属性
@@ -54,7 +55,8 @@ export default {
     SlotSlot,
     CustomInput,
     DynamicInput,
-    ExpandCodeMirror
+    ExpandCodeMirror,
+    SlotTool
   },
   data () {
     return {

docs/.vuepress/components/slot-tool.vue

@@ -0,0 +1,38 @@
+<template>
+  <el-form size="small" label-position="left" label-width="90px" class="slot-tool">
+    <schema-form
+      :model="model"
+      :schema="schema"
+    >
+    </schema-form>
+  </el-form>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      model: {
+        name: ''
+      },
+      schema: [
+        [
+          {
+            type: 'input',
+            prop: 'name',
+            frontHtml: '<span><i class="el-icon-warning" />近</span>',
+            formItem: { label: '店铺年龄' },
+            rearHtml: '天'
+          }
+        ]
+      ]
+    }
+  }
+}
+</script>
+
+<style >
+.slot-tool  .el-input {
+  width: auto;
+}
+</style>

docs/guide/component/slot.md

@@ -14,4 +14,9 @@
 
 <code-contain compName="SlotRear" link="https://codesandbox.io/s/houzhichacao-vrkco?fontsize=14">  
 <<< @/docs/.vuepress/components/slot-rear.vue
+</code-contain>
+
+### 自定义前置/后置文本
+<code-contain compName="SlotTool">
+<<< @/docs/.vuepress/components/slot-tool.vue
 </code-contain>

lib/element-schema-form.common.js

@@ -87,13 +87,14 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "0bd3":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("24fb")(false);
-// Module
-exports.push([module.i, ".schema-form-item .el-cascader[data-v-7b385104],.schema-form-item .el-date-editor[data-v-7b385104],.schema-form-item .el-date-editor.el-input[data-v-7b385104],.schema-form-item .el-select[data-v-7b385104]{width:100%}", ""]);
+/***/ "1e71":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_9f420fc0_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("69cc");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_9f420fc0_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_9f420fc0_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_9f420fc0_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -455,21 +456,6 @@ function applyToTag (styleElement, obj) {
 }
 
 
-/***/ }),
-
-/***/ "5255":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("0bd3");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("6a145738", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "581d":
@@ -514,6 +500,21 @@ module.exports = function(module) {
 };
 
 
+/***/ }),
+
+/***/ "69cc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("cf87");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("11ec7b4c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "c8ba":
@@ -2299,14 +2300,13 @@ module.exports = cloneDeep;
 
 /***/ }),
 
-/***/ "e472":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "cf87":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("24fb")(false);
+// Module
+exports.push([module.i, ".schema-form-item .el-cascader[data-v-9f420fc0],.schema-form-item .el-date-editor[data-v-9f420fc0],.schema-form-item .el-date-editor.el-input[data-v-9f420fc0],.schema-form-item .el-select[data-v-9f420fc0]{width:100%}", ""]);
 
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_7b385104_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5255");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_7b385104_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_7b385104_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaFormItem_vue_vue_type_style_index_0_id_7b385104_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -2446,12 +2446,12 @@ var lodash_clonedeep_default = /*#__PURE__*/__webpack_require__.n(lodash_clonede
   }
 });
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d3b66ee-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/SchemaFormItem.vue?vue&type=template&id=7b385104&scoped=true&
-var SchemaFormItemvue_type_template_id_7b385104_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form-item',_vm._b({staticClass:"schema-form-item",attrs:{"prop":_vm.col.prop}},'el-form-item',_vm.col.formItem,false),[(_vm.col.frontSlot)?_vm._t(_vm.col.frontSlot):_vm._e(),_c(_vm.getComponentName(_vm.col.type),_vm._g(_vm._b({tag:"component",attrs:{"prop":_vm.col.prop,"value":_vm.model[_vm.col.prop],"modifier":_vm.col.modifier,"dynamicAttrs":_vm.col.dynamicAttrs,"onEvents":_vm.col.on,"options":_vm.options[_vm.col.prop]},on:{"update:value":function($event){return _vm.$set(_vm.model, _vm.col.prop, $event)}}},'component',_vm.col.attrs,false),_vm.$listeners)),(_vm.col.rearSlot)?_vm._t(_vm.col.rearSlot):_vm._e()],2)}
-var SchemaFormItemvue_type_template_id_7b385104_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d3b66ee-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/SchemaFormItem.vue?vue&type=template&id=9f420fc0&scoped=true&
+var SchemaFormItemvue_type_template_id_9f420fc0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form-item',_vm._b({staticClass:"schema-form-item",attrs:{"prop":_vm.col.prop}},'el-form-item',_vm.col.formItem,false),[(_vm.col.frontHtml)?_c('span',{domProps:{"innerHTML":_vm._s(_vm.col.frontHtml)}}):_vm._e(),(_vm.col.frontSlot)?_vm._t(_vm.col.frontSlot):_vm._e(),_c(_vm.getComponentName(_vm.col.type),_vm._g(_vm._b({tag:"component",attrs:{"prop":_vm.col.prop,"value":_vm.model[_vm.col.prop],"modifier":_vm.col.modifier,"dynamicAttrs":_vm.col.dynamicAttrs,"onEvents":_vm.col.on,"options":_vm.options[_vm.col.prop]},on:{"update:value":function($event){return _vm.$set(_vm.model, _vm.col.prop, $event)}}},'component',_vm.col.attrs,false),_vm.$listeners)),(_vm.col.rearSlot)?_vm._t(_vm.col.rearSlot):_vm._e(),(_vm.col.rearHtml)?_c('span',{domProps:{"innerHTML":_vm._s(_vm.col.rearHtml)}}):_vm._e()],2)}
+var SchemaFormItemvue_type_template_id_9f420fc0_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/packages/SchemaFormItem.vue?vue&type=template&id=7b385104&scoped=true&
+// CONCATENATED MODULE: ./src/packages/SchemaFormItem.vue?vue&type=template&id=9f420fc0&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/SchemaFormItem.vue?vue&type=script&lang=js&
 //
@@ -2473,6 +2473,8 @@ var SchemaFormItemvue_type_template_id_7b385104_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
 
 /* harmony default export */ var SchemaFormItemvue_type_script_lang_js_ = ({
   props: {
@@ -2509,8 +2511,8 @@ var SchemaFormItemvue_type_template_id_7b385104_scoped_true_staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/packages/SchemaFormItem.vue?vue&type=script&lang=js&
  /* harmony default export */ var packages_SchemaFormItemvue_type_script_lang_js_ = (SchemaFormItemvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/packages/SchemaFormItem.vue?vue&type=style&index=0&id=7b385104&lang=less&scoped=true&
-var SchemaFormItemvue_type_style_index_0_id_7b385104_lang_less_scoped_true_ = __webpack_require__("e472");
+// EXTERNAL MODULE: ./src/packages/SchemaFormItem.vue?vue&type=style&index=0&id=9f420fc0&lang=less&scoped=true&
+var SchemaFormItemvue_type_style_index_0_id_9f420fc0_lang_less_scoped_true_ = __webpack_require__("1e71");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -2618,11 +2620,11 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   packages_SchemaFormItemvue_type_script_lang_js_,
-  SchemaFormItemvue_type_template_id_7b385104_scoped_true_render,
-  SchemaFormItemvue_type_template_id_7b385104_scoped_true_staticRenderFns,
+  SchemaFormItemvue_type_template_id_9f420fc0_scoped_true_render,
+  SchemaFormItemvue_type_template_id_9f420fc0_scoped_true_staticRenderFns,
   false,
   null,
-  "7b385104",
+  "9f420fc0",
   null
 
 )