bri-components 1.4.92 → 1.4.93

package/src/components/controls/controlMap.js

@@ -1,114 +1,114 @@
-const controlConfig = window.controlConfig || {
-    componentNameMap: {},
-    pathMap: {},
-    registerComponents: () => {
-        return {};
-    }
-};
-
-// TODO: 特别声明：每一个开发的控件必须要加一个change回调事件！
-const componentNameMap = {
-    // base类型
-    text: "DshInput",
-    textarea: "DshInput",
-    idcard: "DshInput",
-    email: "DshInput",
-    phone: "DshInput",
-    url: "DshInput",
-    password: "DshInput",
-    serialNumber: "DshInput",
-
-    number: "DshNumber",
-    numberange: "DshNumberange",
-    date: "DshDate",
-    daterange: "DshDaterange",
-
-    switch: "DshSwitch",
-    select: "DshSelect",
-    checkbox: "DshCheckbox",
-    region: "DshCascader",
-    regions: "DshCascader",
-    cascader: "DshCascader",
-    cascaders: "DshCascader",
-
-    file: "BriUpload",
-    coordinates: "DshCoordinates",
-    editor: "DshEditor",
-    tag: "DshDivider",
-
-    users: "selectUsers",
-    departments: "selectDepartments",
-    labels: "DshLabels",
-    package: "DshPackage",
-    flatTable: "flatTable",
-    cascaderTable: "cascaderTable",
-
-    themeColor: "themeColor",
-    themeIcon: "themeIcon",
-    color: "DshColor",
-
-    back: "DshBack",
-    undefined: "DshUndeveloped",
-
-    ...controlConfig.componentNameMap
-};
-
-// 组件相对路径映射图
-const pathMap = {
-    base: {
-        // DshInput: "./base/DshInput/DshInput.vue", // 全局已注册
-        // DshNumber: "./base/DshNumber/DshNumber.vue", // 全局已注册
-        DshDate: "./base/DshDate/DshDate.vue",
-        DshDaterange: "./base/DshDate/DshDaterange.vue",
-        DshSwitch: "./base/DshSwitch/DshSwitch.vue",
-        // DshSelect: "./base/DshSelect/DshSelect.vue", // 全局已注册
-        // DshCheckbox: "./base/DshSelect/DshCheckbox.vue", // 全局已注册
-        // DshCascader: "./base/DshCascader/DshCascader.vue", // 全局已注册
-        BriUpload: "./base/BriUpload/BriUpload.vue",
-        DshCoordinates: "./base/DshCoordinates.vue",
-        DshEditor: "./base/DshEditor.vue",
-        DshDivider: "./base/DshDivider.vue"
-    },
-    senior: {
-        selectUsers: "./senior/selectUsers/selectUsers.vue",
-        selectDepartments: "./senior/selectDepartments.vue",
-        DshLabels: "./senior/DshLabels.vue",
-        DshPackage: "./senior/DshPackage.vue",
-        flatTable: "./senior/flatTable.vue",
-        cascaderTable: "./senior/cascaderTable"
-    },
-    extra: {
-        themeColor: "./extra/themeColor.vue",
-        themeIcon: "./extra/themeIcon.vue",
-        DshColor: "./extra/DshColor.vue"
-    },
-    special: {
-        DshBack: "./special/DshBack.vue",
-        DshUndeveloped: "./special/DshUndeveloped.vue"
-    }
-};
-
-// 得到组件注册对象
-function registerComponents (map = pathMap) {
-    let loop = (map, obj) => {
-        return Object.entries(map).reduce((obj, arr) => {
-            if (Object.prototype.toString.call(arr[1]) === "[object Object]") {
-                return loop(arr[1], obj);
-            } else {
-                return Object.assign(obj, {
-                    [arr[0]]: () => import(`${arr[1]}`)
-                });
-            }
-        }, obj);
-    };
-    return {
-        ...loop(map, {}),
-        ...controlConfig.registerComponents()
-    };
-};
-
-export {
-    componentNameMap,
-    pathMap,
-    registerComponents
-};
+const controlConfig = window.controlConfig || {
+    componentNameMap: {},
+    pathMap: {},
+    registerComponents: () => {
+        return {};
+    }
+};
+
+// TODO: 特别声明：每一个开发的控件必须要加一个change回调事件！
+const componentNameMap = {
+    // base类型
+    text: "DshInput",
+    textarea: "DshInput",
+    idcard: "DshInput",
+    email: "DshInput",
+    phone: "DshInput",
+    url: "DshInput",
+    password: "DshInput",
+    serialNumber: "DshInput",
+
+    number: "DshNumber",
+    numberange: "DshNumberange",
+    date: "DshDate",
+    daterange: "DshDaterange",
+
+    switch: "DshSwitch",
+    select: "DshSelect",
+    checkbox: "DshCheckbox",
+    region: "DshCascader",
+    regions: "DshCascader",
+    cascader: "DshCascader",
+    cascaders: "DshCascader",
+
+    file: "BriUpload",
+    coordinates: "DshCoordinates",
+    editor: "DshEditor",
+    tag: "DshDivider",
+
+    users: "selectUsers",
+    departments: "selectDepartments",
+    labels: "DshLabels",
+    package: "DshPackage",
+    flatTable: "flatTable",
+    cascaderTable: "cascaderTable",
+
+    themeColor: "themeColor",
+    themeIcon: "themeIcon",
+    color: "DshColor",
+
+    back: "DshBack",
+    undefined: "DshUndeveloped",
+
+    ...controlConfig.componentNameMap
+};
+
+// 组件相对路径映射图
+const pathMap = {
+    base: {
+        // DshInput: "./base/DshInput/DshInput.vue", // 全局已注册
+        // DshNumber: "./base/DshNumber/DshNumber.vue", // 全局已注册
+        DshDate: "./base/DshDate/DshDate.vue",
+        DshDaterange: "./base/DshDate/DshDaterange.vue",
+        DshSwitch: "./base/DshSwitch/DshSwitch.vue",
+        // DshSelect: "./base/DshSelect/DshSelect.vue", // 全局已注册
+        // DshCheckbox: "./base/DshSelect/DshCheckbox.vue", // 全局已注册
+        // DshCascader: "./base/DshCascader/DshCascader.vue", // 全局已注册
+        BriUpload: "./base/BriUpload/BriUpload.vue",
+        DshCoordinates: "./base/DshCoordinates.vue",
+        DshEditor: "./base/DshEditor.vue",
+        DshDivider: "./base/DshDivider.vue"
+    },
+    senior: {
+        selectUsers: "./senior/selectUsers/selectUsers.vue",
+        selectDepartments: "./senior/selectDepartments.vue",
+        DshLabels: "./senior/DshLabels.vue",
+        DshPackage: "./senior/DshPackage.vue",
+        flatTable: "./senior/flatTable.vue",
+        cascaderTable: "./senior/cascaderTable"
+    },
+    extra: {
+        themeColor: "./extra/themeColor.vue",
+        themeIcon: "./extra/themeIcon.vue",
+        DshColor: "./extra/DshColor.vue"
+    },
+    special: {
+        DshBack: "./special/DshBack.vue",
+        DshUndeveloped: "./special/DshUndeveloped.vue"
+    }
+};
+
+// 得到组件注册对象
+function registerComponents (map = pathMap) {
+    let loop = (map, obj) => {
+        return Object.entries(map).reduce((obj, arr) => {
+            if (Object.prototype.toString.call(arr[1]) === "[object Object]") {
+                return loop(arr[1], obj);
+            } else {
+                return Object.assign(obj, {
+                    [arr[0]]: () => import(`${arr[1]}`)
+                });
+            }
+        }, obj);
+    };
+    return {
+        ...loop(map, {}),
+        ...controlConfig.registerComponents()
+    };
+};
+
+export {
+    componentNameMap,
+    pathMap,
+    registerComponents
+};

package/src/components/controls/extra/DshColor.vue

@@ -1,81 +1,81 @@
-<template>
-    <div class="DshColor">
-        <ColorPicker
-            class="DshColor-picker"
-            v-model="curVal"
-            :disabled="disabled"
-            :format="selfPropsObj._format"
-            :editable="selfPropsObj._editable"
-            :alpha="selfPropsObj._alpha"
-            :hue="selfPropsObj._hue"
-            :recommend="selfPropsObj._recommend"
-            :colors="colors"
-            :size="selfPropsObj._size"
-            :transfer="selfPropsObj._transfer"
-            @on-change="change"
-            @on-active-change="onActiveChange"
-            @on-open-change="onOpenChange"
-        />
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../mixins/controlMixin.js";
-    import { resourceData } from "../../../data/index.js";
-
-    export default {
-        name: "DshColor",
-        mixins: [
-            controlMixin
-        ],
-        components: {},
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _editable: true, // 是否可以输入色值
-                    _alpha: false, // 是否支持透明度选择
-                    _hue: true, // 是否支持色彩选择
-                    _recommend: true, // 是否显示推荐的颜色预设
-                    _colors: Object.values(resourceData.colorMap).slice(1), // 自定义颜色预设
-                    _size: "default", // 尺寸，可选值为large、small、default或者不设置
-                    _transfer: true,
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj,
-
-                    _format: this.propsObj._format || (this.propsObj._alpha ? "rgb" : "hex") // 颜色的格式，可选值 hsl、hsv、hex、rgb；开启alpha时为rgb，其它为hex
-                };
-            },
-            colors () {
-                return this.selfPropsObj._colors;
-            }
-        },
-        created () {},
-        methods: {
-            // 面板中当前显示的颜色发生改变时触发
-            onActiveChange () {
-
-            },
-            // 下拉框展开或收起时触发
-            onOpenChange () {
-
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshColor {
-        &-picker {
-            width: 100%;
-        }
-    }
-</style>
-<style lang="less">
-    .ivu-color-picker-transfer {
-        max-width: 360px;
-    }
-</style>
+<template>
+    <div class="DshColor">
+        <ColorPicker
+            class="DshColor-picker"
+            v-model="curVal"
+            :disabled="disabled"
+            :format="selfPropsObj._format"
+            :editable="selfPropsObj._editable"
+            :alpha="selfPropsObj._alpha"
+            :hue="selfPropsObj._hue"
+            :recommend="selfPropsObj._recommend"
+            :colors="colors"
+            :size="selfPropsObj._size"
+            :transfer="selfPropsObj._transfer"
+            @on-change="change"
+            @on-active-change="onActiveChange"
+            @on-open-change="onOpenChange"
+        />
+    </div>
+</template>
+
+<script>
+    import controlMixin from "../mixins/controlMixin.js";
+    import { resourceData } from "../../../data/index.js";
+
+    export default {
+        name: "DshColor",
+        mixins: [
+            controlMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _editable: true, // 是否可以输入色值
+                    _alpha: false, // 是否支持透明度选择
+                    _hue: true, // 是否支持色彩选择
+                    _recommend: true, // 是否显示推荐的颜色预设
+                    _colors: Object.values(resourceData.colorMap).slice(1), // 自定义颜色预设
+                    _size: "default", // 尺寸，可选值为large、small、default或者不设置
+                    _transfer: true,
+                    ...this.propsObj,
+                    ...this.commonDealPropsObj,
+
+                    _format: this.propsObj._format || (this.propsObj._alpha ? "rgb" : "hex") // 颜色的格式，可选值 hsl、hsv、hex、rgb；开启alpha时为rgb，其它为hex
+                };
+            },
+            colors () {
+                return this.selfPropsObj._colors;
+            }
+        },
+        created () {},
+        methods: {
+            // 面板中当前显示的颜色发生改变时触发
+            onActiveChange () {
+
+            },
+            // 下拉框展开或收起时触发
+            onOpenChange () {
+
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshColor {
+        &-picker {
+            width: 100%;
+        }
+    }
+</style>
+<style lang="less">
+    .ivu-color-picker-transfer {
+        max-width: 360px;
+    }
+</style>

package/src/components/controls/extra/themeColor.vue

@@ -1,104 +1,104 @@
-<template>
-    <div class="themeColor">
-        <div class="themeColor-colors">
-            <div
-                v-for="(colorItem, colorKey) in themeColorMap"
-                :key="colorKey"
-                class="item"
-                @click="curVal = colorKey"
-            >
-                <div
-                    class="item-content"
-                    :style="{
-                        backgroundColor: colorItem.color
-                    }"
-                ></div>
-                <Icon
-                    v-if="colorKey === curVal"
-                    class="item-icon"
-                    type="ios-checkmark-circle"
-                    size="16"
-                />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../mixins/controlMixin.js";
-
-    export default {
-        name: "themeColor",
-        mixins: [
-            controlMixin
-        ],
-        components: {},
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _relateColorkey: "colorType",
-
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-            themeColorMap () {
-                return this.$appData.themeColors || {};
-            }
-        },
-        created () {
-            // this.init();
-        },
-        methods: {
-            init () {
-                if (!this.curVal) {
-                    this.curVal = Object.keys(this.themeColorMap)[0];
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .themeColor {
-        width: 100%;
-
-        &-colors {
-            display: flex;
-
-            .item {
-                display: inlile-block;
-                width: 54px;
-                height: 54px;
-                margin-right: 7px;
-                cursor: pointer;
-                position: relative;
-
-                &-content {
-                    width: 38px;
-                    height: 38px;
-                    margin: 8px auto;
-                    border-radius: 50%;
-                }
-
-                &-icon {
-                    position: absolute;
-                    bottom: 7px;
-                    right: 7px;
-
-                    border-radius: 50%;
-                    background-color: rgba(255, 255, 255, 0.85);
-                    color: @themeColor;
-                }
-
-                &:last-of-type {
-                    margin-right: 0px;
-                }
-            }
-        }
-    }
-</style>
+<template>
+    <div class="themeColor">
+        <div class="themeColor-colors">
+            <div
+                v-for="(colorItem, colorKey) in themeColorMap"
+                :key="colorKey"
+                class="item"
+                @click="curVal = colorKey"
+            >
+                <div
+                    class="item-content"
+                    :style="{
+                        backgroundColor: colorItem.color
+                    }"
+                ></div>
+                <Icon
+                    v-if="colorKey === curVal"
+                    class="item-icon"
+                    type="ios-checkmark-circle"
+                    size="16"
+                />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import controlMixin from "../mixins/controlMixin.js";
+
+    export default {
+        name: "themeColor",
+        mixins: [
+            controlMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _relateColorkey: "colorType",
+
+                    ...this.propsObj,
+                    ...this.commonDealPropsObj
+                };
+            },
+            themeColorMap () {
+                return this.$appData.themeColors || {};
+            }
+        },
+        created () {
+            // this.init();
+        },
+        methods: {
+            init () {
+                if (!this.curVal) {
+                    this.curVal = Object.keys(this.themeColorMap)[0];
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .themeColor {
+        width: 100%;
+
+        &-colors {
+            display: flex;
+
+            .item {
+                display: inlile-block;
+                width: 54px;
+                height: 54px;
+                margin-right: 7px;
+                cursor: pointer;
+                position: relative;
+
+                &-content {
+                    width: 38px;
+                    height: 38px;
+                    margin: 8px auto;
+                    border-radius: 50%;
+                }
+
+                &-icon {
+                    position: absolute;
+                    bottom: 7px;
+                    right: 7px;
+
+                    border-radius: 50%;
+                    background-color: rgba(255, 255, 255, 0.85);
+                    color: @themeColor;
+                }
+
+                &:last-of-type {
+                    margin-right: 0px;
+                }
+            }
+        }
+    }
+</style>