bri-components 1.1.0 → 1.1.2

package/src/components/list/DshCascaderTable.vue

@@ -145,14 +145,14 @@
                                             <!-- 普通单元格 -->
                                             <td
                                                 v-else
-                                                :key="col._key"
+                                                :key="col._key + ''"
                                                 :style="getTdStyle(col, row)"
                                             >
                                                 <dsh-unit
-                                                    :canEdit="canEdit && (col.canEdit === undefined ? true : col.canEdit)"
+                                                    :isUnit="!canEdit"
+                                                    :rowIndex="rowIndex"
                                                     :formData="row[col.nodeKey]"
                                                     :formItem="col"
-                                                    :rowIndex="rowIndex"
                                                     @change="$dispatchEvent(operationMap.changeVal, col, row, arguments)"
                                                 ></dsh-unit>
                                             </td>
@@ -165,7 +165,7 @@
                                     v-else
                                     class="table-nodata"
                                 >
-                                    <td :colspan="columns.length">暂无数据……</td>
+                                    <td :colspan="columns.length">暂无内容……</td>
                                 </tr>
                             </tbody>
                         </table>

package/src/components/list/DshFlatTable.vue

@@ -154,7 +154,7 @@
                         <td
                             class="table-row-nodata"
                             :colspan="showColumns.length"
-                        >暂无数据……</td>
+                        >暂无内容……</td>
                     </tr>
                 </tfoot>
             </table>

package/src/components/list/ZTree.vue

@@ -25,9 +25,9 @@
                 <dsh-form
                     v-if="treeFormShow"
                     ref="treeForm"
-                    :labelWidth="80"
                     :formList="treeFormList"
                     :formData="treeFormData"
+                    :labelStyle="{ width: '80px' }"
                 ></dsh-form>
 
                 <dsh-buttons

package/src/components/list/easyTable/v-table/src/table.vue

@@ -992,7 +992,7 @@
                 hasFrozenColumn: false, // 是否拥有固定列（false时最后一列的右边border无边框）
                 hasFrozenRightColumn: false,
                 resizeTimer: null,
-                firstLoad: true, // 表格首次初始化加载，用于区分显示”数据加载中“还是”暂无数据“
+                firstLoad: true, // 表格首次初始化加载，用于区分显示”数据加载中“还是”暂无内容“
                 tipContent: ""
             };
         },
@@ -1113,7 +1113,7 @@
             // 没数据时的html
             errorContent: {
                 type: String,
-                default: "暂无数据..."
+                default: "暂无内容..."
             },
             // 没数据时内容区域高度
             errorContentHeight: {
@@ -1488,7 +1488,7 @@
             updateErrorContent () {
                 if (!this.firstLoad) {
                     if (!(this.internalTableData && this.internalTableData.length)) {
-                        this.tipContent = "暂无数据";
+                        this.tipContent = "暂无内容";
                     }
                 }
                 this.firstLoad = false;

package/src/components/list/evTable/EvTable.vue

@@ -173,7 +173,7 @@
             height: Number,
             noDataText: {
                 type: String,
-                default: "暂无数据..."
+                default: "暂无内容..."
             }
         },
         data () {

package/src/components/other/BriTransfer.vue

@@ -6,7 +6,7 @@
             :filterable="filterable"
             :filter-method="filterMethod"
             :titles="titles"
-            not-found-text="暂无数据"
+            not-found-text="暂无内容"
             @on-change="handleChange"
         ></Transfer>
     </div>

package/src/components/other/ZGantt.vue

@@ -110,14 +110,14 @@
                             <td
                                 :colspan="timeData.length"
                                 class="briGantt-table-td"
-                            >暂无数据</td>
+                            >暂无内容</td>
                         </tr>
                         <tbody v-if="type==='table'">
                             <tr v-if="computedData.length === 0">
                                 <td
                                     :colspan="timeData.length"
                                     class="briGantt-table-td"
-                                >暂无数据</td>
+                                >暂无内容</td>
                             </tr>
                             <tr
                                 class="briGantt-table-tr"

package/src/components/other/ZLoading.vue

@@ -9,7 +9,13 @@
     >
         <div class="ZLoading-main">
             <slot>
-                <img :src="imgSrc" />
+                <div class="ZLoading-main-content">
+                    <div class="ZLoading-main-loading" :style="getStyle">
+                    </div>
+                    <div v-if="showLoadingText" class="ZLoading-main-loadingText">
+                        加载中...
+                    </div>
+                </div>
             </slot>
         </div>
    </div>
@@ -37,7 +43,12 @@
             },
             kongImg: {
                 type: String
-            }
+            },
+            mode: {
+                type: String,
+                default: "large" // small middle
+            },
+            showLoadingText: Boolean
         },
         data () {
             return {};
@@ -51,9 +62,27 @@
                 } else {
                     return undefined;
                 }
+            },
+            getStyle () {
+                let styleMap = {
+                    large: {
+                        width: "49px",
+                        height: "49px"
+                    },
+                    middle: {
+                        width: "35px",
+                        height: "35px"
+                    },
+                    small: {
+                        width: "16px",
+                        height: "16px"
+                    }
+                };
+                return styleMap[this.mode];
             }
         },
         created () {},
-        methods: {}
+        methods: {
+        }
     };
 </script>

package/src/components/small/BriDrawer.vue

@@ -0,0 +1,132 @@
+<template>
+    <Drawer
+        class="BriDrawer"
+        v-model="showModal"
+        :title="selfPropsObj.title"
+        :width="selfPropsObj.width"
+        :height="selfPropsObj.height"
+        :closable="selfPropsObj.closable"
+        :mask-closable="selfPropsObj.maskClosable"
+        :mask="selfPropsObj.mask"
+        :mask-style="selfPropsObj.maskStyle"
+        :styles="selfPropsObj.styles"
+        :scrollable="selfPropsObj.scrollable"
+        :placement="selfPropsObj.placement"
+        :transfer="selfPropsObj.transfer"
+        :class-name="selfPropsObj.className"
+        :inner="selfPropsObj.inner"
+        :draggable="selfPropsObj.draggable"
+        :before-close="selfPropsObj.beforeClose"
+        :lock-scroll="selfPropsObj.lockScroll"
+        @on-close="close"
+        @on-visible-change="visibleChange"
+        @on-resize-width="resizeChange"
+    >
+        <div
+            slot="header"
+            class="BriDrawer-header"
+        >
+            <slot name="header">
+                {{ selfPropsObj.title }}
+            </slot>
+        </div>
+
+        <!-- 删除按钮 -->
+        <Icon
+            v-if="selfPropsObj.closable"
+            slot="close"
+            class="BriDrawer-close"
+            type="md-close"
+            size="20"
+            @click.stop="clickClose"
+        />
+
+        <slot
+            slot="trigger"
+            name="trigger"
+        ></slot>
+
+        <div class="BriDrawer-main">
+            <div class="BriDrawer-body">
+                <slot></slot>
+            </div>
+
+            <div
+                v-if="selfPropsObj.footer"
+                class="BriDrawer-footer"
+            >
+                <slot name="footer">
+                    <dsh-buttons
+                        :list="list"
+                        @click="$dshEmit($event)"
+                    ></dsh-buttons>
+                </slot>
+            </div>
+        </div>
+    </Drawer>
+</template>
+
+<script>
+    export default {
+        name: "BriDrawer",
+        props: {
+            value: Boolean,
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            list: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            }
+        },
+        model: {
+            prop: "value",
+            event: "input"
+        },
+        data () {
+            return {};
+        },
+        computed: {
+            showModal: {
+                get () {
+                    return this.value;
+                },
+                set (bool) {
+                    this.input(bool);
+                }
+            },
+            selfPropsObj () {
+                return {
+                    width: 320,
+                    closable: true,
+                    transfer: true,
+                    footer: true,
+                    ...this.propsObj
+                };
+            }
+        },
+        created () {},
+        methods: {
+            input (bool) {
+                this.$emit("input", bool);
+            },
+            clickClose () {
+                this.showModal = false;
+            },
+            close (...parmas) {
+                this.$emit("on-close", ...parmas);
+            },
+            resizeChange (...parmas) {
+                this.$emit("on-resize-change", ...parmas);
+            },
+            visibleChange (bool = false) {
+                this.$emit("on-visible-change", bool);
+            }
+        }
+    };
+</script>

package/src/components/small/DshButtons.vue

@@ -14,7 +14,7 @@
                     :key="operationItem.type"
                     :style="operationItem.style"
                     :class="[
-                        index ? 'dsh-margin-left5' : undefined,
+                        index ? 'dsh-margin-left8' : undefined,
                         !operationItem.customIcon && !operationItem.icon ? 'DshButtons-item' : undefined,
                         itemClass,
                     ]"
@@ -59,7 +59,7 @@
                     :key="operationItem.type"
                     :style="operationItem.style"
                     :class="[
-                        index ? 'dsh-margin-left5' : undefined,
+                        index ? 'dsh-margin-left8' : undefined,
                         !operationItem.customIcon && !operationItem.icon ? 'DshButtons-item' : undefined,
                         itemClass,
                     ]"
@@ -82,7 +82,7 @@
                 :key="operationItem.type"
                 :style="operationItem.style"
                 :class="[
-                    index ? 'dsh-margin-left5' : undefined,
+                    index ? 'dsh-margin-left8' : undefined,
                     !operationItem.customIcon && !operationItem.icon ? 'DshButtons-item' : undefined,
                     itemClass,
                     ...(Array.isArray(operationItem.class) ? operationItem.class : [operationItem.class])

package/src/components/small/DshControlDefine.vue

@@ -3,7 +3,8 @@
         :class="{
             'dsh-control-define': true,
             'dsh-control-define-multiplerow': selfPropsObj._multiplerow,
-            'dsh-control-define-disabled': !canEdit
+            'dsh-control-define-disabled': $isDisabled(canEdit, propsObj),
+            'dsh-control-define-show': !canEdit
         }"
         @click="clickInput"
     >

package/src/components/small/DshDropdown.vue

@@ -86,7 +86,7 @@
                     v-else
                     class="nodata"
                 >
-                    暂无数据
+                    暂无内容
                 </div>
             </div>
         </div>

package/src/components/small/DshModal.vue

@@ -164,7 +164,6 @@
         &-small {
             .ivu-modal-wrap {
                 .ivu-modal {
-                    padding: 20px;
                     margin: auto;
                     position: absolute;
                     top: 0px;
@@ -216,6 +215,31 @@
                     height: 400px !important;
                     max-height: 100%;
                     max-width: 100%;
+                    .ivu-modal-content{
+                        .DshModal-close {
+                            top: 20px;
+                            right: 24px;
+                            color: rgba(0,0,0,0.6);
+                            font-size: 16px!important;
+                        }
+
+                        .ivu-modal-header {
+                            width: 100%;
+                            height: 44px;
+                            padding: 20px 24px 0px 24px;
+                            border-bottom: none;
+                            &-inner {
+                                color: rgba(0,0,0,0.9);
+                                font-size: 16px;
+                                font-weight: 500;
+                                line-height: 24px;
+                                height: 24px;
+                            }
+                        }
+                        .ivu-modal-body {
+                            padding: 16px 24px 20px;
+                        }
+                    }
                 }
             }
         }

package/src/components/small/DshTdRender.js

@@ -16,6 +16,6 @@ export default {
             index: ctx.props.index
         };
         if (ctx.props.column) params.column = ctx.props.column;
-        return ctx.props.render(h, params);
+        return ctx.props.render(params, h);
     }
 };

package/src/components/unit/DshFormItem.vue

@@ -1,17 +1,18 @@
 <template>
     <div
         :class="[
-            'DshFormItem',
-            { 'DshFormItem-required': formItem._required&&canEdit },
-            { 'DshFormItem-line': formItem._line },
-            `DshFormItem-${formItem._type}`,
+            {
+                'DshFormItem': true,
+                'DshFormItem-required': formItem._required && canEdit,
+                'DshFormItem-line': formItem._line,
+            },
             formControlClass,
+            formItem.formControlClass
         ]"
         :style="{
             width: `calc(${(formItem._br ? (formItem._span || 24)/24 : 1) * 100}% - 12px)`,
             height: formItem._br || (formItem._span || 24) === 24 ? undefined : `${height}px`,
             minHeight: `${46}px`,
-            alignItems: formItem._labelAlignItems || 'center',
             ...rowStyle
         }"
     >
@@ -19,11 +20,9 @@
         <div
             v-if="!formItem._noLabel"
             class="DshFormItem-label"
-            :style="[
-                selfLabelStyle,
-                { justifyContent: formItem._labelAlign }
-            ]"
+            :style="labelStyle"
         >
+            <!-- 左 -->
             <span
                 class="DshFormItem-label-left"
                 :style="labelLeftStyle"
@@ -32,13 +31,23 @@
                     :content="formItem._name"
                     transfer
                 >
-                    <span class="DshFormItem-label-name dsh-ellipsis">
+                    <span :class="{
+                        'DshFormItem-label-name': true,
+                        'dsh-ellipsis': true,
+                        'DshFormItem-label-name-edit': canEdit,
+                        'DshFormItem-label-name-show': !canEdit
+                    }">
                         <slot name="label">
                             {{ formItem._name }}
-                            <template v-if="changedFields && changedFields.includes(formItem._key)">
-                                <span class="DshFormItem-label-name-sign">！有更新</span>
-                            </template>
+
+                            <!-- 有更新标记-->
+                            <span
+                                v-if="changedFields.includes(formItem._key)"
+                                class="DshFormItem-label-name-sign"
+                            >！有更新</span>
                         </slot>
+
+                        <!-- label后可自定义内容 -->
                         <dsh-render
                             v-if="formItem._tipsRender"
                             :render="tipsRender(formItem,formData)"
@@ -47,8 +56,9 @@
                 </Ctooltip>
             </span>
 
+            <!-- 右 -->
             <span
-                v-if="canEdit || formItem._alwaysShowExtra"
+                v-if="canEdit"
                 class="DshFormItem-label-right"
             >
                 <slot name="extra">
@@ -66,12 +76,7 @@
         </div>
 
         <!-- 控件 -->
-        <div
-            class="DshFormItem-control"
-            :style="{
-                justifyContent: formItem._controlAlign
-            }"
-        >
+        <div class="DshFormItem-control">
             <!-- 控件位置放置的dom -->
             <slot name="control"></slot>
 
@@ -100,9 +105,20 @@
 
     export default {
         name: "DshFormItem",
-        mixins: [unitMixin],
+        mixins: [
+            unitMixin
+        ],
         props: {
-            changedFields: Array,
+            canEdit: {
+                type: Boolean,
+                default: true
+            },
+            changedFields: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
 
             // 实际最精确值是74px（label:30px, control:32px, 上下padding各: 6px，因为ivu-form-item-content里line-height: 32px导致有问题，故先76px
             height: {
@@ -121,29 +137,12 @@
                     return {};
                 }
             },
-
-            labelWidth: [String, Number],
             formControlClass: String
         },
         data () {
-            return {
-                showTipModal: false
-            };
-        },
-        computed: {
-            selfLabelStyle () {
-                return {
-                    width: this.labelWidth + "px",
-                    ...this.labelStyle
-                    // marginRight: "20px"
-                };
-            },
-            labelLeftStyle () {
-                return {
-                    minWidth: this.labelWidth + "px"
-                };
-            }
+            return {};
         },
+        computed: {},
         created () {},
         methods: {
             // 校验方法 -供外部使用

package/src/components/unit/DshUnit.vue

@@ -16,15 +16,14 @@
         <template v-else>
             <component
                 :is="componentNameMap[formItem._type]"
-                :canEdit="canEdit"
                 :isUnit="isUnit"
-                :parentData="parentData"
                 :value="formData"
                 :propsObj="{
                     ...formItem,
                     size: 'default',
                     inTable: true
                 }"
+                :parentData="parentData"
                 @blur="blur"
                 @change="change"
             ></component>
@@ -37,11 +36,22 @@
 
     export default {
         name: "DshUnit",
-        mixins: [unitMixin],
+        mixins: [
+            unitMixin
+        ],
         props: {
+            isUnit: {
+                type: Boolean,
+                default: true
+            },
             indexStr: String,
             rowIndex: Number,
-            parentData: Array
+            parentData: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            }
         },
         data () {
             return {};
@@ -52,16 +62,13 @@
     };
 </script>
 
-<style lang="less" scoped>
-    .DshUnit {}
-</style>
 <style lang="less">
     .DshUnit {
         .ivu-input {
             font-size: 12px;
         }
 
-        .DshLabels-searchResult{
+        .DshLabels-searchResult {
             position:absolute;
             top: 32px !important;
             left:0;

package/src/components/unit/unitMixin.js

@@ -3,10 +3,6 @@ import { componentNameMap, registerComponents } from "../controls/controlMap.js"
 export default {
     components: registerComponents(),
     props: {
-        canEdit: {
-            type: Boolean,
-            default: true
-        },
         formData: Object,
         formItem: {
             type: Object,
@@ -19,10 +15,6 @@ export default {
             default () {
                 return [];
             }
-        },
-        isUnit: {
-            type: Boolean,
-            default: false
         }
     },
     data () {

package/src/index.js

@@ -8,8 +8,8 @@ import { VeTable, VeLocale } from "vue-easytable";
 import CN from "vue-easytable/libs/locale/lang/zh-CN.js";
 
 // list
-import { VTable } from "./components/list/easyTable/index.js";
-import EvTable from "./components/list/evTable/EvTable.vue"; // 大表格
+// import { VTable } from "./components/list/easyTable/index.js";
+// import EvTable from "./components/list/evTable/EvTable.vue"; // 大表格
 import DshBox from "./components/list/DshBox/DshBox.vue";
 import DshTable from "./components/list/DshBox/DshTable.vue";
 import DshList from "./components/list/DshBox/DshList.vue";
@@ -52,6 +52,7 @@ import BriTransfer from "./components/other/BriTransfer.vue";
 
 // small
 import DshModal from "./components/small/DshModal.vue";
+import BriDrawer from "./components/small/BriDrawer.vue";
 import DshDropdown from "./components/small/DshDropdown.vue";
 import DshRender from "./components/small/render.js";
 import DshTdRender from "./components/small/DshTdRender.js";
@@ -104,8 +105,8 @@ const map = {
     DshDraggable,
     DshCropper,
 
-    VTable,
-    EvTable,
+    // VTable,
+    // EvTable,
     DshBox,
     DshTable,
     DshList,
@@ -142,6 +143,7 @@ const map = {
     BriTransfer,
 
     DshModal,
+    BriDrawer,
     DshDropdown,
     DshRender,
     DshTdRender,
@@ -232,6 +234,7 @@ export {
     BriTransfer,
 
     DshModal,
+    BriDrawer,
     DshDropdown,
     DshRender,
     DshTdRender,