cnhis-design-vue 3.1.40-beta.0 → 3.1.40-beta.10

package/README.md

@@ -23,7 +23,7 @@ app.use(cui).mount('#app');
 
 组件现在支持了自动按需引入, 但是样式文件需要额外的处理
 
-### 2.1 样式处理方式 1(按需引入样式)
+### 2.1 样式处理方式1 (按需引入样式)
 
 ```shell
 # 安装自动导入样式的插件
@@ -54,70 +54,34 @@ export default defineConfig({
 });
 ```
 
-### 2.2 样式处理方式 2(全局引入样式)
+### 2.2 样式处理方式2 (全局引入样式)
 
 ```typescript
 // main.ts
 import 'cnhis-design-vue/es/components/index.css';
 ```
 
-## 3. 注意
+## 3.FAQ
 
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+### 3.1 项目打包后样式丢失
 
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
 
 ```typescript
 // vite.config.ts
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
         }
       }
     }
   }
 });
 ```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```

package/es/components/big-table/style/index.css

@@ -1 +1 @@
-.big-table-filter-wrap{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;background:#f7f7f7;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:5px 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:0 3px 0 13px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}.custom-big-table{position:relative}.custom-big-table .n-input{width:fit-content}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .is-edit{margin-top:-3px;vertical-align:middle}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--table-image-height);width:var(--table-image-width)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);border-radius:50%;box-shadow:0 2px 4px 0 var(--table-icon-shadow);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,0,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,255,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,128,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;border-radius:50%;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,255,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;border-radius:50%;box-shadow:0 2px 4px 0 rgba(54,190,140,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;border-radius:50%;box-shadow:0 2px 4px 0 rgba(66,208,246,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;border-radius:50%;box-shadow:0 2px 4px 0 rgba(113,131,145,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;border-radius:50%;box-shadow:0 2px 4px 0 rgba(244,186,50,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;border-radius:50%;box-shadow:0 2px 4px 0 rgba(146,124,225,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;border-radius:50%;box-shadow:0 2px 4px 0 rgba(78,176,239,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default.size--mini{font-size:14px}.custom-big-table .vxe-table--render-default .vxe-body--expanded-column,.custom-big-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-body--column,.custom-big-table .vxe-table--render-default.border--default .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--default .vxe-header--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-body--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-body--column,.custom-big-table .vxe-table--render-default.border--full .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:#d5d5d5;font-weight:400}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentcolor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}.big-table__annotationWrapper .is-active{position:relative;top:3px}.big-table__boldCell{font-weight:700}.big-table-total{border:1px solid #e8eaec;display:flex;margin-top:-1px;width:100%}.big-table-total-item{background-color:#e8f8f1;border-right:1px solid #e8eaec;box-sizing:border-box;display:flex;flex:1;padding:5px}.big-table-total-item:first-child{background-color:#fff4e5}.big-table-total-item:last-child{background-color:#e9f1ff}.big-table-total-item .left{font-weight:600;margin-right:20px}.big-table-total-item .right{column-gap:25px;display:flex;flex:1;flex-flow:row wrap}.big-table-total-item .right-item span{color:red;font-weight:600}.big-table .n-time-picker.hide-suffix .n-time-picker-icon{display:none}
+.big-table-filter-wrap{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;background:#f7f7f7;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:5px 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:0 3px 0 13px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}.custom-big-table{position:relative}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .is-edit{margin-top:-3px;vertical-align:middle}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--table-image-height);width:var(--table-image-width)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);border-radius:50%;box-shadow:0 2px 4px 0 var(--table-icon-shadow);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,0,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,255,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,128,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;border-radius:50%;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,255,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;border-radius:50%;box-shadow:0 2px 4px 0 rgba(54,190,140,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;border-radius:50%;box-shadow:0 2px 4px 0 rgba(66,208,246,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;border-radius:50%;box-shadow:0 2px 4px 0 rgba(113,131,145,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;border-radius:50%;box-shadow:0 2px 4px 0 rgba(244,186,50,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;border-radius:50%;box-shadow:0 2px 4px 0 rgba(146,124,225,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;border-radius:50%;box-shadow:0 2px 4px 0 rgba(78,176,239,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default.size--mini{font-size:14px}.custom-big-table .vxe-table--render-default .vxe-body--expanded-column,.custom-big-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-body--column,.custom-big-table .vxe-table--render-default.border--default .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--default .vxe-header--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-body--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-body--column,.custom-big-table .vxe-table--render-default.border--full .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:#d5d5d5;font-weight:400}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentcolor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}.big-table__annotationWrapper .is-active{position:relative;top:3px}.big-table__boldCell{font-weight:700}.big-table-total{border:1px solid #e8eaec;display:flex;margin-top:-1px;width:100%}.big-table-total-item{background-color:#e8f8f1;border-right:1px solid #e8eaec;box-sizing:border-box;display:flex;flex:1;padding:5px}.big-table-total-item:first-child{background-color:#fff4e5}.big-table-total-item:last-child{background-color:#e9f1ff}.big-table-total-item .left{font-weight:600;margin-right:20px}.big-table-total-item .right{column-gap:25px;display:flex;flex:1;flex-flow:row wrap}.big-table-total-item .right-item span{color:red;font-weight:600}.big-table .n-time-picker.hide-suffix .n-time-picker-icon{display:none}

package/es/components/button-print/src/utils/print.js

@@ -22,14 +22,19 @@ const PROTOCOL = window.location.protocol;
 const HOST = window.location.host;
 const PRINTIREPORT = `${PROTOCOL}//${HOST}/fdp-api/print/assembly/printIReport`;
 const ERRORMSG = "\u83B7\u53D6\u6587\u4EF6\u5931\u8D25\uFF01";
+let printInstance = null;
 class Print {
   constructor() {
+    this.webview = null;
     this.dialog = new IdentityVerificationDialog();
     this.dialogPreview = new PreviewDialog();
     this.instance = null;
     this.downloadPath = "";
     this.messageHandlerQueue = [];
     var _a;
+    if (printInstance)
+      return printInstance;
+    printInstance = this;
     const _window = window;
     this.webview = (_a = _window.chrome) == null ? void 0 : _a.webview;
     if (!this.webview)
@@ -40,7 +45,7 @@ class Print {
   }
   messageHandler(e) {
     var _a;
-    const handler = this.messageHandlerQueue.pop();
+    const handler = this.messageHandlerQueue.shift();
     if (!handler)
       return console.log("\u5F53\u524D\u56DE\u6267", e, "\u6CA1\u6709\u53EF\u7528\u7684handler");
     const { resolve, reject } = handler;

package/es/components/form-config/index.d.ts

@@ -295,6 +295,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -420,6 +423,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     lowCodeReactions: {
                         type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                     };
+                    linebarAutoHidden: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -427,17 +433,30 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-                formModel: import("@formily/core").Form<{
-                    [x: string]: any;
-                }>;
-                lowCodeReactionsHandler: (field: string, value: unknown) => void;
-                triggerAllReactionsHandler: () => void;
+                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
                 changeContextCollector: import("..").ContextCollector;
                 formUUID: string;
-                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                anchorBarRef: import("vue").Ref<{
+                    syncBarPosition: import("../../../es/shared/types").Func<any[], any>;
+                } | undefined>;
+                currentAnchor: import("vue").WritableComputedRef<string>;
+                generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
+                updateAnchorList: (field: import("@formily/core").GeneralField) => void;
+                anchorIdList: import("vue").Ref<{
+                    name: string;
+                    title: string;
+                }[]>;
+                onScroll: (scrollEvent: Event) => void;
+                triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
+                formModel: import("@formily/core").Form<{
+                    [x: string]: any;
+                }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -553,70 +572,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     "x-read-pretty"?: boolean | undefined;
                     "x-compile-omitted"?: string[] | undefined;
                 }>>;
-                currentAnchor: import("vue").WritableComputedRef<string>;
-                generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-                    [key: symbol]: any;
-                    [key: `x-${string}`]: any;
-                    [key: `x-${number}`]: any;
-                    version?: string | undefined;
-                    name?: import("@formily/json-schema").SchemaKey | undefined;
-                    title?: any;
-                    description?: any;
-                    default?: any;
-                    readOnly?: boolean | undefined;
-                    writeOnly?: boolean | undefined;
-                    type?: import("@formily/json-schema").SchemaTypes | undefined;
-                    enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-                    const?: any;
-                    multipleOf?: number | undefined;
-                    maximum?: number | undefined;
-                    exclusiveMaximum?: number | undefined;
-                    minimum?: number | undefined;
-                    exclusiveMinimum?: number | undefined;
-                    maxLength?: number | undefined;
-                    minLength?: number | undefined;
-                    pattern?: string | RegExp | undefined;
-                    maxItems?: number | undefined;
-                    minItems?: number | undefined;
-                    uniqueItems?: boolean | undefined;
-                    maxProperties?: number | undefined;
-                    minProperties?: number | undefined;
-                    required?: string | boolean | string[] | undefined;
-                    format?: string | undefined;
-                    $ref?: string | undefined;
-                    $namespace?: string | undefined;
-                    definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-                    additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-                    patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-                    "x-value"?: any;
-                    "x-index"?: number | undefined;
-                    "x-pattern"?: any;
-                    "x-display"?: any;
-                    "x-validator"?: any;
-                    "x-decorator"?: any;
-                    "x-decorator-props"?: any;
-                    "x-component"?: any;
-                    "x-component-props"?: any;
-                    "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-                    "x-content"?: any;
-                    "x-data"?: any;
-                    "x-visible"?: boolean | undefined;
-                    "x-hidden"?: boolean | undefined;
-                    "x-disabled"?: boolean | undefined;
-                    "x-editable"?: boolean | undefined;
-                    "x-read-only"?: boolean | undefined;
-                    "x-read-pretty"?: boolean | undefined;
-                    "x-compile-omitted"?: string[] | undefined;
-                }>) => void;
-                anchorIdList: import("vue").Ref<{
-                    name: string;
-                    title: string;
-                }[]>;
-                formHeight: import("vue").ComputedRef<string | undefined>;
-                onScroll: (scrollEvent: Event) => void;
                 onKeydown: (event: KeyboardEvent) => void;
                 clearSpan: (uuid: string) => void;
                 exposeEvent: {
@@ -645,17 +600,19 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         content: any;
                         hidden: boolean;
                         active: boolean;
+                        dataSource: import("@formily/core").FieldDataSource;
+                        description: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         mounted: boolean;
                         readonly destroyed: boolean;
                         unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -663,7 +620,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("@formily/core").FieldDataSource;
                         feedbacks: import("@formily/core").IFieldFeedback[];
                         caches: import("@formily/core").IFieldCaches;
                         selfErrors: import("@formily/core").FeedbackMessage;
@@ -699,7 +655,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("@formily/core").GeneralField;
-                        readPretty: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -907,6 +862,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -921,6 +879,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../../es/shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                linebarAutoHidden: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -2899,6 +2858,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3024,6 +2986,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     lowCodeReactions: {
                         type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                     };
+                    linebarAutoHidden: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3031,17 +2996,30 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-                formModel: import("@formily/core").Form<{
-                    [x: string]: any;
-                }>;
-                lowCodeReactionsHandler: (field: string, value: unknown) => void;
-                triggerAllReactionsHandler: () => void;
+                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
                 changeContextCollector: import("..").ContextCollector;
                 formUUID: string;
-                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                anchorBarRef: import("vue").Ref<{
+                    syncBarPosition: import("../../../es/shared/types").Func<any[], any>;
+                } | undefined>;
+                currentAnchor: import("vue").WritableComputedRef<string>;
+                generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
+                updateAnchorList: (field: import("@formily/core").GeneralField) => void;
+                anchorIdList: import("vue").Ref<{
+                    name: string;
+                    title: string;
+                }[]>;
+                onScroll: (scrollEvent: Event) => void;
+                triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
+                formModel: import("@formily/core").Form<{
+                    [x: string]: any;
+                }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -3157,70 +3135,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     "x-read-pretty"?: boolean | undefined;
                     "x-compile-omitted"?: string[] | undefined;
                 }>>;
-                currentAnchor: import("vue").WritableComputedRef<string>;
-                generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-                    [key: symbol]: any;
-                    [key: `x-${string}`]: any;
-                    [key: `x-${number}`]: any;
-                    version?: string | undefined;
-                    name?: import("@formily/json-schema").SchemaKey | undefined;
-                    title?: any;
-                    description?: any;
-                    default?: any;
-                    readOnly?: boolean | undefined;
-                    writeOnly?: boolean | undefined;
-                    type?: import("@formily/json-schema").SchemaTypes | undefined;
-                    enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-                    const?: any;
-                    multipleOf?: number | undefined;
-                    maximum?: number | undefined;
-                    exclusiveMaximum?: number | undefined;
-                    minimum?: number | undefined;
-                    exclusiveMinimum?: number | undefined;
-                    maxLength?: number | undefined;
-                    minLength?: number | undefined;
-                    pattern?: string | RegExp | undefined;
-                    maxItems?: number | undefined;
-                    minItems?: number | undefined;
-                    uniqueItems?: boolean | undefined;
-                    maxProperties?: number | undefined;
-                    minProperties?: number | undefined;
-                    required?: string | boolean | string[] | undefined;
-                    format?: string | undefined;
-                    $ref?: string | undefined;
-                    $namespace?: string | undefined;
-                    definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-                    additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-                    patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-                    "x-value"?: any;
-                    "x-index"?: number | undefined;
-                    "x-pattern"?: any;
-                    "x-display"?: any;
-                    "x-validator"?: any;
-                    "x-decorator"?: any;
-                    "x-decorator-props"?: any;
-                    "x-component"?: any;
-                    "x-component-props"?: any;
-                    "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-                    "x-content"?: any;
-                    "x-data"?: any;
-                    "x-visible"?: boolean | undefined;
-                    "x-hidden"?: boolean | undefined;
-                    "x-disabled"?: boolean | undefined;
-                    "x-editable"?: boolean | undefined;
-                    "x-read-only"?: boolean | undefined;
-                    "x-read-pretty"?: boolean | undefined;
-                    "x-compile-omitted"?: string[] | undefined;
-                }>) => void;
-                anchorIdList: import("vue").Ref<{
-                    name: string;
-                    title: string;
-                }[]>;
-                formHeight: import("vue").ComputedRef<string | undefined>;
-                onScroll: (scrollEvent: Event) => void;
                 onKeydown: (event: KeyboardEvent) => void;
                 clearSpan: (uuid: string) => void;
                 exposeEvent: {
@@ -3249,17 +3163,19 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         content: any;
                         hidden: boolean;
                         active: boolean;
+                        dataSource: import("@formily/core").FieldDataSource;
+                        description: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         mounted: boolean;
                         readonly destroyed: boolean;
                         unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -3267,7 +3183,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("@formily/core").FieldDataSource;
                         feedbacks: import("@formily/core").IFieldFeedback[];
                         caches: import("@formily/core").IFieldCaches;
                         selfErrors: import("@formily/core").FeedbackMessage;
@@ -3303,7 +3218,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("@formily/core").GeneralField;
-                        readPretty: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -3511,6 +3425,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3525,6 +3442,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../../es/shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                linebarAutoHidden: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{