bri-components 1.2.57 → 1.2.59

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

@@ -0,0 +1,141 @@
+<template>
+    <div class="cascaderSimple">
+        <Cascader
+            :value="activeCodeValue"
+            :data="renderData"
+            :placeholder="selfPropsObj._placeholder"
+            :disabled="selfPropsObj._disabled"
+            :clearable="selfPropsObj._clearable"
+            :size="selfPropsObj._size"
+            :filterable="useFilter"
+            :render-format="renderFormat"
+            :change-on-select="changeOnSelect"
+            :transfer="selfPropsObj._transfer"
+            :transfer-class-name="selfPropsObj._transferClassName"
+            :load-data="loadData"
+            @on-visible-change="changeVisible"
+            @on-change="changeSelect"
+            @click.native="clickCascader"
+        >
+            <slot></slot>
+        </Cascader>
+    </div>
+</template>
+
+<script>
+    import cascaderPickerMixin from "../../../mixins/cascaderPickerMixin.js";
+
+    export default {
+        name: "cascaderSimple",
+        mixins: [
+            cascaderPickerMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {
+                renderAll: false
+            };
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    ...this.propsObj
+                };
+            },
+            useFilter () {
+                // 多选暂不支持搜索，值得弄成false，不然出bug
+                return this.multipleMode ? false : this.filterable;
+            },
+
+            renderData () {
+                return this.renderAll
+                    ? this.data
+                    : this.data.map(item => {
+                        return {
+                            ...item,
+                            children: []
+                        };
+                });
+            }
+        },
+        created () {},
+        methods: {
+            // 动态加载数据
+            loadData (treeItem, cb) {
+                const linealDatas = this.$getTreeLinealDatas(treeItem.keys, this.data, undefined, this.saveKey);
+                const lastData = linealDatas.slice(-1)[0];
+                treeItem.children = lastData.children.map(item =>
+                    ({
+                        ...item,
+                        children: []
+                    })
+                );
+
+                cb();
+            },
+            // 点击级联框 如果是需要搜索，需要先渲染完多有节点，不然搜索起来
+            clickCascader () {
+                // if (
+                //     !this.selfPropsObj._disabled &&
+                //     this.useFilter === true &&
+                //     this.renderAll === false &&
+                //     !this.clickFlag
+                // ) {
+                //     this.clickFlag = true; // 这个处理其实觉大概率没必要，有没有不受影响
+                //     setTimeout(() => {
+                //         this.renderAll = true;
+                //     }, 0);
+                // }
+            },
+            // 展开和关闭弹窗时触发
+            changeVisible (bool) {
+                this.isVisible = bool;
+
+                if (this.isVisible === false) {
+                    // 多选时
+                    if (this.multipleMode) {
+                        this.clickConfirm();
+                    }
+                }
+            },
+            // 选项变化
+            changeSelect (value, selectedOptions) {
+                if (this.isVisible || !value.length) {
+                    const node = selectedOptions.slice(-1)[0] || {
+                        keys: [],
+                        loading: false
+                    };
+
+                    // 避免重复点击 -简易模式其实无效，不过为了代码对照好看
+                    if (JSON.stringify(this.selectedValue) !== JSON.stringify(node.keys)) {
+                        this.selectedValue = node.keys;
+
+                        const obj = {
+                            value: this.selectedValue,
+                            selectedOptions: this.selectedOptions
+                        };
+                        this.$emit("change", obj);
+                        node.loading === undefined && this.$emit("finish", obj);
+
+                        // 单选时
+                        if (!this.multipleMode) {
+                            this.clickConfirm();
+                        }
+                    }
+                }
+            },
+            clickConfirm () {
+                if (this.selectedValue.length && this.selectedOptions.length) {
+                    this.$emit("confirm", this.selectedValue, this.selectedOptions);
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .cascaderSimple {
+
+    }
+</style>>

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

@@ -141,7 +141,7 @@
 </template>
 
 <script>
-    import controlMixin from "../controlMixin.js";
+    import controlMixin from "../mixins/controlMixin.js";
 
     const plotStrokeColor = "#4575EF";
     const plotFillColor = "#4575EF";

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

@@ -65,7 +65,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
     import DshDaterange from "./DshDaterange.vue";
 
     export default {

package/src/components/controls/base/DshDate/DshDaterange.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
 
     export default {
         name: "DshDaterange",

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

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-    import controlMixin from "../controlMixin.js";
+    import controlMixin from "../mixins/controlMixin.js";
 
     export default {
         name: "DshDivider",

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

@@ -62,7 +62,7 @@
 </template>
 
 <script>
-    import controlMixin from "../controlMixin.js";
+    import controlMixin from "../mixins/controlMixin.js";
     import uploadMixin from "./BriUpload/uploadMixin.js";
     import E from "wangeditor";
 

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

@@ -46,7 +46,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
 
     export default {
         name: "BriInputs",

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

@@ -92,7 +92,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
     import DshInputs from "./BriInputs.vue";
 
     export default {

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

@@ -62,7 +62,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
     import BriInputNumber from "./BriInputNumber/BriInputNumber.vue";
     import DshNumberange from "./DshNumberange.vue";
 

package/src/components/controls/base/DshNumber/DshNumberange.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script>
-    import controlMixin from "../../controlMixin.js";
+    import controlMixin from "../../mixins/controlMixin.js";
     import BriInputNumber from "./BriInputNumber/BriInputNumber.vue";
 
     export default {