@tripup-company/element-ui-extended 0.0.57 → 0.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.57",
+  "version": "0.0.60",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve && tsc --emitDeclarationOnly",

package/src/components/EditableField/index.vue

@@ -92,11 +92,11 @@ export default {
     },
     selectKey: {
       type: String,
-      default: '',
+      default: 'value',
     },
     selectLabel: {
       type: String,
-      default: '',
+      default: 'name',
     },
     selectValue: {
       type: String,
@@ -162,8 +162,13 @@ export default {
       let label = '';
       if (this.selectMultiple) {
         if (this.value.length) {
+          let values = [];
           this.value.forEach(element => {
-            label = label + ' ' + this.selectList.find(({ value }) => value === element).name;
+            const lab = this.selectList.find(x => x[this.selectKey] === element)[this.selectLabel];
+            if (lab) {
+              values.push(lab);
+            }
+            label = values.join('; ');
           });
         } else {
           label = '-';

package/src/components/PartColumn/EditColumn.vue

@@ -24,6 +24,8 @@
             :precision="field.precision ? field.precision : 0"
             :remote-method="field.remoteMethod ? field.remoteMethod : null"
             :filterable="field.filterable ? field.filterable : null"
+            :format="field.format ? field.format : 'dd.MM.yyyy'"
+            :value-format="field.valueFormat ? field.valueFormat : 'yyyy-MM-dd'"
             @editable:save="updateValue"
           />
         </el-form-item>

package/src/styles/index.scss

@@ -1,218 +1,3 @@
 @import "variables";
 @import 'spacing';
 @import 'editable-field-component';
-
-body {
-  height: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-}
-
-label {
-  font-weight: 700;
-}
-
-html {
-  height: 100%;
-  box-sizing: border-box;
-}
-
-#app {
-  height: 100%;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-.no-padding {
-  padding: 0px !important;
-}
-
-.padding-content {
-  padding: 4px 0;
-}
-
-a:focus,
-a:active {
-  outline: none;
-}
-
-a,
-a:focus,
-a:hover {
-  cursor: pointer;
-  color: inherit;
-  text-decoration: none;
-}
-
-div:focus {
-  outline: none;
-}
-
-.fr {
-  float: right;
-}
-
-.fl {
-  float: left;
-}
-
-.pr-5 {
-  padding-right: 5px;
-}
-
-.pl-5 {
-  padding-left: 5px;
-}
-
-.block {
-  display: block;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.inlineBlock {
-  display: block;
-}
-
-.clearfix {
-  &:after {
-    visibility: hidden;
-    display: block;
-    font-size: 0;
-    content: " ";
-    clear: both;
-    height: 0;
-  }
-}
-
-code {
-  background: #eef1f6;
-  padding: 15px 16px;
-  margin-bottom: 20px;
-  display: block;
-  line-height: 36px;
-  font-size: 15px;
-  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
-
-  a {
-    color: #337ab7;
-    cursor: pointer;
-
-    &:hover {
-      color: rgb(32, 160, 255);
-    }
-  }
-}
-
-.warn-content {
-  background: rgba(66, 185, 131, .1);
-  border-radius: 2px;
-  padding: 1rem;
-  line-height: 1.6rem;
-  word-spacing: .05rem;
-
-  a {
-    color: #42b983;
-    font-weight: 600;
-  }
-}
-@media (min-width: $sm){
-  .app-container {
-    padding: 20px;
-  }
-}
-
-.components-container {
-  margin: 30px 50px;
-  position: relative;
-}
-
-.pagination-container {
-  margin-top: 30px;
-}
-
-.text-center {
-  text-align: center
-}
-
-.sub-navbar {
-  height: 50px;
-  line-height: 50px;
-  position: relative;
-  width: 100%;
-  text-align: right;
-  padding-right: 20px;
-  transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
-
-  .subtitle {
-    font-size: 20px;
-    color: #fff;
-  }
-
-  &.draft {
-    background: #d0d0d0;
-  }
-
-  &.deleted {
-    background: #d0d0d0;
-  }
-}
-
-.link-type,
-.link-type:focus {
-  color: #337ab7;
-  cursor: pointer;
-
-  &:hover {
-    color: rgb(32, 160, 255);
-  }
-}
-
-.filter-container {
-  padding-bottom: 10px;
-
-  .filter-item {
-    display: inline-block;
-    vertical-align: middle;
-    margin-bottom: 10px;
-  }
-}
-
-//refine vue-multiselect plugin
-.multiselect {
-  line-height: 16px;
-}
-
-.multiselect--active {
-  z-index: 1000 !important;
-}
-.el-date-transparent {
-  margin-left: -15px;
-  input {
-    border: none !important;
-    background: transparent !important;
-  }
-}
-
-#app .hideSidebar .nav-icon {
-  margin-left: 20px;
-}
-
-.form-item-min-margin {
-  /*.el-form-item {
-    margin-bottom: 0px;
-  }*/
-   .el-textarea__inner {
-     line-height: 36px;
-     margin-bottom: 10px;
-   }
-}