bri-components 1.1.3 → 1.1.4

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

@@ -0,0 +1,107 @@
+.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;
+
+                    .item {
+                        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;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,4 @@
+.DshTable {
+    width: 100%; 
+    height: 100%;
+}

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

@@ -0,0 +1,52 @@
+.ZTree {
+    max-width: 1200px;
+    min-width: 720px;
+    height: 100%;
+    margin: 0px auto;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+
+    &-action {
+        padding: 10px;
+        display: flex;
+        justify-content: flex-end;
+
+        &-create {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+
+            .ivu-icon {
+                font-size: 20px;
+                font-weight: bold;
+                margin-right: -10px;
+                vertical-align: middle;
+                transform: translate(0, -1px);
+            }
+        }
+    }
+
+    &-tree {
+        width: 100%;
+        flex: 1;
+        min-height: 0px;
+        overflow: auto;
+
+        .ivu-tree-title {
+            width: calc(100% - 18px);
+        }
+        .ivu-tree-arrow {
+            margin-top: 5px;
+        }
+    }
+    &-dropdown-menu.DshColorPanel-list {
+        width: 242px!important;
+    }
+
+    &-create-content {
+        .textRight {
+            text-align: right;
+        }
+    }
+}

package/src/styles/components/small/DshModal.less

@@ -64,7 +64,7 @@
     &-small {
          .ivu-modal-wrap {
              .ivu-modal {
-                width: 500px !important;
+                // width: 500px !important;
                 height: 400px !important;
                 max-height: 100%;
                 max-width: 100%;

package/src/styles/variables.less

@@ -11,6 +11,7 @@
 
 // 背景色
 @bgColor               : #F5F5F5;
+@hoverBg               : #F0F0F0;
 @white                 : #FFF;
 @black                 : #000;
 

package/src/utils/table.js

@@ -1,6 +1,7 @@
 /* -------------------- 表格 -------------- */
 // 转化表单字段属性 to 表格参数, 是否需要过滤tag
 const transformToColumns = function (form) {
+    let headerFilter = this.listPropsObj && this.listPropsObj.headerFilter;
     return form
         .filter(col => col._type !== "tag")
         .map(col => {
@@ -12,7 +13,7 @@ const transformToColumns = function (form) {
                 key: col._key,
                 align: col._align || typeData.align,
                 width: col._width || typeData.width,
-                sortBy: col._sortBy || typeData.sortBy,
+                sortBy: headerFilter ? col._sortBy || typeData.sortBy : undefined,
 
                 ...(
                     col._type
@@ -49,7 +50,7 @@ const transformToColumns = function (form) {
                 ...(
                     ["select", "checkbox"].includes(col._type)
                         ? {
-                            filter: this.listPropsObj && this.listPropsObj.headerFilter ? {
+                            filter: headerFilter ? {
                                 isMultiple: true,
                                 maxHeight: 300,
                                 filterList: col._data.map(item => ({

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

@@ -1,43 +0,0 @@
-<template>
-    <div class="YSerialNumber">
-        <dsh-input
-            :value="value"
-            :propsObj="selfPropsObj"
-            :canEdit="canEdit"
-        ></dsh-input>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../controlMixin.js";
-
-    export default {
-        name: "YSerialNumber",
-        mixins: [controlMixin],
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj,
-                    canEdit: false
-                };
-            }
-        },
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .YSerialNumber {
-        width: 100%;
-    }
-</style>
-<style lang="less">
-    .YSerialNumber {
-
-    }
-</style>

package/src/components/list/easyTable/index.js

@@ -1,23 +0,0 @@
-import VTable from "./v-table/index";
-import VCheckbox from "./v-checkbox/index";
-import VCheckboxGroup from "./v-checkbox-group/index";
-import VDropdown from "./v-dropdown/index";
-
-const install = function (Vue, opts = {}) {
-    Vue.component(VTable.name, VTable);
-    Vue.component(VCheckbox.name, VCheckbox);
-    Vue.component(VCheckboxGroup.name, VCheckboxGroup);
-    Vue.component(VDropdown.name, VDropdown);
-};
-
-// auto install
-if (typeof window !== "undefined" && window.Vue) {
-    install(window.Vue);
-}
-
-export {
-    VTable,
-    VCheckbox,
-    VCheckboxGroup,
-    VDropdown
-};

package/src/components/list/easyTable/src/directives/clickoutside.js

@@ -1,32 +0,0 @@
-export default {
-    bind: function (el, binding, vNode) {
-        if (typeof binding.value !== "function") {
-
-            let msg = `in [clickoutside] directives, provided expression '${binding.expression}' is not a function `;
-
-            const compName = vNode.context.name;
-
-            if (compName) {
-                msg += `in ${compName}`;
-            }
-            console.error(msg);
-        }
-
-        let handler = (e) => {
-            if (!el.contains(e.target) && el !== e.target) {
-                binding.value(e);
-            } else {
-                return false;
-            }
-        };
-        el.__clickOutSide__ = handler;
-
-        document.addEventListener("click", handler, true);
-    },
-
-    unbind: function (el) {
-        document.removeEventListener("click", el.__clickOutSide__, true);
-        el.__clickOutSide__ = null;
-
-    }
-};

package/src/components/list/easyTable/src/mixins/layerAdjustment.js

@@ -1,62 +0,0 @@
-import utils from "../utils/utils";
-
-let __autoAdjustmentEvents__ = [];
-
-export default {
-    methods: {
-
-        /*
-         * 自动调整浮层（不绑定事件）
-         *
-         * @method layerAdjustmentBind
-         * @param  {Dom}        layerElement        浮层元素
-         * @param  {Dom}        targetElement       控制元素
-         * @param  {Number}     distance            浮层元素和控制元素的上下间距
-         */
-        layerAdjustmentOnce (layerElement, targetElement, distance) {
-
-            let viewportOffset = utils.getViewportOffset(targetElement);
-            let layerElemHeight = typeof layerElement.getBoundingClientRect !== "undefined" ? layerElement.getBoundingClientRect().height : layerElement.clientHeight;
-
-            if (viewportOffset.bottom < layerElemHeight) {
-
-                layerElement.style.top = (viewportOffset.top - layerElemHeight - distance) + "px";
-            } else {
-
-                layerElement.style.top = (viewportOffset.top + targetElement.clientHeight + distance) + "px";
-            }
-
-            layerElement.style.left = viewportOffset.left + "px";
-        },
-
-        /*
-         * 滚动时自动调整浮层
-         *
-         * @method layerAdjustmentBind
-         * @param  {Dom}        layerElement        浮层元素
-         * @param  {Dom}        targetElement       控制元素
-         * @param  {Number}     distance            浮层元素和控制元素的上下间距
-         */
-        layerAdjustmentBind (layerElement, targetElement, distance) {
-
-            let handler = (e) => {
-
-                setTimeout(x => {
-
-                    this.layerAdjustmentOnce(layerElement, targetElement, distance);
-                });
-            };
-
-            __autoAdjustmentEvents__.push(handler);
-            utils.bind(window, "scroll", handler);
-            utils.bind(window, "resize", handler);
-
-        }
-    },
-    beforeDestroy () {
-
-        utils.unbind(window, "scroll", __autoAdjustmentEvents__);
-        utils.unbind(window, "resize", __autoAdjustmentEvents__);
-
-    }
-};

package/src/components/list/easyTable/src/settings/settings.js

@@ -1,11 +0,0 @@
-export default {
-    sizeMaps: {
-        "large": 40,
-        "middle": 32,
-        "small": 24
-    },
-
-    sizeMapDefault: 32,
-
-    scrollbarClass: "v-scrollbar-wrap"
-};

package/src/components/list/easyTable/src/utils/deepClone.js

@@ -1,256 +0,0 @@
-/*
-*
-* source:https://github.com/pvorb/clone/blob/master/clone.js
-*
-*
-* */
-
-let clone = (function () {
-    "use strict";
-
-    function _instanceof (obj, type) {
-        return type != null && obj instanceof type;
-    }
-
-    let NativeMap;
-    try {
-        NativeMap = Map;
-    } catch (_) {
-        // maybe a reference error because no `Map`. Give it a dummy value that no
-        // value will ever be an instanceof.
-        NativeMap = function () {};
-    }
-
-    let NativeSet;
-    try {
-        NativeSet = Set;
-    } catch (_) {
-        NativeSet = function () {};
-    }
-
-    let NativePromise;
-    try {
-        NativePromise = Promise;
-    } catch (_) {
-        NativePromise = function () {};
-    }
-
-    /**
-     * Clones (copies) an Object using deep copying.
-     *
-     * This function supports circular references by default, but if you are certain
-     * there are no circular references in your object, you can save some CPU time
-     * by calling clone(obj, false).
-     *
-     * Caution: if `circular` is false and `parent` contains circular references,
-     * your program may enter an infinite loop and crash.
-     *
-     * @param `parent` - the object to be cloned
-     * @param `circular` - set to true if the object to be cloned may contain
-     *    circular references. (optional - true by default)
-     * @param `depth` - set to a number if the object is only to be cloned to
-     *    a particular depth. (optional - defaults to Infinity)
-     * @param `prototype` - sets the prototype to be used when cloning an object.
-     *    (optional - defaults to parent prototype).
-     * @param `includeNonEnumerable` - set to true if the non-enumerable properties
-     *    should be cloned as well. Non-enumerable properties on the prototype
-     *    chain will be ignored. (optional - false by default)
-     */
-    function clone (parent, circular, depth, prototype, includeNonEnumerable) {
-        if (typeof circular === "object") {
-            depth = circular.depth;
-            prototype = circular.prototype;
-            includeNonEnumerable = circular.includeNonEnumerable;
-            circular = circular.circular;
-        }
-        // maintain two arrays for circular references, where corresponding parents
-        // and children have the same index
-        let allParents = [];
-        let allChildren = [];
-
-        let useBuffer = typeof Buffer != "undefined";
-
-        if (typeof circular == "undefined")
-        { circular = true; }
-
-        if (typeof depth == "undefined")
-        { depth = Infinity; }
-
-        // recurse this function so we don't reset allParents and allChildren
-        function _clone (parent, depth) {
-            // cloning null always returns null
-            if (parent === null)
-            { return null; }
-
-            if (depth === 0)
-            { return parent; }
-
-            let child;
-            let proto;
-            if (typeof parent != "object") {
-                return parent;
-            }
-
-            if (_instanceof(parent, NativeMap)) {
-                child = new NativeMap();
-            } else if (_instanceof(parent, NativeSet)) {
-                child = new NativeSet();
-            } else if (_instanceof(parent, NativePromise)) {
-                child = new NativePromise(function (resolve, reject) {
-                    parent.then(function (value) {
-                        resolve(_clone(value, depth - 1));
-                    }, function (err) {
-                        reject(_clone(err, depth - 1));
-                    });
-                });
-            } else if (clone.__isArray(parent)) {
-                child = [];
-            } else if (clone.__isRegExp(parent)) {
-                child = new RegExp(parent.source, __getRegExpFlags(parent));
-                if (parent.lastIndex) child.lastIndex = parent.lastIndex;
-            } else if (clone.__isDate(parent)) {
-                child = new Date(parent.getTime());
-            } else if (useBuffer && Buffer.isBuffer(parent)) {
-                child = Buffer.alloc(parent.length);
-                parent.copy(child);
-                return child;
-            } else if (_instanceof(parent, Error)) {
-                child = Object.create(parent);
-            } else {
-                if (typeof prototype == "undefined") {
-                    proto = Object.getPrototypeOf(parent);
-                    child = Object.create(proto);
-                }
-                else {
-                    child = Object.create(prototype);
-                    proto = prototype;
-                }
-            }
-
-            if (circular) {
-                let index = allParents.indexOf(parent);
-
-                if (index != -1) {
-                    return allChildren[index];
-                }
-                allParents.push(parent);
-                allChildren.push(child);
-            }
-
-            if (_instanceof(parent, NativeMap)) {
-                parent.forEach(function (value, key) {
-                    let keyChild = _clone(key, depth - 1);
-                    let valueChild = _clone(value, depth - 1);
-                    child.set(keyChild, valueChild);
-                });
-            }
-            if (_instanceof(parent, NativeSet)) {
-                parent.forEach(function (value) {
-                    let entryChild = _clone(value, depth - 1);
-                    child.add(entryChild);
-                });
-            }
-
-            for (let i in parent) {
-                let attrs;
-                if (proto) {
-                    attrs = Object.getOwnPropertyDescriptor(proto, i);
-                }
-
-                if (attrs && attrs.set == null) {
-                    continue;
-                }
-                child[i] = _clone(parent[i], depth - 1);
-            }
-
-            if (Object.getOwnPropertySymbols) {
-                let symbols = Object.getOwnPropertySymbols(parent);
-                for (let i = 0; i < symbols.length; i++) {
-                    // Don't need to worry about cloning a symbol because it is a primitive,
-                    // like a number or string.
-                    let symbol = symbols[i];
-                    let descriptor = Object.getOwnPropertyDescriptor(parent, symbol);
-                    if (descriptor && !descriptor.enumerable && !includeNonEnumerable) {
-                        continue;
-                    }
-                    child[symbol] = _clone(parent[symbol], depth - 1);
-                    if (!descriptor.enumerable) {
-                        Object.defineProperty(child, symbol, {
-                            enumerable: false
-                        });
-                    }
-                }
-            }
-
-            if (includeNonEnumerable) {
-                let allPropertyNames = Object.getOwnPropertyNames(parent);
-                for (let i = 0; i < allPropertyNames.length; i++) {
-                    let propertyName = allPropertyNames[i];
-                    let descriptor = Object.getOwnPropertyDescriptor(parent, propertyName);
-                    if (descriptor && descriptor.enumerable) {
-                        continue;
-                    }
-                    child[propertyName] = _clone(parent[propertyName], depth - 1);
-                    Object.defineProperty(child, propertyName, {
-                        enumerable: false
-                    });
-                }
-            }
-
-            return child;
-        }
-
-        return _clone(parent, depth);
-    }
-
-    /**
-     * Simple flat clone using prototype, accepts only objects, usefull for property
-     * override on FLAT configuration object (no nested props).
-     *
-     * USE WITH CAUTION! This may not behave as you wish if you do not know how this
-     * works.
-     */
-    clone.clonePrototype = function clonePrototype (parent) {
-        if (parent === null)
-        { return null; }
-
-        let C = function () {};
-        C.prototype = parent;
-        return new C();
-    };
-
-    // private utility functions
-
-    function __objToStr (o) {
-        return Object.prototype.toString.call(o);
-    }
-    clone.__objToStr = __objToStr;
-
-    function __isDate (o) {
-        return typeof o === "object" && __objToStr(o) === "[object Date]";
-    }
-    clone.__isDate = __isDate;
-
-    function __isArray (o) {
-        return typeof o === "object" && __objToStr(o) === "[object Array]";
-    }
-    clone.__isArray = __isArray;
-
-    function __isRegExp (o) {
-        return typeof o === "object" && __objToStr(o) === "[object RegExp]";
-    }
-    clone.__isRegExp = __isRegExp;
-
-    function __getRegExpFlags (re) {
-        let flags = "";
-        if (re.global) flags += "g";
-        if (re.ignoreCase) flags += "i";
-        if (re.multiline) flags += "m";
-        return flags;
-    }
-    clone.__getRegExpFlags = __getRegExpFlags;
-
-    return clone;
-})();
-
-export default clone;

package/src/components/list/easyTable/src/utils/dom.js

@@ -1,41 +0,0 @@
-
-// has class
-export function hasClass (el, cls) {
-    if (!el || !cls) return false;
-    if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.");
-    if (el.classList) {
-        return el.classList.contains(cls);
-    } else {
-        return (" " + el.className + " ").indexOf(" " + cls + " ") > -1;
-    }
-};
-
-// add class
-export function addClass (el, cls) {
-    if (!el || !cls) return;
-
-    if (el.classList) {
-        el.classList.add(cls);
-
-    } else {
-
-        let clsArr = el.className.split(" ");
-
-        if (clsArr.indexOf(cls) === -1) {
-            el.className += " " + cls;
-        }
-    }
-};
-
-// remove class
-export function removeClass (el, cls) {
-    if (!el || !cls) return;
-
-    if (el.classList) {
-        el.classList.remove(cls);
-    } else {
-
-        let reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
-        el.className = el.className.replace(reg, " "); // For IE9 and earlier
-    }
-};