ocpview-plus 0.0.1

package/package.json

@@ -0,0 +1,144 @@
+{
+  "name": "ocpview-plus",
+  "version": "0.0.1",
+  "title": "efviewPlus",
+  "description": "A high quality Service UI components Library with Vue.js",
+  "homepage": "",
+  "keywords": [
+    "efview",
+    "iview",
+    "vue",
+    "viewui",
+    "viewuiplus",
+    "vue.js",
+    "component",
+    "components",
+    "ui",
+    "framework"
+  ],
+  "main": "dist/efviewplus.min.js",
+  "typings": "types/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "npm run build:prod && npm run build:style && npm run build:lang",
+    "build:style": "gulp --gulpfile build/build-style.js",
+    "build:prod": "vite build",
+    "build:lang": "vite build --config build/vite.lang.config.js",
+    "lint": "vue-cli-service lint --fix"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "author": "Tianhao",
+  "license": "MIT",
+  "bugs": {
+    "url": ""
+  },
+  "dependencies": {
+    "@vueup/vue-quill": "^1.0.0-alpha.40",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "async-validator": "^3.3.0",
+    "autoprefixer-loader": "^3.2.0",
+    "axios": "^0.18.0",
+    "deepmerge": "^2.2.1",
+    "echarts": "^4.3.0",
+    "echarts-liquidfill": "^2.0.0",
+    "element-resize-detector": "^1.2.0",
+    "file-saver": "^2.0.5",
+    "good-storage": "^1.1.1",
+    "html2canvas": "^1.4.1",
+    "jquery": "^3.3.1",
+    "js-cookie": "^2.2.0",
+    "js-md5": "^0.7.3",
+    "ol": "^6.7.0",
+    "pako": "^1.0.3",
+    "pdfobject": "^2.3.0",
+    "popper.js": "^1.14.6",
+    "view-ui-plus": "^1.3.17",
+    "viewerjs": "^1.11.6",
+    "vue-draggable-plus": "^0.5.0",
+    "vuex": "^4.0.2",
+    "xlsx": "^0.18.5",
+    "xlsx-style-vite": "^0.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.9.3",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.0",
+    "autoprefixer-loader": "^3.2.0",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
+    "babel-eslint": "^10.1.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-plugin-import": "^1.13.3",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-es5-property-mutators": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-stage-3": "^6.24.1",
+    "babel-runtime": "^6.26.0",
+    "chai": "^4.2.0",
+    "compression-webpack-plugin": "^1.1.12",
+    "copy-webpack-plugin": "^6.4.1",
+    "cross-env": "^5.2.0",
+    "css-loader": "^0.28.10",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^7.0.0-0",
+    "extract-text-webpack-plugin": "^2.1.2",
+    "file-loader": "^1.1.11",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-less": "^4.0.1",
+    "gulp-rename": "^2.0.0",
+    "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^3.0.6",
+    "karma": "^2.0.5",
+    "karma-chrome-launcher": "^2.2.0",
+    "karma-coverage": "^1.1.1",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon-chai": "^1.3.3",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "^0.0.32",
+    "karma-webpack": "^2.0.13",
+    "less": "^2.7.3",
+    "less-loader": "^6.2.0",
+    "lint-staged": "^10.5.4",
+    "lolex": "^2.7.5",
+    "mocha": "^5.0.4",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "script-loader": "^0.7.2",
+    "sinon": "^4.4.2",
+    "sinon-chai": "^3.3.0",
+    "style-loader": "^0.20.2",
+    "tslint": "^5.14.0",
+    "typescript": "^3.3.4000",
+    "uglifyjs-webpack-plugin": "^1.3.0",
+    "url-loader": "^1.1.2",
+    "vite": "^2.6.4",
+    "vite-plugin-compression2": "^1.3.0",
+    "vite-plugin-importer": "^0.2.5",
+    "vue": "^3.2.47",
+    "vue-hot-reload-api": "^2.3.4",
+    "vue-html-loader": "^1.2.4",
+    "vue-loader": "^17.0.0",
+    "vue-router": "^4.0.14",
+    "vue-style-loader": "^4.1.3",
+    "vue-template-compiler": "^2.6.14"
+  }
+}

package/src/components/base/controlbase.vue

@@ -0,0 +1,191 @@
+<script>
+import size from '@/components/base/size';
+export default {
+    mixins: [size],
+    data() {
+        return {
+            globalConfig: {
+                label: '',
+                name: '',
+                readOnly: false,
+                visible: true,
+                size: 'default',
+                valueChanged: '',
+                placeholder: null,
+                place: '',
+                required: false,
+            },
+            myConfig: {},
+            value: '',
+            oldValue: '',
+            hackReset: true,
+            showTooltip: false,
+            isEnter:false
+        };
+    },
+    props: {
+        config: {
+            type: Object,
+            default: () => {},
+        },
+        fatherValue: {
+            type: [String, Number, Array],
+            default: '',
+        },
+        readOnly:{
+            type:Boolean,
+            default:false
+        }
+    },
+    created() {
+        this.init();
+    },
+    methods: {
+        init() {
+            // 获取默认属性
+            this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
+
+            // 获取动态属性
+            if (this.config) {
+                this.myConfig = Object.assign({}, this.myConfig, this.config);
+            }
+
+            if (this.customInit) {
+                this.customInit();
+            }
+        },
+        _fatherValueToValue(value) {
+            if (this.fatherValueToValue) {
+                return this.fatherValueToValue(value);
+            } else {
+                /*if (!value && value !== 0) {
+                    return this.myConfig.defaultValue;
+                } else {
+                    return value;
+                }*/
+                return value;
+            }
+        },
+        _valueToFatherValue() {
+            let curValue = this.value;
+            if (this.valueToFatherValue) {
+                return this.valueToFatherValue();
+            } else {
+                let para = {};
+                para.value = curValue;
+                return para;
+            }
+        },
+        keyDown(value) {
+            let name = value + 'KeyDown'; 
+            if (this[name]) {
+                this[name]();
+            }
+        },
+        enterKeyDown() {
+            if (this.customEnterKeyDown) {
+                this.customEnterKeyDown();
+            }
+
+            let self= this;
+            this.$nextTick(() => {
+                let para = {};
+                para.controlName = self.myConfig.name;
+                if (self.myConfig.sname) {
+                    para.controlName = self.myConfig.sname;
+                }
+                para.name = 'enterKeyDown';
+                self.$emit('doAction', para);
+            });
+        },
+        setFatherValue(e) {
+            let flag = true;
+            let para = this._valueToFatherValue();
+            para.name = this.myConfig.name;
+            if (this.myConfig.valueChanged) {
+                if (
+                    para.value !== this.oldValue ||
+                    para.svalue !== this.oldSvalue ||
+                    para.evalue !== this.oldEvalue
+                ) {
+                    flag = this.myConfig.valueChanged(para);
+                    if (flag === undefined) {
+                        flag = true;
+                    }
+                } else {
+                    flag = false;
+                }
+            }
+            if (flag) {
+                if (this.setFatherValueSuccess) {
+                    this.setFatherValueSuccess(para);
+                } else {
+                    this.$emit('inputValue', para);
+                }
+                this.$nextTick(() => {
+                    if (this.isEnter) {
+                       if (this.customEnterKeyDown) {
+                           this.customEnterKeyDown(e);
+                       }  else {
+                            if (this.$parent.enterKeyDown) {
+                                this.$parent.enterKeyDown(); 
+                            }
+                       }
+                       this.isEnter = false;
+                    }
+                });
+            } else {
+                if (this.setFatherValueFail) {
+                    this.setFatherValueFail(e);
+                } else {
+                    this.$nextTick(() => {
+                        this.value = this.oldValue;
+                    });
+                }
+            }
+        },
+        _setFatherValue(value) {
+            if (!value && value !== 0) {
+                value = this.myConfig.defaultValue;
+            }
+            this.value = value;
+            this.setFatherValue();
+        },
+        setPro(obj) {
+            if (this.setCustomPro) {
+                obj = this.setCustomPro(obj);
+            }
+            if (obj) {
+                this.myConfig = Object.assign({}, this.myConfig, obj);
+            }
+        },
+        setReadOnly(value) {
+            let obj = {};
+            obj.readOnly = value;
+            if (obj.readOnly === false) {
+                if (this.config.readOnly !== true) {
+                    this.setPro(obj);
+                }
+            } else {
+                this.setPro(obj);
+            }
+        },
+        getPro(name) {
+            return this.myConfig[name];
+        },
+        
+    },
+    watch: {
+        fatherValue: {
+            handler(newValue) {
+                this.value = this._fatherValueToValue(newValue);
+                this.oldValue = this.value;
+                if (this.watchCustomFatherValue) {
+                    this.watchCustomFatherValue();
+                }
+            },
+            immediate: true,
+        },
+    },
+};
+</script>

package/src/components/base/controlbox.vue

@@ -0,0 +1,102 @@
+<template>
+    <div v-if="hackReset" @keydown.enter="keyDown('enter')">
+       <template  v-if="type === 'Divider'">
+            <Divider
+            :orientation="config.orientation"
+            :dashed="config.dashed"
+            :type="config.vtype"
+            :id="config.id"
+            :style="config.style"
+        >
+         <template v-if="!!config.label || !!config.hide " #default>
+            <span  v-if="!!config.label" v-text="config.label"> </span>
+            <div v-if="!!config.hide">
+                <p   v-if="hideFlag"  @click.stop="hide"  class="efuture-hide-text">
+                    <Icon type="ios-arrow-up" />
+                    <span> 
+                        收起查询条件
+                    </span>
+                </p>
+                <p v-else @click.stop="hide" class="efuture-hide-text"><Icon type="ios-arrow-down" />
+                    <span>展开查询条件</span>
+                </p>
+            </div>   
+          </template>  
+        </Divider>
+        </template>
+        <template  v-else-if="type === 'NumberRangeBox'">
+            <NumberRangeBox
+            ref="myControl"
+            :fatherSvalue="svalue"
+            :fatherEvalue="evalue"
+            @inputValue="input"
+            :config="config"
+            ></NumberRangeBox>
+        </template>
+         <template  v-else-if="type === 'DateRangeBox'">
+            <DateRangeBox
+            ref="myControl"
+            :fatherSvalue="svalue"
+            :fatherEvalue="evalue"
+            @inputValue="input"
+            :config="config"
+            ></DateRangeBox>
+        </template>
+         <template  v-else-if="type === 'PopTextBox'">
+            <PopTextBox
+            ref="myControl"
+            :fatherValue="value"
+            :fatherText="text"
+            @inputValue="input"
+            :config="config"
+            ></PopTextBox>
+        </template>
+        <template  v-else-if="type === 'PictureBox'">
+            <PictureBox
+            ref="myControl"
+            v-if="config.multiSelect !== true"
+            :fatherValue="value"
+            @inputValue="input"
+            :config="config"
+            :readOnly="readOnly"
+            :showStyle="config.showStyle"
+        ></PictureBox>
+        <PictureBox
+            ref="myControl"
+            v-else
+            :config="config"
+            :readOnly="readOnly"
+            :showStyle="config.showStyle"
+        ></PictureBox>
+        </template>
+        <template  v-else-if="type === 'VideoBox'">
+            <VideoBox
+            ref="myControl"
+            v-if="config.multiSelect !== true"
+            :fatherValue="value"
+            @inputValue="input"
+            :config="config"
+            :readOnly="readOnly"
+            :showStyle="config.showStyle"
+        ></VideoBox>
+        <VideoBox
+            ref="myControl"
+            v-else
+            :config="config"
+            :readOnly="readOnly"
+            :showStyle="config.showStyle"
+        ></VideoBox>
+        </template>
+        <template  v-else>
+            <component :is="type"  ref="myControl" :fatherValue="value" :readOnly="readOnly" @inputValue="input" :config="config"/>
+        </template>
+    </div>
+</template>
+
+<script>
+import proBase from './probase';
+export default {
+    name: 'ControlBox',
+    mixins: [proBase],
+};
+</script>

package/src/components/base/index.js

@@ -0,0 +1,3 @@
+import ControlBox from './controlbox.vue';
+import ControlBase from './controlbase.vue';
+export {ControlBox , ControlBase};

package/src/components/base/load.js

@@ -0,0 +1,20 @@
+export default {
+    name:'load',
+    data () {
+        return {
+            loadingtext:'加载'
+        };
+    },
+    methods:{
+        showLoading () {
+            this.$Spin.show({
+                render: (h) => {
+                    return h('div', '正在'+this.loadingtext+',请耐心等待...');
+                }
+            });
+        },
+        hideLoading(){
+            this.$Spin.hide();
+        }
+    }
+};

package/src/components/base/probase.js

@@ -0,0 +1,220 @@
+export default {
+    name: 'probase',
+    data() {
+        return {
+            value: '',
+            text: '',
+            svalue: '',
+            evalue: '',
+            type: '',
+            hackReset: true,
+            hideFlag:false
+        };
+    },
+    created() {
+        this.type = this.config.type;
+        if (this.type === 'Divider') {
+            if (!this.config.style) {
+                this.config.style = 'margin:12px 0';
+            }
+        }
+    },
+    mounted () {
+        if(this.autofocus) {
+            this.$nextTick(() =>{
+                this.setFocus(true);
+            });
+        }
+    },
+    methods: {
+        input(obj) {
+            // 去除字符串左右空格
+            if (obj) {
+                let proList = ['text', 'value', 'svalue', 'evalue'];
+                proList.forEach(el => {
+                    if (obj[el] !== undefined) {
+                        if (typeof obj[el] === 'string') {
+                            obj[el] = obj[el].trim();
+                        }
+                    }
+                });
+            }
+            if (obj.value !== undefined) {
+                this.value = obj.value;
+            }
+            if (obj.text !== undefined) {
+                this.text = obj.text;
+            }
+            if (obj.svalue !== undefined) {
+                this.svalue = obj.svalue;
+            }
+            if (obj.evalue !== undefined) {
+                this.evalue = obj.evalue;
+            }
+            if (this.editIndex !== '') {
+                obj.editIndex = this.editIndex;
+            }
+            this.$emit('inputValue', obj);
+        },
+
+        setPro(value) {
+            this.$refs.myControl.setPro(value);
+        },
+        setReadOnly(value) {
+            if (this.$refs.myControl.setReadOnly) {
+                this.$refs.myControl.setReadOnly(value);
+            }
+        },
+        getPro(name) {
+            return this.$refs.myControl.getPro(name);
+        },
+        getValue() {
+            if (this.config.textName) {
+                let obj = {};
+                obj.text = this.text;
+                obj.value = this.value;
+                return obj;
+            } else if (this.config.sname) {
+                let obj = {};
+                obj.svalue = this.svalue;
+                obj.evalue = this.evalue;
+                return obj;
+            } else {
+                return this.value;
+            }
+        },
+        setValue(value) {
+            this.value = value;
+        },
+        setText(value) {
+            this.text = value;
+        },
+        setSvalue(svalue) {
+            this.svalue = svalue;
+        },
+        setEvalue(evalue) {
+            this.evalue = evalue;
+        },
+        reset() {
+            this.hackReset = false;
+            this.$nextTick(() => {
+                this.hackReset = true;
+            });
+        },
+        setFocus(value) {
+            if (this.$refs.myControl && this.$refs.myControl.setFocus) {
+                this.$refs.myControl.setFocus(value);
+            }
+        },
+        keyDown(value) {
+            let name = value + 'KeyDown'; 
+            if (this[name]) {
+                this[name]();
+            }
+        },
+        enterKeyDown() {
+            let self= this;
+            let para = {};
+            para.controlName = self.config.name;
+            if (self.config.sname) {
+                para.controlName = self.config.sname;
+            }
+            para.name = 'enterKeyDown';
+            self.$emit('doAction', para);
+        },
+        doAction (obj) {
+            this.$emit('doAction' , obj);
+        },
+        hide() {
+            this.hideFlag = !this.hideFlag;
+            let obj = {};
+            obj.name = 'hideItem'
+            obj.value = this.hideFlag;
+            if (this.config.doHide) {
+                this.config.doHide(obj);
+            }
+        },
+        setHide(value) {
+            this.hideFlag = value;
+        }
+    },
+    props: {
+        config: {
+            type: Object,
+            default: null,
+        },
+        valueData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        autofocus: {
+            type: Boolean,
+            default: false,
+        },
+        readOnly:{
+            type:Boolean,
+            default: false,
+        },
+        editIndex:{
+            type:[String,Number],
+            default: '',
+        }
+    },
+    watch: {
+        valueData: {
+            handler(data) {
+                if (
+                    this.config.textName &&
+                    data[this.config.textName] !== undefined
+                ) {
+                    if (this.text !== data[this.config.textName]) {
+                        this.text = data[this.config.textName];
+                    }
+                }
+                let flag = false;
+                if (
+                    this.config.sname &&
+                    data[this.config.sname] !== undefined
+                ) {
+                    flag = true;
+                    if (this.svalue !== data[this.config.sname]) {
+                        this.svalue = data[this.config.sname];
+                    }
+                }
+                if (
+                    this.config.ename &&
+                    data[this.config.sname] !== undefined
+                ) {
+                    if (this.evalue !== data[this.config.ename]) {
+                        this.evalue = data[this.config.ename];
+                    }
+                }
+                if (!flag && this.config.name && data[this.config.name] !== undefined) {
+                    if (this.value !== data[this.config.name]) {
+                        this.value = data[this.config.name];
+                    }
+                }
+
+                if (this.config.proName) {
+                    if (this.$refs.myControl) {
+                        this.$refs.myControl.setProValue(data);
+                    }
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+        autofocus: {
+            handler(newValue) {
+                if (newValue) {
+                    this.setFocus(true);
+                } else {
+                    this.setFocus(false);
+                }
+            },
+            immediate: true,
+        },
+    },
+};