ocpview-plus 1.3.14 → 1.3.16

package/src/components/icon/common-icon.vue

@@ -1,53 +1,53 @@
-<template>
-   <component :is="iconType" :type="iconName" :color="iconColor" :size="iconSize" :proConfig="proConfig" @click="click"/>
-</template>
-
-<script>
-import Eicon from './eicon.vue';
-// import Faicon from './faicon.vue';
-export default {
-    name: 'commonicon',
-    components: {Eicon},
-    props: {
-        type: {
-            type: String,
-            required: true
-        },
-        color: String,
-        size: [Number,String],
-        proConfig: {
-            type:Object,
-            default:() => {}
-        }
-    },
-    computed: {
-        iconType () {
-            return this.type.indexOf('_') === 0 ? 'Eicon' : this.type.indexOf('fa_') === 0?'Faicon':'Icon';
-        },
-        iconName () {
-            return this.iconType === 'Eicon' ? this.getCustomIconName(this.type) : this.iconType === 'Faicon'? this.getCustomIconName2(this.type):this.type;
-        },
-        iconSize () {
-            return this.size || (this.iconType === 'Eicon' ? 12 : undefined);
-        },
-        iconColor () {
-            return this.color || '';
-        }
-    },
-    methods: {
-        getCustomIconName (iconName) {
-            return iconName.slice(1);
-        },
-        getCustomIconName2(iconName) {
-            return iconName.slice(3);
-        },
-        click() {
-            this.$emit('click','');
-        }
-    }
-};
-</script>
-
-<style>
-
-</style>
+<template>
+   <component :is="iconType" :type="iconName" :color="iconColor" :size="iconSize" :proConfig="proConfig" @click="click"/>
+</template>
+
+<script>
+import Eicon from './eicon.vue';
+// import Faicon from './faicon.vue';
+export default {
+    name: 'commonicon',
+    components: {Eicon},
+    props: {
+        type: {
+            type: String,
+            required: true
+        },
+        color: String,
+        size: [Number,String],
+        proConfig: {
+            type:Object,
+            default:() => {}
+        }
+    },
+    computed: {
+        iconType () {
+            return this.type.indexOf('_') === 0 ? 'Eicon' : this.type.indexOf('fa_') === 0?'Faicon':'Icon';
+        },
+        iconName () {
+            return this.iconType === 'Eicon' ? this.getCustomIconName(this.type) : this.iconType === 'Faicon'? this.getCustomIconName2(this.type):this.type;
+        },
+        iconSize () {
+            return this.size || (this.iconType === 'Eicon' ? 12 : undefined);
+        },
+        iconColor () {
+            return this.color || '';
+        }
+    },
+    methods: {
+        getCustomIconName (iconName) {
+            return iconName.slice(1);
+        },
+        getCustomIconName2(iconName) {
+            return iconName.slice(3);
+        },
+        click() {
+            this.$emit('click','');
+        }
+    }
+};
+</script>
+
+<style>
+
+</style>

package/src/components/icon/eicon.vue

@@ -1,29 +1,29 @@
-
-<template>
-   <svg  class="eicon" aria-hidden="true" :font-size="size" :color="color"  @click="click">
-        <use :xlink:href="'#icon-'+type" ></use>
-  </svg>
-</template>
-<script>
-export default {
-    name: 'eicon',
-    props: {
-        type: String,
-        size: [Number, String],
-        color:String
-    },
-    methods: {
-        click() {
-            this.$emit('click','');
-        }
-    }
-};
-</script>
-<style type="text/css">
-.eicon {
-   width: 1em; height: 1em;
-   vertical-align: -0.15em;
-   fill: currentColor;
-   overflow: hidden;
-}
+
+<template>
+   <svg  class="eicon" aria-hidden="true" :font-size="size" :color="color"  @click="click">
+        <use :xlink:href="'#icon-'+type" ></use>
+  </svg>
+</template>
+<script>
+export default {
+    name: 'eicon',
+    props: {
+        type: String,
+        size: [Number, String],
+        color:String
+    },
+    methods: {
+        click() {
+            this.$emit('click','');
+        }
+    }
+};
+</script>
+<style type="text/css">
+.eicon {
+   width: 1em; height: 1em;
+   vertical-align: -0.15em;
+   fill: currentColor;
+   overflow: hidden;
+}
 </style>

package/src/components/icon/icons.vue

@@ -1,42 +1,42 @@
-<template>
-  <i :class="`iconfont icon-${type}`" :style="styles" @click="click"></i>
-</template>
-
-<script>
-export default {
-    name: 'Icons',
-    props: {
-        type: {
-            type: String,
-            required: true
-        },
-        color: {
-            type: String,
-            default: ''
-        },
-        size: {
-            type: Number,
-            default: 16
-        }
-    },
-    computed: {
-        styles () {
-            let style = {};
-            style.fontSize = `${this.size}px`;
-            if (this.color) {
-                style.color = this.color;
-            }
-            return style;
-        }
-    },
-    methods:{
-        click() {
-            this.$emit('click','');
-        }
-    }
-};
-</script>
-
-<style>
-
-</style>
+<template>
+  <i :class="`iconfont icon-${type}`" :style="styles" @click="click"></i>
+</template>
+
+<script>
+export default {
+    name: 'Icons',
+    props: {
+        type: {
+            type: String,
+            required: true
+        },
+        color: {
+            type: String,
+            default: ''
+        },
+        size: {
+            type: Number,
+            default: 16
+        }
+    },
+    computed: {
+        styles () {
+            let style = {};
+            style.fontSize = `${this.size}px`;
+            if (this.color) {
+                style.color = this.color;
+            }
+            return style;
+        }
+    },
+    methods:{
+        click() {
+            this.$emit('click','');
+        }
+    }
+};
+</script>
+
+<style>
+
+</style>

package/src/components/icon/index.js

@@ -1,2 +1,2 @@
-import CommonIcon from './common-icon.vue';
+import CommonIcon from './common-icon.vue';
 export default CommonIcon;

package/src/components/label/index.js

@@ -1,3 +1,3 @@
-
-import ShowText from './showtext.vue';
+
+import ShowText from './showtext.vue';
 export default ShowText;

package/src/components/label/showtext.vue

@@ -1,95 +1,95 @@
-<template> 
-    <Tooltip transfer  :content="labeltext" :disabled="!showTooltip" :max-width="maxWidth" class="ivu-table-cell-tooltip" >
-            <template v-if="textLink">
-                <a  href="#"  style="text-decoration:underline" @click.prevent="linkTo"><span ref="content"  class="ivu-table-cell-tooltip-content" v-html="showText" :style="'text-align:'+ contentAlign" @mouseenter="handleTooltipIn" @mouseleave="handleTooltipOut"/> </a>
-            </template>
-            <template v-else>
-                  <span ref="content"  class="ivu-table-cell-tooltip-content" v-html="showText" :style="'text-align:'+ contentAlign" @mouseenter="handleTooltipIn" @mouseleave="handleTooltipOut"/>
-            </template>
-    </Tooltip>
-</template>
-<script>
-    export default {
-        name: 'showText',
-        data () {
-            return {
-                showTooltip:false,
-                labeltext: '',
-                showIcon:false,
-                iconWidth:0,
-                textLink:false
-            };
-        },
-        props:{
-            label:{
-                type: [String,Number],
-                default: ''
-            },
-            maxWidth:{
-                type: [String,Number],
-                default: 300
-            },
-            contentAlign: {
-                type: String,
-                default: 'center'
-            },
-            resetText: {
-                type: Function,
-                default: null
-            },
-            config: {
-                type: Object,
-                default: () => {},
-            },
-            rowIndex: {
-                type: [String,Number],
-                default: ''
-            }
-        },
-        created() {
-            if (this.config && this.config.textLink !== undefined) {
-                this.textLink = this.config.textLink;
-            }
-        },
-        methods:{
-            handleTooltipIn () {
-                const $content = this.$refs.content;
-                this.showTooltip = $content.scrollWidth > $content.offsetWidth;  
-            },
-            handleTooltipOut () {
-                this.showTooltip = false;  
-            },
-            doSpecialSymbols(str) {
-                if (str) {
-                    str = str + '';
-                    //替换所有的换行符
-                    str = str.replace(/\r\n/g,'<br>');
-                    str = str.replace(/\n/g,'<br>');
-                    //替换所有的空格（中文空格、英文空格都会被替换）
-                    str = str.replace(/\s/g,'&nbsp;');
-                }
-                return str; 
-            },
-            linkTo() {
-                if (this.config.onLinkTo) {
-                    let obj = this.$Method.copy(this.config);
-                    obj.rowIndex = this.rowIndex;
-                    this.config.onLinkTo(obj);
-                }
-            }
-        },
-        watch:{
-            label: {
-                handler (data) {
-                    this.labeltext = data;
-                    if (this.resetText) {
-                        this.showText = this.resetText(this.doSpecialSymbols(data),data);
-                    } else {
-                        this.showText = this.doSpecialSymbols(data);
-                    }
-                },
-                immediate: true
-            }
-        }
-    };
+<template> 
+    <Tooltip transfer  :content="labeltext" :disabled="!showTooltip" :max-width="maxWidth" class="ivu-table-cell-tooltip" >
+            <template v-if="textLink">
+                <a  href="#"  style="text-decoration:underline" @click.prevent="linkTo"><span ref="content"  class="ivu-table-cell-tooltip-content" v-html="showText" :style="'text-align:'+ contentAlign" @mouseenter="handleTooltipIn" @mouseleave="handleTooltipOut"/> </a>
+            </template>
+            <template v-else>
+                  <span ref="content"  class="ivu-table-cell-tooltip-content" v-html="showText" :style="'text-align:'+ contentAlign" @mouseenter="handleTooltipIn" @mouseleave="handleTooltipOut"/>
+            </template>
+    </Tooltip>
+</template>
+<script>
+    export default {
+        name: 'showText',
+        data () {
+            return {
+                showTooltip:false,
+                labeltext: '',
+                showIcon:false,
+                iconWidth:0,
+                textLink:false
+            };
+        },
+        props:{
+            label:{
+                type: [String,Number],
+                default: ''
+            },
+            maxWidth:{
+                type: [String,Number],
+                default: 300
+            },
+            contentAlign: {
+                type: String,
+                default: 'center'
+            },
+            resetText: {
+                type: Function,
+                default: null
+            },
+            config: {
+                type: Object,
+                default: () => {},
+            },
+            rowIndex: {
+                type: [String,Number],
+                default: ''
+            }
+        },
+        created() {
+            if (this.config && this.config.textLink !== undefined) {
+                this.textLink = this.config.textLink;
+            }
+        },
+        methods:{
+            handleTooltipIn () {
+                const $content = this.$refs.content;
+                this.showTooltip = $content.scrollWidth > $content.offsetWidth;  
+            },
+            handleTooltipOut () {
+                this.showTooltip = false;  
+            },
+            doSpecialSymbols(str) {
+                if (str) {
+                    str = str + '';
+                    //替换所有的换行符
+                    str = str.replace(/\r\n/g,'<br>');
+                    str = str.replace(/\n/g,'<br>');
+                    //替换所有的空格（中文空格、英文空格都会被替换）
+                    str = str.replace(/\s/g,'&nbsp;');
+                }
+                return str; 
+            },
+            linkTo() {
+                if (this.config.onLinkTo) {
+                    let obj = this.$Method.copy(this.config);
+                    obj.rowIndex = this.rowIndex;
+                    this.config.onLinkTo(obj);
+                }
+            }
+        },
+        watch:{
+            label: {
+                handler (data) {
+                    this.labeltext = data;
+                    if (this.resetText) {
+                        this.showText = this.resetText(this.doSpecialSymbols(data),data);
+                    } else {
+                        this.showText = this.doSpecialSymbols(data);
+                    }
+                },
+                immediate: true
+            }
+        }
+    };
 </script>