@tripup-company/element-ui-extended 0.0.114 → 0.0.116

package/README.md

@@ -20,21 +20,20 @@ npm i @tripup-company/element-ui-extended
 
 - Create the table with filters and pagination (CompositeTable)
 - Use directly components:
-  - CompositeTable
-  - EditableField
-  - GenericFilter
-  - GenericTable
-  - GeneticPaginator
-  - NewField
-  - PartColumnEdit
-  - PartColumnNew
-  - PartForm
-  - QuickSearchFilter
+  - GenericPaginator
+- CreateForm
+- UpdateForm
+- PartForm
+- NewField (detailed)
+- PartColumnEdit
+- PartColumnNew
+- PartForm
+- QuickSearchFilter
 ___
 ## Usage
 
 ### CompositeTable
-CompositeTable is component that combine such components GenericTable, GenericFilters, GenericTopFilters
+CompositeTable is component that combine such components GenericTable, GenericFilters, QuickSearchFilter
 
 ![CompositeTable diagram](https://github.com/tripup-company/element-ui-extended/blob/added_documentation/docs/diagram.jpg?raw=true)
 
@@ -77,7 +76,7 @@ export default {
       },
     },
     {
-      prop: 'ship.data.ship', label: 'Ship', callback: (field, index, row) => {
+      prop: 'ship.data.ship', label: 'Ship', tooltip: 'Some <b>HTML</b> tooltip', callback: (field, index, row) => {
         $router.push('/cruises/edit/' + row.id);
       },
       formatter: row => {
@@ -96,18 +95,54 @@ export default {
       name: 'country',
       label: 'Country',
       type: 'string',
+      tooltip: 'Filter by <i>country</i>',
     },
   ]
 }
 ```
+
+Attributes
+---
+|Attribute name|Description|Type|Accepted values|Default|
+| --- | --- | --- | --- | --- |
+|repository|Repository for data fetching|Object|—|{}|
+|fields|Table fields configuration|Array|—|[]|
+|filters|Filters configuration|Array|—|[]|
+|storage-key|Key for local storage (filters state)|String|—|''|
+|show-top-filter|Show top search filter|Boolean|—|false|
+|show-right-filter|Show right sidebar filter|Boolean|—|true|
+|top-filter|Top filter configuration|Object|—|null|
+
 ___
 
-### EditableField 
-NewField, EditableField- components that combine such components of element io: el-checkbox, el-input-number, el-select, el-date-picker, el-input
+### CreateForm & UpdateForm
+Components for creating and updating models. They use `NewColumn` and `EditColumn` internally.
 
-These components are quickly configurable through the config and are needed to shorten the code, we can render elements use loop
+```vue
+<create-form :config="config" :errors="errors" @save="handleSave" />
+<update-form :form="model" :config="config" :errors="errors" @save:value="handleUpdate" @delete:model="handleDelete" />
+```
 
-[EditableField docs](/docs/index.html#/components/EditableField)
+`CreateForm` Attributes
+---
+|Attribute name|Description|Type|Default|
+| --- | --- | --- | --- |
+|form|Form data object|Object|new BaseModel()|
+|config|Form configuration (rules, formFields)|Object|{ rules: null }|
+|errors|Validation errors from backend|Object|{}|
+
+`UpdateForm` Attributes
+---
+|Attribute name|Description|Type|Default|
+| --- | --- | --- | --- |
+|form|Form data object|Object|new BaseModel()|
+|config|Form configuration (rules, formFields)|Object|{ rules: null }|
+|errors|Validation errors from backend|Object|{}|
+
+___
+
+### EditableField & NewField
+`NewField` is used for creating new records, while `EditableField` supports "click-to-edit" mode.
 
 ```vue
 <editable-field
@@ -116,17 +151,31 @@ These components are quickly configurable through the config and are needed to s
     :select-list="selectList"
     :select-multiple="selectMultiple"
     :select-key="'value'"
-    :select-label="'name'
+    :select-label="'name'"
     :select-value="'value'"
     :field="prop"
-    :remote-method="remoteMethod"
-    :filterable="filterable"
     @editable:save="updateValue"
 />
 ```
+
+Attributes (Common for both)
+---
+|Attribute name|Description|Type|Default|
+| --- | --- | --- | --- |
+|type|Field type (input, select, number, checkbox, date-picker, text-editor, textarea)|String|'input'|
+|select-list|List of options for select|Array|[]|
+|select-key|Key for option value|String|'value'|
+|select-label|Key for option label|String|'name'|
+|select-value|Key for value in data model|String|'value'|
+|select-multiple|Multiple selection|Boolean|false|
+|filterable|Enable filtering in select|Boolean|false|
+|remote-method|Remote method for select|Function|null|
+|precision|Precision for number input|Number|0|
+|format|Date format|String|'dd.MM.yyyy'|
+|value-format|Date value format|String|'yyyy-MM-dd'|
+
 ___
 ### GenericFilter
-
 GenericFilter - component for work with filter ( template with checkbox for use selected filters)
 
 [GenericFilter docs](/docs/index.html#/components/GenericFilter)
@@ -141,38 +190,12 @@ GenericFilter - component for work with filter ( template with checkbox for use
 />
 ```
 
-PartColumn is component that show part of form with it title and configured column resolution
-====
-This component is wrapper for column it need for quick create part of form and transfer errors from backend to form elements
----
-```vue
- <part-column
-    :data="form.partner"
-    :fields="partnerConfig.commissionFields"
-    :prop-prefix="'partner.'"
-    :errors="errors"
-    @save="partnerUpdateValue"
-/>
-```
-Attributes
----
-|Attribute name|Description|Type|Accepted values|Default|
-| --- | --- | --- | --- | --- |
-|col-resolution|col resolution for this column|Object|—|{xl: 24, lg: 24, md: 24, sm: 24, xs: 24}|
-|col-inner-resolution|col resolution for current field|Object|—|{xl: 24, lg: 24, md: 24, sm: 24, xs: 24}|
-|column-name|column label (title)|String|—|''|
-|prop-prefix|prefix for all fields in column|String|—|''|
-|fields|fields array|Array|—|[]|
-|data|data biding values for fields|Object|—|{}|
-|errors|errors for fields|Object|—|{}|
-
-
 Attributes
 ---
 |Attribute name|Description|Type|Default|
 | --- | --- | --- | --- |
 |filters| all filters for show| Array | [] |
-|search| selected filters | Array | [] |
+|search| selected filters | Object | {} |
 
 Example filters:
 ```javascript
@@ -181,6 +204,7 @@ Example filters:
         name: 'state',
         label: 'State',
         type: 'string',
+        tooltip: 'Tooltip text'
     },
     {
         name: 'created_at',
@@ -190,57 +214,89 @@ Example filters:
     }
 ]
 ```
-Example search: 
-```javascript
-{
-    title: {
-        title: Object
-        operator: ""
-        value: ""
-    },
-    first_name: {
-        operator: "like_fields"
-        value: ""
-    }
-}
+
+___
+### QuickSearchFilter
+Simple input filter for quick search.
+
+Attributes
+---
+|Attribute name|Description|Type|Default|
+| --- | --- | --- | --- |
+|filter|Filter configuration|Object|{}|
+|search|Search state object|Object|{}|
+
+___
+### PartForm
+Wrapper for form sections with a header and divider.
+
+```vue
+<part-form header="Section Title">
+  <!-- fields here -->
+</part-form>
 ```
 
-Events
+Attributes
 ---
-@apply:filter
+|Attribute name|Description|Type|Default|
+| --- | --- | --- | --- |
+|header|Section title|String|''|
+|body-style|Custom style for body|String|''|
 
-@reset:filter
+___
+### PartColumn (EditColumn & NewColumn)
+Components to render a column of fields based on configuration.
+
+Attributes
+---
+|Attribute name|Description|Type|Accepted values|Default|
+| --- | --- | --- | --- | --- |
+|col-resolution|col resolution for this column|Object|—|{xl: 24, lg: 24, md: 24, sm: 24, xs: 24}|
+|col-inner-resolution|col resolution for current field|Object|—|{xl: 24, lg: 24, md: 24, sm: 24, xs: 24}|
+|column-name|column label (title)|String|—|''|
+|prop-prefix|prefix for all fields in column|String|—|''|
+|fields|fields array (supports `tooltip` property with HTML)|Array|—|[]|
+|data|data biding values for fields|Object|—|{}|
+|errors|errors for fields|Object|—|{}|
 
 
-GenericTable - component for show table
-===
+___
+### GenericTable
+Component for displaying data in a table.
+
 Attributes
 ---
 |Attribute name|Description|Type|Accepted values|Default|
 | --- | --- | --- | --- | --- |
-|fields|Array of columns|Array|[]|[]|
+|fields|Array of columns (supports `tooltip` property with HTML)|Array|[]|[]|
 |data|Array of rows|Array|[]|[]|
+|row-class-name|Custom class for rows|String/Function|—|null|
 
 Events
 ---
-@sort:change
+|Event name|Description|
+| --- | --- |
+|@sort:change|Triggered when sort changes|
 
+___
+### GenericPaginator
+Component for pagination.
 
-GeneticPaginator - component for pagination
-===
 Attributes
 ---
 |Attribute name|Description|Type|Accepted values|Default|
 | --- | --- | --- | --- | --- |
-|total|Total rows|Number|Number|0|
-|limit|Limit per page|Number|Number|0|
-|current-page|Number current page|Number|Number|0|
+|total|Total rows|Number|—|0|
+|limit|Limit per page|Number|—|0|
+|current-page|Number current page|Number|—|0|
+|page-sizes|Available page sizes|Array|—|[10, 15, 20, 30, 50]|
 
 Events
 ---
-@size:change
-
-@page:change
+|Event name|Description|
+| --- | --- |
+|@size:change|Triggered when page size changes|
+|@page:change|Triggered when current page changes|
 
 ====
 

package/dist/element-ui-extended.common.js

@@ -154,13 +154,10 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var trumbowyg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("a01a");
 /* harmony import */ var trumbowyg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(trumbowyg__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var trumbowyg_dist_ui_icons_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("7130");
-/* harmony import */ var trumbowyg_dist_ui_icons_svg__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(trumbowyg_dist_ui_icons_svg__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("d6a2");
-/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("2ef0");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);
-
+/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("d6a2");
+/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("2ef0");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);
 
 
 
@@ -170,10 +167,7 @@ if (typeof window !== "undefined") {
   window.$ = window.$ || jquery__WEBPACK_IMPORTED_MODULE_1___default.a;
   __webpack_provided_window_dot_jQuery = __webpack_provided_window_dot_jQuery || jquery__WEBPACK_IMPORTED_MODULE_1___default.a;
 }
-if (jquery__WEBPACK_IMPORTED_MODULE_1___default.a.trumbowyg) {
-  jquery__WEBPACK_IMPORTED_MODULE_1___default.a.trumbowyg.svgPath = trumbowyg_dist_ui_icons_svg__WEBPACK_IMPORTED_MODULE_3___default.a;
-}
-const _ = lodash__WEBPACK_IMPORTED_MODULE_5___default.a;
+const _ = lodash__WEBPACK_IMPORTED_MODULE_4___default.a;
 /* harmony default export */ __webpack_exports__["a"] = ({
   name: "EditableField",
   components: {
@@ -279,6 +273,7 @@ const _ = lodash__WEBPACK_IMPORTED_MODULE_5___default.a;
     trumbowygConfig: {
       type: Object,
       default: () => ({
+        svgPath: "https://cdn.jsdelivr.net/npm/trumbowyg@2.27.3/dist/ui/icons.svg",
         menubar: false,
         force_br_newlines: true,
         force_p_newlines: false,
@@ -11548,6 +11543,17 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
+/***/ }),
+
+/***/ "2bf2":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_75692bad_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f0a2");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_75692bad_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_75692bad_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2ef0":
@@ -29077,17 +29083,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "5c58":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_c28b6832_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9342");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_c28b6832_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_id_c28b6832_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5c6c":
@@ -29260,13 +29255,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "7130":
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "img/icons.96cbddc6.svg";
-
 /***/ }),
 
 /***/ "7234":
@@ -29543,14 +29531,7 @@ module.exports = DESCRIPTORS ? function (object, key, value) {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"0.0.114\"}");
-
-/***/ }),
-
-/***/ "9342":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
+module.exports = JSON.parse("{\"a\":\"0.0.116\"}");
 
 /***/ }),
 
@@ -32631,6 +32612,13 @@ module.exports = function (target, source, exceptions) {
 };
 
 
+/***/ }),
+
+/***/ "f0a2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "f772":
@@ -33741,8 +33729,8 @@ var GenericFilters_component = normalizeComponent(
 )
 
 /* harmony default export */ var GenericFilters = (GenericFilters_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=template&id=62ea2e41
-var GenericPaginatorvue_type_template_id_62ea2e41_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=template&id=4cfab103
+var GenericPaginatorvue_type_template_id_4cfab103_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -33760,13 +33748,13 @@ var GenericPaginatorvue_type_template_id_62ea2e41_render = function render() {
     }
   })], 1);
 };
-var GenericPaginatorvue_type_template_id_62ea2e41_staticRenderFns = [];
+var GenericPaginatorvue_type_template_id_4cfab103_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=template&id=62ea2e41
+// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=template&id=4cfab103
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=script&lang=js
 /* harmony default export */ var GenericPaginatorvue_type_script_lang_js = ({
-  name: "GeneticPaginator",
+  name: "GenericPaginator",
   props: {
     limit: {
       type: Number,
@@ -33814,8 +33802,8 @@ var GenericPaginatorvue_type_template_id_62ea2e41_staticRenderFns = [];
 
 var GenericPaginator_component = normalizeComponent(
   components_GenericPaginatorvue_type_script_lang_js,
-  GenericPaginatorvue_type_template_id_62ea2e41_render,
-  GenericPaginatorvue_type_template_id_62ea2e41_staticRenderFns,
+  GenericPaginatorvue_type_template_id_4cfab103_render,
+  GenericPaginatorvue_type_template_id_4cfab103_staticRenderFns,
   false,
   null,
   null,
@@ -34687,8 +34675,8 @@ const resolutions = {
 function getResolution(size) {
   return resolutions[size];
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/NewColumn.vue?vue&type=template&id=10ff628b
-var NewColumnvue_type_template_id_10ff628b_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/NewColumn.vue?vue&type=template&id=338e005e
+var NewColumnvue_type_template_id_338e005e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-col', {
@@ -34714,10 +34702,26 @@ var NewColumnvue_type_template_id_10ff628b_render = function render() {
     }, [_c('el-form-item', {
       attrs: {
         "prop": _vm.propPrefix + field.prop,
-        "label": field.label,
         "error": _vm.errors[field.prop] ? _vm.errors[field.prop][0] : ''
       }
-    }, [_c('new-field', {
+    }, [_c('template', {
+      slot: "label"
+    }, [_vm._v(" " + _vm._s(field.label) + " "), field.tooltip ? _c('el-tooltip', {
+      attrs: {
+        "effect": "dark",
+        "placement": "top"
+      }
+    }, [_c('div', {
+      attrs: {
+        "slot": "content"
+      },
+      domProps: {
+        "innerHTML": _vm._s(field.tooltip)
+      },
+      slot: "content"
+    }), _c('i', {
+      staticClass: "el-icon-info"
+    })]) : _vm._e()], 1), _c('new-field', {
       attrs: {
         "disabled": field.disabled,
         "type": field.selectList ? 'select' : field.type ? field.type : 'input',
@@ -34750,12 +34754,12 @@ var NewColumnvue_type_template_id_10ff628b_render = function render() {
         },
         expression: "dataModel[field.prop]"
       }
-    })], 1)], 1)];
+    })], 2)], 1)];
   })], 2);
 };
-var NewColumnvue_type_template_id_10ff628b_staticRenderFns = [];
+var NewColumnvue_type_template_id_338e005e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/PartColumn/NewColumn.vue?vue&type=template&id=10ff628b
+// CONCATENATED MODULE: ./src/components/PartColumn/NewColumn.vue?vue&type=template&id=338e005e
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NewField/index.vue?vue&type=template&id=e9325706
 var NewFieldvue_type_template_id_e9325706_render = function render() {
@@ -35059,9 +35063,9 @@ var NewField_component = normalizeComponent(
 )
 
 /* harmony default export */ var NewField = (NewField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=06c31307
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=3375da68
 
-var EditableFieldvue_type_template_id_06c31307_render = function render() {
+var EditableFieldvue_type_template_id_3375da68_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -35276,9 +35280,9 @@ var EditableFieldvue_type_template_id_06c31307_render = function render() {
     }
   }) : _vm._e()], 1)], 1)]);
 };
-var EditableFieldvue_type_template_id_06c31307_staticRenderFns = [];
+var EditableFieldvue_type_template_id_3375da68_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=template&id=06c31307
+// CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=template&id=3375da68
 
 // EXTERNAL MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=script&lang=js
 var EditableFieldvue_type_script_lang_js = __webpack_require__("0713");
@@ -35295,8 +35299,8 @@ var EditableFieldvue_type_script_lang_js = __webpack_require__("0713");
 
 var EditableField_component = normalizeComponent(
   components_EditableFieldvue_type_script_lang_js,
-  EditableFieldvue_type_template_id_06c31307_render,
-  EditableFieldvue_type_template_id_06c31307_staticRenderFns,
+  EditableFieldvue_type_template_id_3375da68_render,
+  EditableFieldvue_type_template_id_3375da68_staticRenderFns,
   false,
   null,
   null,
@@ -35390,8 +35394,8 @@ const NewColumnvue_type_script_lang_js_ = lodash_default.a;
 
 var NewColumn_component = normalizeComponent(
   PartColumn_NewColumnvue_type_script_lang_js,
-  NewColumnvue_type_template_id_10ff628b_render,
-  NewColumnvue_type_template_id_10ff628b_staticRenderFns,
+  NewColumnvue_type_template_id_338e005e_render,
+  NewColumnvue_type_template_id_338e005e_staticRenderFns,
   false,
   null,
   null,
@@ -35620,8 +35624,8 @@ var PartForm_component = normalizeComponent(
 )
 
 /* harmony default export */ var PartForm = (PartForm_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=template&id=c28b6832
-var EditColumnvue_type_template_id_c28b6832_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"684812cc-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=template&id=75692bad
+var EditColumnvue_type_template_id_75692bad_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-col', {
@@ -35647,10 +35651,26 @@ var EditColumnvue_type_template_id_c28b6832_render = function render() {
     }, [_c('el-form-item', {
       attrs: {
         "prop": _vm.propPrefix + field.prop,
-        "label": field.label,
         "error": _vm.errors[field.prop] ? _vm.errors[field.prop][0] : ''
       }
-    }, [_c('editable-field', {
+    }, [_c('template', {
+      slot: "label"
+    }, [_vm._v(" " + _vm._s(field.label) + " "), field.tooltip ? _c('el-tooltip', {
+      attrs: {
+        "effect": "dark",
+        "placement": "top"
+      }
+    }, [_c('div', {
+      attrs: {
+        "slot": "content"
+      },
+      domProps: {
+        "innerHTML": _vm._s(field.tooltip)
+      },
+      slot: "content"
+    }), _c('i', {
+      staticClass: "el-icon-info"
+    })]) : _vm._e()], 1), _c('editable-field', {
       attrs: {
         "readonly": field.readonly,
         "type": field.selectList ? 'select' : field.type ? field.type : 'input',
@@ -35683,12 +35703,12 @@ var EditColumnvue_type_template_id_c28b6832_render = function render() {
         },
         expression: "data[field.prop]"
       }
-    })], 1)], 1)];
+    })], 2)], 1)];
   })], 2);
 };
-var EditColumnvue_type_template_id_c28b6832_staticRenderFns = [];
+var EditColumnvue_type_template_id_75692bad_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=template&id=c28b6832
+// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=template&id=75692bad
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=script&lang=js
 
@@ -35753,8 +35773,8 @@ var EditColumnvue_type_template_id_c28b6832_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=script&lang=js
  /* harmony default export */ var PartColumn_EditColumnvue_type_script_lang_js = (EditColumnvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=style&index=0&id=c28b6832&prod&lang=css
-var EditColumnvue_type_style_index_0_id_c28b6832_prod_lang_css = __webpack_require__("5c58");
+// EXTERNAL MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=style&index=0&id=75692bad&prod&lang=css
+var EditColumnvue_type_style_index_0_id_75692bad_prod_lang_css = __webpack_require__("2bf2");
 
 // CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue
 
@@ -35767,8 +35787,8 @@ var EditColumnvue_type_style_index_0_id_c28b6832_prod_lang_css = __webpack_requi
 
 var EditColumn_component = normalizeComponent(
   PartColumn_EditColumnvue_type_script_lang_js,
-  EditColumnvue_type_template_id_c28b6832_render,
-  EditColumnvue_type_template_id_c28b6832_staticRenderFns,
+  EditColumnvue_type_template_id_75692bad_render,
+  EditColumnvue_type_template_id_75692bad_staticRenderFns,
   false,
   null,
   null,