bri-components 1.1.6 → 1.2.0

package/src/styles/components/other/DshColorPanel.less

@@ -0,0 +1,40 @@
+.DshColorPanel {
+    &-rel {
+        cursor: pointer;
+    }
+
+    &-list {
+        font-size: 15px;
+        display: flex;
+        width: 293px;
+        height: 72px;
+        flex-wrap: wrap;
+        justify-content: space-around;
+        align-items: center;
+
+        &-item {
+            padding: 6px;
+
+            &-big {
+                width: 15px;
+                height: 15px;
+                display: inline-block;
+                border-radius: 50%;
+            }
+
+            &-small {
+                width: 12px;
+                height: 12px;
+                position: absolute;
+                display: inline-block;
+                transform: translate(1.5px,1.5px);
+                border-radius: 50%;
+                
+                &:hover + span {
+                    border-width: 1px;
+                    border-style: solid;
+                }
+            }
+        }
+    }
+}

package/src/styles/components/other/DshEditPanel.less

@@ -2,6 +2,7 @@
     width: 220px;
     height: 240px;
     text-align: left;
+
     &-name {}
     &-colors {
         padding: 40px 0 0 0;
@@ -30,6 +31,7 @@
             }
         }
     }
+
     &-icons {
         padding: 40px 0px 0px 0;
         &-item {
@@ -59,9 +61,7 @@
             }
         }
     }
-}
 
-.DshEditPanel {
     &-form {
         .ivu-form-item {
             margin-bottom: 15px;

package/src/styles/components/small/BriButton.less

@@ -100,8 +100,7 @@
  }
 .ivu-btn-linkText {
     color: @themeColor;
-    padding: 0px;
-    height: @textHeight;
+    border: none;
     &:hover {
         background-color: transparent;
         color: @theme-hover;
@@ -112,8 +111,10 @@
     }
     &[disabled] {
         color: @theme-disabled;
+        background-color: transparent;
         &:hover, &:active {
             color: @theme-disabled;
+            background-color: transparent;
         }
     }
 }

package/src/styles/components/small/{Ctooltip.less → BriTooltip.less}

@@ -1,5 +1,6 @@
-.Ctooltip {
+.BriTooltip {
     display: flex;
+    
     .ivu-tooltip-arrow {
         border-bottom-color: rgba(0, 0, 0, 0.9) !important;
     }

package/src/styles/components/small/DshDropdown.less

@@ -24,6 +24,8 @@
                     align-items: center;
                     border-radius: @borderRadius;
                     padding: 9px 8px;
+                    margin: 0 8px;
+                    line-height: 22px;
                     &:hover {
                         background-color: @theme-focus;
                         color: @themeColor;
@@ -51,9 +53,9 @@
         }
     }
 }
+
 .ivu-select-dropdown {
     border: 0.5px solid #e5e5e5;
     box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
-    padding: 8px;
-    max-height: 500px
-}
+    max-height: 500px;
+}

package/src/styles/components/small/DshIcons.less

@@ -0,0 +1,7 @@
+.DshIcons {
+    display: inline-block;
+    
+    &-item {
+        cursor: pointer;
+    }
+}

package/src/styles/components/small/DshTags.less

@@ -0,0 +1,17 @@
+.DshTags {   
+    .ivu-tag {
+        &-default {
+            border: none;
+            background-color: @borderColor;
+            color: @text-color;
+        }
+        &-size-medium {
+            height: 24px;
+            line-height: 26px;
+            padding: 0 8px;
+        }
+        &[disabled] {
+            background-color: @border-disabled;
+        }
+    }   
+}

package/src/styles/components/unit/DshFormItem.less

@@ -28,13 +28,13 @@
         align-items: center;
 
         &-left {
-            flex: 3;
+            flex: 2;
             min-width: 150px;
             position: relative;
         }
 
         &-right {
-            flex: 2;
+            flex: 1;
             min-width: 0px;
             text-align: right;
         }
@@ -91,9 +91,9 @@
 
             &-right {
                 flex: none;
+                max-width: 50%;
                 min-width: 0px;
                 text-align: right;
-                max-width: 50%;
             }
         }
 
@@ -112,7 +112,7 @@
                     &>div {
                         width: 100%;
                         height: 100%;
-                        .dsh-flex-row-start-center;
+                        .dsh-flex-row-start-center();
                         flex-wrap: wrap;
                     }
                 }

package/src/styles/components/unit/DshUnit.less

@@ -0,0 +1,5 @@
+.DshUnit {
+    .ivu-input {
+        font-size: 12px;
+    }
+}

package/src/utils/table.js

@@ -14,6 +14,14 @@ const transformToColumns = function (form) {
                 align: col._align || typeData.align,
                 width: col._width || typeData.width,
                 sortBy: headerFilter ? col._sortBy || typeData.sortBy : undefined,
+                renderHeaderCell: ({ row, column }, h) => {
+                    return h("div", {
+                        class: { "bri-table-ellipsis": column.sortBy != undefined || column.filter || column.filterCustom },
+                        directives: [
+                            { name: "ellipsis" }
+                        ]
+                    }, column.title);
+                },
 
                 ...(
                     col._type

package/src/components/controls/controlShow.vue

@@ -1,44 +0,0 @@
-<template>
-    <div class="controlShow">
-        <Ctooltip
-            :content="showVal"
-            maxWidth="200"
-            :transfer="true"
-        >
-            <div
-                v-if="!$isEmptyData(showVal)"
-                class="controlShow-val"
-            >
-                {{ showVal }}
-            </div>
-
-            <div
-                v-else
-                class="controlShow-nodata"
-            >
-                {{ emptyShowVal }}
-            </div>
-        </Ctooltip>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "controlShow",
-        props: {
-            showVal: String,
-            emptyShowVal: {
-                type: String,
-                default () {
-                    return "-";
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>

package/src/components/other/YNoPermission.vue

@@ -1,45 +0,0 @@
-<template>
-    <div class="YCompanyPermision">
-        <img :src="noPermissionSrc" alt="">
-        <p>{{ title }}</p>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "YCompanyPermision",
-        props: {
-            title: String
-        },
-        data () {
-            return {
-                noPermissionSrc: this.$imageSrcMap.app.nodata
-            };
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .YCompanyPermision {
-        width: 100%;
-        height: 100%;
-        padding: 20px;
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        font-size: 16px;
-        p {
-            margin: 10px 0;
-        }
-    }
-</style>
-<style lang="less">
-    .YCompanyPermision {
-
-    }
-</style>

package/src/components/small/BriTree.vue

@@ -1,42 +0,0 @@
-<template>
-    <Tree
-        class="BriTree"
-        :data="val"
-        :multiple="propsObj.multiple"
-        :showCheckbox="propsObj.showCheckbox"
-        :checkStrictly="propsObj.checkStrictly"
-        :checkDirectly="propsObj.checkDirectly"
-        :emptyText="propsObj.emptyText"
-        :childrenKey="propsObj.childrenKey"
-        :loadData="propsObj.loadData"
-        :render="propsObj.render"
-        :selectNode="propsObj.selectNode"
-        :expandNode="propsObj.expandNode"
-    ></Tree>
-</template>
-
-<script>
-    import controlMixin from "../controls/controlMixin.js";
-    export default {
-        name: "BriTree",
-        mixins: [controlMixin],
-        props: {
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj
-                };
-            },
-            val () {
-                return this.value[this.propsObj._key];
-            }
-        },
-        created () {},
-        methods: {
-        }
-    };
-</script>