bri-components 1.2.16 → 1.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bri-components",
-    "version": "1.2.16",
+    "version": "1.2.18",
     "author": "dengshanghui",
     "description": "a component lib for vue project",
     "main": "src/index.js",

package/src/components/controls/base/DshCascader/InfoCascader.vue

@@ -2,13 +2,13 @@
     <div class="InfoCascader">
         <dsh-modal
             v-model="modalVal"
-            :propsObj="modalPropsObj"
             mode="middle"
+            :propsObj="modalPropsObj"
         >
             <dsh-input
                 class="InfoCascader-search"
                 :value="searchData"
-                :propsObj="inputPropsObj"
+                :propsObj="searchPropsObj"
             ></dsh-input>
 
             <div class="InfoCascader-content">
@@ -19,6 +19,7 @@
                         :data="treeData"
                     ></Tree>
                 </div>
+
                 <div class="InfoCascader-content-right">
                     <div class="InfoCascader-content-right-title">
                         {{curName}}说明
@@ -34,7 +35,7 @@
             <div class="InfoCascader-footer">
                 <dsh-buttons
                     class="InfoCascader-footer-btns"
-                    :list="$getOperationList(['cancel', 'confirm'])"
+                    :list="$getOperationList(['canCancel', 'canConfirm'])"
                     @click="$dispatchEvent($event)"
                 ></dsh-buttons>
             </div>
@@ -46,7 +47,10 @@
     export default {
         name: "InfoCascader",
         props: {
-            showModal: Boolean,
+            showModal: {
+                type: Boolean,
+                default: false
+            },
 
             value: {
                 type: Array,
@@ -69,32 +73,34 @@
         },
         data () {
             return {
+                searchData: {
+                    search: ""
+                },
+                searchPropsObj: {
+                    _key: "search",
+                    _name: "关键字搜索"
+                },
+                curSelect: {},
+
+                show: true,
+                curName: "",
                 description: "",
+
                 operationMap: {
-                    cancel: {
+                    canCancel: {
                         name: "取消",
                         type: "clickCancel",
                         event: "clickCancel",
                         class: "z-default"
                     },
-                    confirm: {
+                    canConfirm: {
                         name: "确定",
                         btnType: "primary",
                         type: "clickConfirm",
                         event: "clickConfirm",
                         class: "z-primary"
                     }
-                },
-                curSelect: {},
-                curName: "",
-                searchData: {
-                    search: ""
-                },
-                inputPropsObj: {
-                    _key: "search",
-                    _name: "关键字搜索"
-                },
-                show: true
+                }
             };
         },
         computed: {

package/src/components/controls/base/DshInput.vue

@@ -124,7 +124,8 @@
         created () {},
         methods: {
             onSearch (...params) {
-                this.$emit("search", ...params);
+                this.$emit("search");
+                this.$emit("inputChange");
             },
             // 无参数
             onFocus () {
@@ -138,12 +139,17 @@
                 }
             },
             onEnter (event) {
+                this.$emit("enter");
                 this.$emit("inputChange");
             },
             // 参数event
             onChange (event) {
-                this.$emit("inputChange");
                 this.changeStatus = true;
+
+                clearTimeout(this.timer);
+                this.timer = setTimeout(() => {
+                    this.$emit("inputChange");
+                }, 1000);
             },
             onClear () {
                 this.change();

package/src/components/controls/base/DshSelect.vue

@@ -226,10 +226,10 @@
                         callback: data => {
                             this.initListData = [
                                 ...this.initListData,
-                                ...data.list.map(item =>
+                                ...data.list.map(dataItem =>
                                     ({
-                                        _key: item[item._key || "_key"],
-                                        name: item[item._name || "name"]
+                                        _key: dataItem[item._key || "_key"],
+                                        name: dataItem[item._name || "name"]
                                     })
                                 )
                             ];

package/src/components/controls/senior/cascaderTable.vue

@@ -51,7 +51,6 @@
                     :propsObj="modalPropsObj"
                 >
                     <dsh-cascader-table
-                        v-if="curVal && isEnlarge"
                         useCol
                         :canEdit="finalCanEdit"
                         :treeColumns="treeColumns"

package/src/components/controls/senior/flatTable.vue

@@ -56,7 +56,6 @@
                     :propsObj="modalPropsObj"
                 >
                     <bri-flat-table
-                        v-if="isEnlarge"
                         :canEdit="finalCanEdit"
                         :columns="columns"
                         :data="curVal.list"

package/src/components/controls/senior/selectUsers/selectUsers.vue

@@ -19,11 +19,36 @@
                         :value="curValList"
                         :inputIcon="inputIcon"
                         :propsObj="selfPropsObj"
-                        @clickDeleteItem="clickDeleteItem"
-                        @clickClear="clickClear"
+                        @deleteItem="clickDeleteItem"
+                        @clear="clickClear"
                     ></bri-control-input>
 
-                    <!-- 查看 -->
+                    <!-- 表格查看 -->
+                    <div
+                        v-else-if="isUnitShow"
+                        class="selectUsers-unit"
+                    >
+                        <template  v-if="!$isEmptyData(curValList)">
+                            <img
+                                v-for="item in curValList"
+                                :src="item.avatarurl || $imageSrcMap.system.boy"
+                                :key="item._key"
+                                class="selectUsers-unit-img"
+                            />
+                            <span
+                                v-if="curValList[0]"
+                                class="selectUsers-unit-text"
+                            >
+                                {{ curValList[0].name || curValList[0].realname || curValList[0].mobile }}
+                            </span>
+                        </template>
+
+                        <template v-else>
+                            {{ emptyShowVal }}
+                        </template>
+                    </div>
+
+                    <!-- 弹窗查看 -->
                     <div
                         v-else
                         :class="{
@@ -50,8 +75,8 @@
             v-if="finalCanEdit"
             class="selectUsers-modal"
             v-model="showModal"
-            :propsObj="modalPropsObj"
             mode="custom"
+            :propsObj="modalPropsObj"
             @cancel="clickCancel"
         >
             <div class="selectUsers-modal-wrap">
@@ -65,7 +90,7 @@
                         <dsh-input
                             :value="searchData"
                             :propsObj="inputPropsObj"
-                            @change="search"
+                            @inputChange="search"
                         ></dsh-input>
                     </div>
 

package/src/components/list/BriTable.vue

@@ -37,8 +37,11 @@
         <bri-loading
             class="bri-table-empty"
             :value="isLoading ? 1 : data.length? 0 : 2"
-            :noText="noDataText"
-         />
+        >
+            <template slot="nodata">
+                {{ noDataText }}
+            </template>
+        </bri-loading>
     </div>
 </template>
 
@@ -73,6 +76,7 @@
                     scrollWidth: "0",
                     borderY: true,
                     fixedHeader: true,
+                    canClick: false,
                     cellSelectionOption: {
                         enable: false
                     },
@@ -88,11 +92,14 @@
                 return this.propsObj.state || this.state;
             },
             selfClassName () {
+                let className = "";
+                if (this.selfPropsObj.canClick) {
+                    className += "bri-table-click ";
+                }
                 if (this.loading || !this.data.length) {
-                    return "bri-table-onlyhead";
-                } else {
-                    return "";
+                    className += "bri-table-onlyhead ";
                 }
+                return className;
             },
 
             rowStyleOption () {

package/src/components/list/BriTree.vue

@@ -19,12 +19,11 @@
         <dsh-modal
             class="BriTree-modal"
             v-model="treeFormShow"
-            :propsObj="treeFormPropsObj"
             mode="custom"
+            :propsObj="treeFormPropsObj"
         >
             <div class="BriTree-modal-content">
                 <dsh-form
-                    v-if="treeFormShow"
                     ref="treeForm"
                     :formList="treeFormList"
                     :formData="treeFormData"

package/src/components/other/BriIframe.vue

@@ -12,7 +12,7 @@
 
         <div
             v-else
-            class="dsh-flex-row-center-center BriIframe-nodata"
+            class="BriIframe-nodata"
         >
             <img
                 :src="noData"
@@ -59,25 +59,20 @@
         methods: {
             init () {
                 let iframe = this.$refs.BriIframe;
-                if (!iframe) {
-                    return;
+                if (iframe) {
+                    this.loading = true;
+                    if (iframe.attachEvent) {
+                        iframe.attachEvent("onreadystatechange", () => {
+                            if (iframe.readyState === "complete" || iframe.readyState == "loaded") {
+                                this.loading = false;
+                            }
+                        });
+                    } else {
+                        iframe.addEventListener("load", () => {
+                            this.loading = false;
+                        }, false);
+                    }
                 }
-                this.loading = true;
-                if (iframe.attachEvent) {
-                    iframe.attachEvent("onreadystatechange", () => {
-                        if (iframe.readyState === "complete" || iframe.readyState == "loaded") {
-                            this.loadingEnd();
-                        }
-                    });
-                } else {
-                    iframe.addEventListener("load", () => {
-                        this.loadingEnd();
-                    }, false);
-                }
-
-            },
-            loadingEnd () {
-                this.loading = false;
             },
             /**
              * 在iframe页面使用举例：

package/src/components/other/BriLoading.vue

@@ -8,22 +8,24 @@
         }"
     >
         <div class="BriLoading-main">
-            <slot>
-                <template v-if="value === 1">
+            <!-- loading -->
+            <template v-if="value === 1">
+                <slot>
                     <div
                         class="BriLoading-main-loading"
                         :style="getStyle"
-                    >
-                    </div>
+                    ></div>
                     <div
                         v-if="showLoadingText"
                         class="BriLoading-main-loadingText"
                     >
                         {{ loadText }}
                     </div>
-                </template>
-
-                <template v-else-if="value === 2">
+                </slot>
+            </template>
+            <!--  nodata -->
+            <template v-else-if="value === 2">
+                <slot name="nodata">
                     <bri-svg :src="imgSrc" />
                     <div
                         v-if="noText"
@@ -31,8 +33,8 @@
                     >
                         {{ noText }}
                     </div>
-                </template>
-            </slot>
+                </slot>
+            </template>
         </div>
     </div>
 </template>

package/src/components/small/DshBtnModal.vue

@@ -1,21 +1,19 @@
 <template>
     <div class="DshBtnModal">
         <dsh-buttons
-            :list="$getOperationList(['set'])"
+            :list="$getOperationList(['canSet'])"
             @click="$dispatchEvent($event)"
         ></dsh-buttons>
 
-        <div v-if="showModal">
-            <dsh-modal
-                v-model="showModal"
-                :mode="selfModalPropsObj.mode"
-                :propsObj="selfModalPropsObj"
-            >
-                <div style="margin: 10px 30px;">
-                    <slot></slot>
-                </div>
-            </dsh-modal>
-        </div>
+        <dsh-modal
+            v-model="showModal"
+            :mode="selfModalPropsObj.mode"
+            :propsObj="selfModalPropsObj"
+        >
+            <div style="margin: 10px 30px;">
+                <slot></slot>
+            </div>
+        </dsh-modal>
     </div>
 </template>
 
@@ -34,9 +32,9 @@
             return {
                 showModal: false,
                 operationMap: {
-                    set: {
+                    canSet: {
                         name: "设置默认内容",
-                        type: "set",
+                        type: "canSet",
                         btnType: "dashed",
                         size: "default",
                         long: true,

package/src/components/small/DshDropdown.vue

@@ -139,7 +139,7 @@
         },
         computed: {
             showList () {
-                return this.useSearch
+                return this.useSearch && this.searchName
                     ? this.list.filter(item => (item.name || item._name).includes(this.searchName))
                     : this.list;
             }

package/src/styles/components/controls/senior/selectUsers/selectUsers.less

@@ -5,6 +5,22 @@
 
     &-show {}
 
+    &-unit {
+        .dsh-ellipsis();
+
+        &-img {
+            width: 18px;
+            height: 18px;
+            vertical-align: middle;
+            margin-left: -5px;
+            border-radius: 50%;
+        }
+
+        &-text {
+            vertical-align: middle;
+        }
+    }
+
     // 弹框部分
     &-modal {
         &-wrap {

package/src/styles/components/form/DshForm.less

@@ -9,5 +9,6 @@
     .ivu-form-item-error-tip {
         top: 90%;
         left: 15px;
+        font-size: 12px;
     }
 }

package/src/styles/components/list/BriTable.less

@@ -52,6 +52,12 @@
         max-width: calc(100% - 20px);
     }
 
+    &-click {
+        td {
+            cursor: pointer;
+        }
+    }
+
     td {
         white-space: normal !important;
     }

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

@@ -12,5 +12,6 @@
     &-nodata {
         width: 100%;
         height: 100%;
+        .dsh-flex-row-center-center();
     }
 }