bri-components 1.2.57 → 1.2.59

package/src/components/controls/base/DshSelect/selectMixin.js

@@ -1,239 +0,0 @@
-import controlMixin from "../../controlMixin.js";
-import { resourceData } from "bri-datas";
-
-export default {
-    mixins: [
-        controlMixin
-    ],
-    components: {},
-    props: {},
-    data () {
-        return {
-            initListData: [],
-            showTipTpl: false,
-            showTipModal: false,
-            dynamicContent: ""
-        };
-    },
-    computed: {
-        selectPropsObj () {
-            return {
-                colorMap: resourceData.colorMap,
-                _optionKind: "dropdown", // "flat"、"dropdown"
-                _useColor: false,
-                _filterable: true,
-                _data: [],
-                _customData: [],
-
-                ...this.propsObj,
-                ...this.commonDealPropsObj
-            };
-        },
-        showType () {
-            return this.selfPropsObj._optionKind;
-        },
-        useColor () {
-            return this.selfPropsObj._useColor;
-        },
-        colorMap () {
-            return this.selfPropsObj.colorMap;
-        },
-        listData () {
-            const listData = this.selfPropsObj._data.concat(this.initListData);
-
-            return this.$dataType(this.selfPropsObj._filterFunc, "function")
-                ? this.selfPropsObj._filterFunc(listData, this.selfPropsObj, this.value)
-                : listData;
-        },
-
-        openTip () {
-            return this.isOnSearch ? false : this.propsObj._openTip;
-        },
-        modalTipContent () {
-            return this.propsObj._tipContent || this.dynamicContent || "暂无信息";
-        },
-
-        curValObj () {
-            return this.$isEmptyData(this.curVal)
-                ? undefined
-                : this.getItemData(this.curVal);
-        },
-        valStr: {
-            get () {
-                return this.curValObj
-                    ? this.curValObj.name || this.curValObj._name
-                    : "";
-            },
-            set (val) {
-                if (!val) {
-                    this.curVal = "";
-                }
-            }
-        },
-        showVal () {
-            return this.$isEmptyData(this.curVal)
-                ? this.emptyShowVal
-                : this.valStr;
-        },
-        // 已选择项的对象列表
-        curValObjList () {
-            return this.curValList.map(key => this.getItemData(key));
-        },
-        valListStr () {
-            return this.curValObjList.map(item => item.name || item._name).join("、");
-        },
-        showMulVal () {
-            return this.$isEmptyData(this.curValList)
-                ? this.emptyShowVal
-                : this.valListStr;
-        }
-    },
-    created () {
-        this.init();
-    },
-    methods: {
-        init () {
-            this.getTipData();
-            this.getListData();
-        },
-
-        getItemData (key) {
-            const obj = this.listData.find(item => item._key === key) || {
-                _key: key,
-                name: `温馨提示：选项${key}已找不到`
-            };
-
-            return {
-                ...obj,
-                style: this.getItemStyle(obj),
-                color: undefined
-            };
-        },
-        getItemStyle (item) {
-            const color = this.colorMap[item.color] || this.colorMap["color-1"];
-            return {
-                "background-color": this.useColor ? this.$getColor(color, 0.1) : "#E5E5E5",
-                color: this.useColor ? color : "rgba(0, 0, 0, 0.9)",
-                display: "inline-block",
-                "max-width": "100%",
-                padding: "0px 6px",
-                "border-radius": "4px"
-            };
-        },
-        // 获取某项的置灰状态
-        getItemDisabled (item) {
-            return !!(this.selfPropsObj._disabled || item._disabled);
-        },
-
-        // 是否打开tip弹窗
-        clickOpenTip (item) {
-            if (item.__isTip__) {
-                if (this.propsObj._tipKind === "dynamic" && !this.propsObj._tipContent) {
-                    this.getTipUrl();
-                } else {
-                    this.showTipTpl = true;
-                    this.showTipModal = true;
-                }
-            }
-        },
-        getTipUrl () {
-            if (this.propsObj._tipUrl) {
-                this.$https({
-                    url: {
-                        module: "customPath",
-                        name: this.propsObj._tipUrl
-                    },
-                    params: {
-                        formData: this.value,
-                        propsObj: this.propsObj
-                    },
-                    callback: res => {
-                        this.dynamicContent = res;
-                        this.showTipTpl = true;
-                        this.showTipModal = true;
-                    }
-                });
-            } else {
-                this.$Message.warning("请配置接口路径！");
-            }
-        },
-        tipModalRender (h) {
-            return this.showTipTpl
-                ? h("dsh-modal", {
-                    props: {
-                        value: this.showTipModal,
-                        mode: "custom",
-                        propsObj: {
-                            title: "温馨提示",
-                            maskClosable: true,
-                            class: "DshSelect-modal"
-                        }
-                    },
-                    on: {
-                        input: bool => {
-                            this.showTipModal = bool;
-                        }
-                    }
-                }, [
-                    h("div", {
-                        class: "DshSelect-modal-content",
-                        domProps: {
-                            innerHTML: this.modalTipContent
-                        }
-                    }),
-                    h("div", {
-                        class: "DshSelect-modal-footer"
-                    }, [
-                        h("Button", {
-                            props: {
-                                type: "primary"
-                            },
-                            on: {
-                                click: () => {
-                                    this.showTipModal = false;
-                                }
-                            }
-                        }, "我知道了")
-                    ])
-                ])
-                : undefined;
-        },
-        getTipData () {
-            if (
-                (this.propsObj._key !== "_default") &&
-                this.finalCanEdit &&
-                this.openTip
-            ) {
-                let tipObj = {
-                    _key: "openTip",
-                    _name: this.propsObj._tipName || "其他",
-                    __isTip__: true,
-                    _disabled: true,
-                    color: "#6991cc",
-                    class: `Dsh${this.propsObj._type}-tip`
-                };
-                this.initListData.push(tipObj);
-            }
-        },
-        // 接口 -获取自定义的接口数据
-        getListData () {
-            this.selfPropsObj._customData.forEach(item => {
-                this.$https({
-                    url: item.url,
-                    params: item.params,
-                    callback: data => {
-                        this.initListData = [
-                            ...this.initListData,
-                            ...data.list.map(dataItem =>
-                                ({
-                                    _key: dataItem[item._key || "_key"],
-                                    name: dataItem[item._name || "name"]
-                                })
-                            )
-                        ];
-                    }
-                });
-            });
-        }
-    }
-};

package/src/styles/components/list/DshBox/DshCard.less

@@ -1,59 +0,0 @@
-.DshCard {
-    display: flex;
-    flex-wrap: wrap;
-    background-color: #ffffff;
-    padding: 0 40px;
-    
-    &-item {
-        width: 250px;
-        height: 210px;
-        box-sizing: border-box;
-        margin: 10px 16px 30px;
-        border-radius: 6px;
-        overflow: hidden;
-        box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);
-        cursor: pointer;
-        display: flex;
-        flex-direction: column;
-        position: relative;
-
-        &-dropdown {
-            position: absolute;
-            top: 5px;
-            right: 5px;
-        }
-        &-image {
-            padding-top: 20px;
-            height: 122px;
-        }
-        &-info {
-            flex: 1;
-            padding: 8px 15px;
-            overflow: hidden;
-            background: #F7FBFF;
-            &-title {
-                font-size: 14px;
-                font-weight: 600;
-            }
-            &-col {
-                height: 24px;
-            }
-
-            .unit {
-                display: flex;
-                flex-direction: row;
-                &-label {
-                    max-width: 60px;
-                    font-weight: 400;
-                    color: #515A6E;
-                }
-                &-colon {
-
-                }
-                &-value {
-                    flex: 1;
-                }
-            }
-        }
-    }
-}

package/src/styles/components/list/DshBox/DshPanel.less

@@ -1,107 +0,0 @@
-.DshPanel {
-    min-width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-
-    &-group {
-        width: 300px;
-        min-width: 300px;
-        max-width: 300px;
-        height: 100%;
-        padding: 10px;
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-
-        &-title {
-            width: 100%;
-            height: 50px;
-            padding: 15px 10px;
-            display: flex;
-            border-radius: 10px 10px 0px 0px;
-            font-size: 14px;
-
-            &-name {
-                max-width: 120px;
-            }
-            &-number {
-                font-weight: bold;
-            }
-        }
-
-        &-list {
-            width: 100%;
-            flex: 1;
-            min-height: 0px;
-            border: 1px dashed #cccccc;
-            border-top: none;
-            display: flex;
-            flex-direction: column;
-
-            .list-drag {
-                width: 100%;
-                flex: 1;
-                min-height: 0px;
-
-                &-transition {
-                    display: block;
-                    width: 100%;
-                    height: 100%;
-                    padding: 10px;
-                    overflow: auto;
-
-                    .row-item {
-                        min-height: 60px;
-                        padding: 10px 17px;
-                        margin-bottom: 10px;
-                        border: 1px solid rgba(102, 110, 126, 0.1);
-                        border-radius: 4px;
-                        background: #FFFFFF;
-                        cursor: pointer;
-                        position: relative;
-
-                        &-dropdown {
-                            position: absolute;
-                            top: 5px;
-                            right: 5px;
-                        }
-
-                        &-title {
-                            width: calc(100% - 22px);
-                            margin-bottom: 2px;
-                            font-family: Source Han Sans CN;
-                            font-size: 14px;
-                            font-weight: 500;
-                            color: #515A6E;
-                        }
-
-                        &-cols {}
-
-                        .unit {
-                            display: flex;
-                            flex-direction: row;
-                            color: #515A6E;
-                            &-label {
-                                max-width: 60px;
-                            }
-                            &-colon {
-
-                            }
-                            &-value {
-                                flex: 1;
-                            }
-                        }
-                    }
-                }
-            }
-
-            .list-btns {
-                width: 100%;
-                height: 40px;
-                padding: 0px 10px;
-                text-align: center;
-            }
-        }
-    }
-}