cnhis-design-vue 2.1.112 → 2.1.114

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cnhis-design-vue",
-  "version": "2.1.112",
+  "version": "2.1.114",
   "description": "前端业务UI库",
   "keyword": "cnhis-design-vue vue cnhis",
   "homepage": "http://dv.cnhis.com/",
@@ -19,7 +19,7 @@
   "main": "lib/cui.umd.js",
   "module": "es/index/index.js",
   "scripts": {
-    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --host 0.0.0.0",
+    "serve": "vue-cli-service serve --host 0.0.0.0",
     "build:utils": "cross-env BABEL_ENV=utils babel src/utils --config-file ./build/babel.component.js  --out-dir es/utils",
     "build:docs": " set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build --mode docs",
     "build:es": "vue-cli-service build --mode component && npm run build:utils",
@@ -35,6 +35,12 @@
     "qs": "^6.10.1"
   },
   "dependencies": {
+    "@fullcalendar/core": "^6.1.9",
+    "@fullcalendar/daygrid": "^6.1.9",
+    "@fullcalendar/interaction": "^6.1.9",
+    "@fullcalendar/list": "^6.1.9",
+    "@fullcalendar/timegrid": "^6.1.9",
+    "@fullcalendar/vue": "^6.1.9",
     "core-js": "^3.6.5",
     "crypto-js": "^4.0.0",
     "fabric": "4.5.1",
@@ -44,6 +50,7 @@
     "spark-md5": "^3.0.1",
     "stompjs": "^2.3.3",
     "text-security": "^3.2.1",
+    "tippy.js": "^6.3.7",
     "trtc-js-sdk": "4.11.4",
     "v-viewer": "^1.6.4",
     "video.js": "^7.8.4",

package/packages/big-table/src/BigTable.vue

@@ -2138,31 +2138,66 @@ export default create({
       field.searchFilterCONVERT = newValue;
       beforeSearchConvert = vexutils.clone(newValue, true);
     },
+    getOffsetLocation(element, cls, offsetKey){
+      let actualTop = element[offsetKey];
+      let current = element.offsetParent;
+      while (current && current.classList && !current.classList.contains(cls)) {
+        actualTop += current[offsetKey];
+        current = current.offsetParent;
+      }
+      return actualTop;
+    },
+    showFilterHandleLocationNew(target, tempWrapId){
+      let resTop = this.getOffsetLocation(target, tempWrapId, 'offsetTop');
+      let resLeft = this.getOffsetLocation(target, tempWrapId, 'offsetLeft');
+      let resWidth = target.offsetWidth;
+      let resHeight = target.offsetHeight;
+      return {resTop, resLeft, resWidth, resHeight}
+    },
     showFilter(field, columnName, event) {
       if (this.isInlineOperating) return false;
       let target = event.target;
+      if(!target) return false;
       const FILTER_BOX_WIDTH = 400;
       let fontSize = this.styleSetting?.fontSize ||  'small'
-      const scaleNum = fontSizeMap[fontSize]
-      const FILTER_BOX_TOP_OFFSET = filterTopOffsetMap[fontSize]
+      let scaleNum = fontSizeMap[fontSize]
+      let FILTER_BOX_TOP_OFFSET = filterTopOffsetMap[fontSize]
 
       let transformWrap = document.body;
       let { left: btnRectLeft, right: btnRectRight, top: btnRectTop, width: btnWidth } = target.getBoundingClientRect();
+      let transformWrapWidth = transformWrap.clientWidth;
+      let isOverLeft = btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth;
+      let right= 0;
+      // 位置不够左定位
+      if(isOverLeft) {
+        let transformWrapRight = transformWrap?.getBoundingClientRect().right || 0;
+        right = transformWrapRight - btnRectRight - btnWidth / 2
+      }
+      // 定位一直有问题, 最后还是相对于editTable定位, 不然弹框打开的列表会错位
+      // 如果是相对app的话, filter-wrap插入的位置可能会有问题, 因为通过micro打开的列表, app id是重复的
+      if(this.filterDomPortal && this.filterDomPortal != 'body' && this.filterDomPortal.includes("#")) {
+        let tempWrapId = this.filterDomPortal.slice(1, this.filterDomPortal.length);
+        scaleNum = 1;
+        FILTER_BOX_TOP_OFFSET = 0;
+        const {resTop = 0, resLeft = 0, resWidth = 0, resHeight = 0} = this.showFilterHandleLocationNew(target, tempWrapId)
+        btnRectTop = resTop + resHeight + 8;
+        btnWidth = resWidth;
+        btnRectLeft = resLeft;
+        btnRectRight = resWidth + btnRectLeft;
+        right = document.getElementById(tempWrapId).offsetWidth - btnWidth - resLeft;  
+      }
 
       field.left = 'initial';
       field.right = 'initial';
       field.top = 'initial';
-      let transformWrapWidth = transformWrap.clientWidth;
-      if (btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth) {
-        let transformWrapRight = transformWrap?.getBoundingClientRect().right || 0;
-        const right = transformWrapRight - btnRectRight - btnWidth / 2
+      
+      if (isOverLeft) {
         field.right = right / scaleNum  + 'px';
       } else {
         const left = btnRectLeft + (this.filterLeftOffset || 0)
         field.left = left / scaleNum + 'px';
       }
 
-
       const top = btnRectTop + FILTER_BOX_TOP_OFFSET + (this.filterTopOffset || 0)
       field.top = top / scaleNum + 'px';
 

package/packages/big-table/src/assets/style/table-global.less

@@ -1,6 +1,6 @@
 @import '../iconfont/iconfont.css';
 .big-table-filter-wrap {
-  position: fixed;
+  position: absolute;
   z-index: 99998;
   transform: translateX(-2%);
 

package/packages/full-calendar/index.js

@@ -0,0 +1,10 @@
+// 导入组件
+import FullCalendar from './src/FullCalendar.vue';
+
+// 为组件提供 install 安装方法，供按需引入
+FullCalendar.install = function(Vue) {
+  Vue.component(FullCalendar.name, FullCalendar);
+};
+
+// 默认导出组件
+export default FullCalendar;