quill-table-up 3.1.2 → 3.2.1

package/README.md

@@ -2,9 +2,9 @@
 
 Enhancement of quill table module
 
-[demo](https://zzxming.github.io/quill-table-up/)
+[demo](https://quill-modules.github.io/quill-table-up/)
 
-[quill@1.3.7 table module](https://github.com/zzxming/quill-table)
+[quill@1.3.7 table module](https://github.com/quill-modules/quill-table)
 
 - [x] complete UI operation process
 - [x] insert/delete row/column/table; merge/split cells
@@ -22,7 +22,7 @@ Enhancement of quill table module
 npm install quill-table-up
 ```
 
-> the registe module name is used internal. so if you want to change it, place use the function [`updateTableConstants`](https://github.com/zzxming/quill-table-up?tab=readme-ov-file#change-internal-constants-variable)
+> the registe module name is used internal. so if you want to change it, place use the function [`updateTableConstants`](https://github.com/quill-modules/quill-table-up?tab=readme-ov-file#change-internal-constants-variable)
 
 ```js
 import Quill from 'quill';
@@ -63,7 +63,7 @@ const quill = new Quill('#editor', {
 
 ## Options
 
-**Full options usage see [demo](https://github.com/zzxming/quill-table-up/blob/master/docs/index.js#L38)**
+**Full options usage see [demo](https://github.com/quill-modules/quill-table-up/blob/master/docs/index.js#L38)**
 
 | Attribute     | Description                                                                                                                 | Type                                                                            | Default                                    |
 | ------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------ |
@@ -76,7 +76,7 @@ const quill = new Quill('#editor', {
 | autoMergeCell | empty row or column will auto merge to one                                                                                  | `boolean`                                                                       | `true`                                     |
 | modules       | the module plugin to help user control about table operate. see [`Export Internal Module`](#export-internal-module)         | `[]`                                                                            | `{ module: Contstructor, options: any }[]` |
 
-> I'm not suggest to use `TableVirtualScrollbar` and `TableResizeLine` at same time, because it have a little conflict when user hover on it. Just like the first editor in [demo](https://zzxming.github.io/quill-table-up/)
+> I'm not suggest to use `TableVirtualScrollbar` and `TableResizeLine` at same time, because it have a little conflict when user hover on it. Just like the first editor in [demo](https://quill-modules.github.io/quill-table-up/)
 
 > If you doesn't use `TableVirtualScrollbar`, you may need to set css `.ql-editor .ql-table-wrapper { scrollbar-width: auto; }` to display the browser origin scrollbar.
 
@@ -132,6 +132,13 @@ The table cell selection handler
 
 The table cell resize handler
 
+#### TableResizeBox Options
+
+| Attribute | Description                                       | Type      | Default |
+| --------- | ------------------------------------------------- | --------- | ------- |
+| size      | bounding box size(px)                             | `number`  | `12`    |
+| draggable | allow drag bounding box head to sort content cell | `boolean` | `true`  |
+
 ### TableMenuContextmenu / TableMenuSelect
 
 The table operate menu
@@ -352,7 +359,7 @@ If you need to rewrite extends from quill `Block` or `Scroll` blot. you need to
 
 `Header`, `List'`, `Blockquote` and `CodeBlock` have been overrides. If you need to rewrite them, you need to rewrite them before `TableUp` registed.
 
-Please read [source code](https://github.com/zzxming/quill-table-up/tree/master/src/formats/overrides) to know those change.
+Please read [source code](https://github.com/quill-modules/quill-table-up/tree/master/src/formats/overrides) to know those change.
 
 ```ts
 import { BlockOverride, ScrollOverride, } from 'quill-table-up';
@@ -378,8 +385,8 @@ You can change internal constants variable by importing `updateTableConstants` f
 
 It helps to migrate from other table modules with the same data structure.
 
-- [full variable demo](https://github.com/zzxming/quill-table-up/blob/master/docs/update-constants.js)
-- [change blot name that in delta demo](https://github.com/zzxming/quill-table-up/blob/master/docs/update-formats-value.js)
+- [full variable demo](https://github.com/quill-modules/quill-table-up/blob/master/docs/update-constants.js)
+- [change blot name that in delta demo](https://github.com/quill-modules/quill-table-up/blob/master/docs/update-formats-value.js)
 
 If you change the `TableWrapperFormat` blot name, you also need to add new css style to make toolbar icon have correct style.
 

package/dist/index.css

@@ -1 +1 @@
-.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up{width:28px}.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label{padding:2px 4px}.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label svg{position:static;margin-top:0}.ql-toolbar .ql-picker.ql-expanded .ql-picker-options{z-index:1}.ql-editor .ql-table{display:table;border-collapse:collapse;table-layout:fixed;width:auto}.ql-editor .ql-table[data-full]{width:100%}.ql-editor .ql-table-wrapper{width:100%;overflow:auto}.ql-editor .ql-table-caption{position:relative;word-break:break-word;outline:0}.ql-editor .ql-table-caption .ql-table-caption--switch{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:1px solid #0003;font-size:12px;cursor:pointer;background-color:#fff}.ql-editor .ql-table-caption .ql-table-caption--switch:hover{background-color:#eee}.ql-editor .ql-table-cell{padding:8px 12px;border-color:transparent;font-size:14px;outline:0;overflow:auto}.ql-editor .ql-table-cell-inner{display:inline-block;min-width:100%;word-break:break-word;outline:0;counter-reset:list-0}.ql-editor .ql-table col{border-collapse:separate;text-indent:initial;display:table-column;table-layout:fixed}.ql-editor .ql-table tr+tr td,.ql-editor .ql-table tr+tr th{border-top:none}.ql-editor .ql-table td,.ql-editor .ql-table th{border:1px solid #a1a1aa}.ql-editor .ql-table td+td,.ql-editor .ql-table td+th,.ql-editor .ql-table th+td,.ql-editor .ql-table th+th{border-left:none}.table-up-toolbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.table-up-toolbox *{pointer-events:all}.table-up-tooltip{position:absolute;z-index:20;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;color:#fff;white-space:nowrap;background-color:#303133;transition:opacity .15s linear}.table-up-tooltip.transparent{opacity:0}.table-up-tooltip.hidden{display:none}.table-up-button{--table-btn-color:#606266;--table-btn-bg-hover:#f3f4f6;--table-btn-color-border:#dcdfe6;--table-btn-border:0.0625rem solid var(--table-btn-color-border);--table-btn-confirm-color-border:#409eff;--table-btn-confirm-bg:#409eff;--table-btn-confirm-hover:#79bbff;--table-btn-confirm-outline-focus-visible:0.125rem solid #a0cfff;box-sizing:border-box;display:inline-flex;height:2rem;line-height:1;margin:0;padding:.5rem 1rem;border-radius:.25rem;border:var(--table-btn-border);color:var(--table-btn-color);background-color:transparent;font-size:.875rem;cursor:pointer}.table-up-button+.table-up-button{margin-left:.375rem}.table-up-button:hover{background-color:var(--table-btn-bg-hover)}.table-up-button.confirm{border-color:var(--table-btn-confirm-color-border);background-color:var(--table-btn-confirm-bg);color:#fff}.table-up-button.confirm:hover{border-color:var(--table-btn-confirm-hover);background-color:var(--table-btn-confirm-hover)}.table-up-button.confirm:focus-visible{outline:var(--table-btn-confirm-outline-focus-visible);outline-offset:.0625rem}.table-up-dialog{--dialog-bg:rgba(0, 0, 0, 0.5);--dialog-color-border:#ebeef5;--dialog-color-boxshadow:rgba(0, 0, 0, 0.12);--dialog-border:0.0625rem solid var(--dialog-color-border);--dialog-boxshadow:0 0 0.75rem var(--dialog-color-boxshadow);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:var(--dialog-bg);overflow:auto}.table-up-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:1rem;overflow:auto;text-align:center}.table-up-dialog__overlay::after{content:'';display:inline-block;height:100%;width:0;vertical-align:middle}.table-up-dialog__content{display:inline-block;max-width:50vw;width:100%;vertical-align:middle;background-color:#fff;border-radius:.25rem;border:var(--dialog-border);font-size:1.125rem;box-shadow:var(--dialog-boxshadow);text-align:left;overflow:hidden;box-sizing:border-box}.table-up-color-picker{--color-picker-bg-color:#ffffff;box-sizing:border-box;display:inline-flex;flex-direction:column;width:16.75rem;padding:.5rem;border-radius:.375rem;background:var(--color-picker-bg-color);box-shadow:0 0 .375rem #b2b5b8}.table-up-color-picker__content{box-sizing:border-box;width:100%;height:11.75rem;padding-top:.5rem}.table-up-color-picker__selector{width:14.375rem;height:9.375rem;position:absolute}.table-up-color-picker__background{width:100%;height:100%;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.table-up-color-picker__background-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;top:0;left:14.375rem;border-radius:100%;width:.625rem;height:.625rem;transform:translate(-.3125rem,-.3125rem)}.table-up-color-picker__hue{width:.75rem;height:9.375rem;margin-left:15rem;position:absolute;background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.table-up-color-picker__hue-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;left:0;width:1rem;height:.625rem;transform:translate(-.125rem,-.3125rem)}.table-up-color-picker__alpha{width:14.375rem;height:.75rem;position:absolute;margin-top:10rem;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:.75rem .75rem;background-position:0 0,.375rem 0,.375rem -.375rem,0 .375rem}.table-up-color-picker__alpha-bg{position:relative;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}.table-up-color-picker__alpha-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;top:0;width:.625rem;height:1rem;transform:translate(-.3125rem,-.125rem)}.table-up-color-picker__action{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;width:100%;padding-top:.5rem;border-top:.0625rem solid #e9ecef}.table-up-color-picker__action-item{flex:1;display:inline-flex;align-items:center;font-size:.75rem}.table-up-color-picker__input{box-sizing:border-box;width:100%;height:1.375rem;margin-left:.125rem;padding:.125rem 0 .125rem .25rem;background-color:#fff;border:.0625rem solid #ced4da;border-radius:.25rem;outline:0;color:#405057}.table-up-tooltip .table-up-color-picker{--color-picker-bg-color:transparent;box-shadow:none;width:15.75rem;padding:.5rem 0}.ql-container .table-up-selection{--select-color:#0589f340;display:none;position:absolute;overflow:hidden;pointer-events:none}.ql-container .table-up-selection__line{position:absolute;background-color:var(--select-color);pointer-events:none}.table-up-resize-line__col,.table-up-resize-line__row{position:absolute;z-index:0}.table-up-resize-line__col.is-hidden,.table-up-resize-line__row.is-hidden{display:none}.table-up-resize-line__col::after,.table-up-resize-line__col::before,.table-up-resize-line__row::after,.table-up-resize-line__row::before{content:'';display:block;position:absolute;top:0;z-index:1}.table-up-resize-line__row{height:.0625rem;cursor:ns-resize}.table-up-resize-line__row::after,.table-up-resize-line__row::before{width:100%;height:.5rem}.table-up-resize-line__row::before{transform:translateY(-.5rem)}.table-up-resize-line__col{width:.0625rem;cursor:ew-resize}.table-up-resize-line__col::after,.table-up-resize-line__col::before{height:100%;width:.5rem}.table-up-resize-line__col::before{transform:translateX(-.5rem)}.table-up-resize-box{position:absolute;z-index:0}.table-up-resize-box.is-hidden{display:none}.table-up-resize-box.is-caption-bottom .table-up-resize-box__corner{border-top-width:0;border-bottom-width:.0625rem;border-top-left-radius:0;border-bottom-left-radius:50%}.table-up-resize-box.is-align-right .table-up-resize-box__col-separator{left:-.125rem}.table-up-resize-box.is-align-right .table-up-resize-box__corner{border-left-width:0;border-right-width:.0625rem;border-top-left-radius:0;border-top-right-radius:50%}.table-up-resize-box.is-align-right.is-caption-bottom .table-up-resize-box__corner{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:50%}.table-up-resize-box__col,.table-up-resize-box__row{position:absolute;top:0;left:0;overflow:hidden;display:flex}.table-up-resize-box__col-wrapper,.table-up-resize-box__row-wrapper{display:flex}.table-up-resize-box__col-header,.table-up-resize-box__row-header{position:relative;flex-shrink:0;background-color:#f3f4f5;border:.0625rem solid #ccc}.table-up-resize-box__col-wrapper{height:100%}.table-up-resize-box__col-header{height:100%;cursor:pointer;border-right-color:transparent}.table-up-resize-box__col-header:last-child{border-right-color:#ccc}.table-up-resize-box__col-separator{position:absolute;top:0;bottom:0;right:-.125rem;width:.125rem;cursor:ew-resize;z-index:0}.table-up-resize-box__col-separator::after{right:-.375rem}.table-up-resize-box__col-separator::before{left:-.375rem}.table-up-resize-box__col-separator::after,.table-up-resize-box__col-separator::before{content:'';position:absolute;top:0;display:block;width:.5rem;height:100%;z-index:1}.table-up-resize-box__row-wrapper{flex-direction:column;width:100%}.table-up-resize-box__row-header{width:100%;cursor:pointer;border-bottom-color:transparent}.table-up-resize-box__row-header:last-child{border-bottom-color:#ccc}.table-up-resize-box__row-separator{position:absolute;left:0;right:0;bottom:-.125rem;height:.125rem;cursor:ns-resize;z-index:0}.table-up-resize-box__row-separator::after{bottom:-.375rem}.table-up-resize-box__row-separator::before{top:-.375rem}.table-up-resize-box__row-separator::after,.table-up-resize-box__row-separator::before{content:'';position:absolute;left:0;display:block;width:100%;height:.5rem;z-index:1}.table-up-resize-box__corner{position:absolute;top:0;left:0;background-color:#f3f4f5;border:.0625rem solid #ccc;border-right-width:0;border-bottom-width:0;border-top-left-radius:50%;cursor:pointer}.table-up-drag-line{position:fixed;z-index:0;background-color:#409eff}.table-up-drag-line.is-col{width:.125rem;cursor:ew-resize}.table-up-drag-line.is-row{height:.125rem;cursor:ns-resize}.table-up-scale{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}.table-up-scale__block{position:absolute;top:0;left:0;transform:translate(-100%,-100%);width:.75rem;height:.75rem;background-color:#f1f5f9;border:.0625rem solid grey;cursor:nwse-resize;pointer-events:all}.table-up-scale.is-align-right .table-up-scale__block{cursor:nesw-resize}.table-up-scale.is-hidden{display:none}.table-up-scrollbar{position:absolute;z-index:1;transition:opacity .15s linear}.table-up-scrollbar__container{position:relative}.table-up-scrollbar.is-transparent{opacity:0}.table-up-scrollbar.is-vertical{top:.125rem;bottom:.125rem;left:-.5rem;width:.375rem}.table-up-scrollbar.is-vertical .table-up-scrollbar__thumb{width:100%}.table-up-scrollbar.is-horizontal{bottom:.125rem;left:.125rem;right:.125rem;height:.375rem}.table-up-scrollbar.is-horizontal .table-up-scrollbar__thumb{height:100%}.table-up-scrollbar__thumb{border-radius:.3125rem;background-color:#d2d2d2;cursor:pointer}.table-up-scrollbar__thumb:hover{background-color:#a1a1aa}.table-up-scrollbar--virtual.ql-container .ql-table-wrapper{scrollbar-width:none}.table-up-align,.table-up-menu{position:absolute;z-index:1;display:flex;align-items:center;padding:.25rem;border-radius:.375rem;box-shadow:0 0 .5rem rgba(0,0,0,.5);background-color:#fff;font-size:.875rem}.table-up-align__item,.table-up-menu__item{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;cursor:pointer}.table-up-align__item:hover,.table-up-menu__item:hover{background-color:#eee}.table-up-align__item.is-break,.table-up-menu__item.is-break{align-self:stretch;width:.0625rem;padding:0;margin:.125rem .25rem;background-color:#a3a3a3;cursor:default}.table-up-align.is-hidden,.table-up-menu.is-hidden{display:none}.table-up-align .icon,.table-up-menu .icon{display:flex;flex-shrink:0;font-size:1.25rem}.table-up-align span,.table-up-menu span{text-wrap:nowrap}.table-up-menu.is-contextmenu{flex-direction:column;padding:.25rem .5rem;max-height:21.875rem;overflow-y:auto;overflow-x:hidden}.table-up-menu.is-contextmenu .table-up-menu__item{display:flex;justify-content:flex-start;width:100%;gap:.25rem;cursor:pointer}.table-up-menu.is-contextmenu .is-break{width:100%;height:.0625rem;flex-shrink:0;margin:.25rem 0;background-color:#a3a3a3}.table-up-align .icon{width:1.25rem;height:1.25rem}.table-up-color-map{display:flex;flex-direction:column}.table-up-color-map--used{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;margin-top:.25rem;padding-top:.25rem;border-top:.0625rem solid #ccc}.table-up-color-map__content{display:flex;flex-direction:column}.table-up-color-map__content-row{display:flex;align-items:center;justify-content:center;gap:.25rem}.table-up-color-map__item{width:.875rem;height:.875rem;margin:.125rem;border:.0625rem solid #a3a3a3;cursor:pointer}.table-up-color-map__btn{display:flex;align-items:center;justify-content:center;flex:1;height:1.25rem;padding:0 .375rem;color:#303133;background-color:#fff;cursor:pointer}.table-up-color-map__btn:hover{background-color:#edeeef}
+.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up{width:28px}.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label{padding:2px 4px}.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label svg{position:static;margin-top:0}.ql-toolbar .ql-picker.ql-expanded .ql-picker-options{z-index:1}.ql-editor .ql-table{display:table;border-collapse:collapse;table-layout:fixed;width:auto}.ql-editor .ql-table[data-full]{width:100%}.ql-editor .ql-table-wrapper{width:100%;overflow:auto}.ql-editor .ql-table-caption{position:relative;word-break:break-word;outline:0}.ql-editor .ql-table-caption .ql-table-caption--switch{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:1px solid #0003;font-size:12px;cursor:pointer;background-color:#fff}.ql-editor .ql-table-caption .ql-table-caption--switch:hover{background-color:#eee}.ql-editor .ql-table-cell{padding:8px 12px;border-color:transparent;font-size:14px;outline:0;overflow:auto}.ql-editor .ql-table-cell-inner{display:inline-block;min-width:100%;word-break:break-word;outline:0;counter-reset:list-0}.ql-editor .ql-table col{border-collapse:separate;text-indent:initial;display:table-column;table-layout:fixed}.ql-editor .ql-table tr+tr td,.ql-editor .ql-table tr+tr th{border-top:none}.ql-editor .ql-table td,.ql-editor .ql-table th{border:1px solid #a1a1aa}.ql-editor .ql-table td+td,.ql-editor .ql-table td+th,.ql-editor .ql-table th+td,.ql-editor .ql-table th+th{border-left:none}.table-up-toolbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.table-up-toolbox *{pointer-events:all}.table-up-tooltip{position:absolute;z-index:20;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;color:#fff;white-space:nowrap;background-color:#303133;transition:opacity .15s linear}.table-up-tooltip.transparent{opacity:0}.table-up-tooltip.hidden{display:none}.table-up-button{--table-btn-color:#606266;--table-btn-bg-hover:#f3f4f6;--table-btn-color-border:#dcdfe6;--table-btn-border:0.0625rem solid var(--table-btn-color-border);--table-btn-confirm-color-border:#409eff;--table-btn-confirm-bg:#409eff;--table-btn-confirm-hover:#79bbff;--table-btn-confirm-outline-focus-visible:0.125rem solid #a0cfff;box-sizing:border-box;display:inline-flex;height:2rem;line-height:1;margin:0;padding:.5rem 1rem;border-radius:.25rem;border:var(--table-btn-border);color:var(--table-btn-color);background-color:transparent;font-size:.875rem;cursor:pointer}.table-up-button+.table-up-button{margin-left:.375rem}.table-up-button:hover{background-color:var(--table-btn-bg-hover)}.table-up-button.confirm{border-color:var(--table-btn-confirm-color-border);background-color:var(--table-btn-confirm-bg);color:#fff}.table-up-button.confirm:hover{border-color:var(--table-btn-confirm-hover);background-color:var(--table-btn-confirm-hover)}.table-up-button.confirm:focus-visible{outline:var(--table-btn-confirm-outline-focus-visible);outline-offset:.0625rem}.table-up-dialog{--dialog-bg:rgba(0, 0, 0, 0.5);--dialog-color-border:#ebeef5;--dialog-color-boxshadow:rgba(0, 0, 0, 0.12);--dialog-border:0.0625rem solid var(--dialog-color-border);--dialog-boxshadow:0 0 0.75rem var(--dialog-color-boxshadow);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:var(--dialog-bg);overflow:auto}.table-up-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:1rem;overflow:auto;text-align:center}.table-up-dialog__overlay::after{content:'';display:inline-block;height:100%;width:0;vertical-align:middle}.table-up-dialog__content{display:inline-block;max-width:50vw;width:100%;vertical-align:middle;background-color:#fff;border-radius:.25rem;border:var(--dialog-border);font-size:1.125rem;box-shadow:var(--dialog-boxshadow);text-align:left;overflow:hidden;box-sizing:border-box}.table-up-color-picker{--color-picker-bg-color:#ffffff;box-sizing:border-box;display:inline-flex;flex-direction:column;width:16.75rem;padding:.5rem;border-radius:.375rem;background:var(--color-picker-bg-color);box-shadow:0 0 .375rem #b2b5b8}.table-up-color-picker__content{box-sizing:border-box;width:100%;height:11.75rem;padding-top:.5rem}.table-up-color-picker__selector{width:14.375rem;height:9.375rem;position:absolute}.table-up-color-picker__background{width:100%;height:100%;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.table-up-color-picker__background-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;top:0;left:14.375rem;border-radius:100%;width:.625rem;height:.625rem;transform:translate(-.3125rem,-.3125rem)}.table-up-color-picker__hue{width:.75rem;height:9.375rem;margin-left:15rem;position:absolute;background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.table-up-color-picker__hue-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;left:0;width:1rem;height:.625rem;transform:translate(-.125rem,-.3125rem)}.table-up-color-picker__alpha{width:14.375rem;height:.75rem;position:absolute;margin-top:10rem;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:.75rem .75rem;background-position:0 0,.375rem 0,.375rem -.375rem,0 .375rem}.table-up-color-picker__alpha-bg{position:relative;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}.table-up-color-picker__alpha-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;top:0;width:.625rem;height:1rem;transform:translate(-.3125rem,-.125rem)}.table-up-color-picker__action{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;width:100%;padding-top:.5rem;border-top:.0625rem solid #e9ecef}.table-up-color-picker__action-item{flex:1;display:inline-flex;align-items:center;font-size:.75rem}.table-up-color-picker__input{box-sizing:border-box;width:100%;height:1.375rem;margin-left:.125rem;padding:.125rem 0 .125rem .25rem;background-color:#fff;border:.0625rem solid #ced4da;border-radius:.25rem;outline:0;color:#405057}.table-up-tooltip .table-up-color-picker{--color-picker-bg-color:transparent;box-shadow:none;width:15.75rem;padding:.5rem 0}.ql-container .table-up-selection{--select-color:#0589f340;display:none;position:absolute;overflow:hidden;pointer-events:none}.ql-container .table-up-selection__line{position:absolute;background-color:var(--select-color);pointer-events:none}.table-up-resize-line__col,.table-up-resize-line__row{position:absolute;z-index:0}.table-up-resize-line__col.is-hidden,.table-up-resize-line__row.is-hidden{display:none}.table-up-resize-line__col::after,.table-up-resize-line__col::before,.table-up-resize-line__row::after,.table-up-resize-line__row::before{content:'';display:block;position:absolute;top:0;z-index:1}.table-up-resize-line__row{height:.0625rem;cursor:ns-resize}.table-up-resize-line__row::after,.table-up-resize-line__row::before{width:100%;height:.5rem}.table-up-resize-line__row::before{transform:translateY(-.5rem)}.table-up-resize-line__col{width:.0625rem;cursor:ew-resize}.table-up-resize-line__col::after,.table-up-resize-line__col::before{height:100%;width:.5rem}.table-up-resize-line__col::before{transform:translateX(-.5rem)}.table-up-resize-box{position:absolute;z-index:0}.table-up-resize-box.is-hidden{display:none}.table-up-resize-box.is-caption-bottom .table-up-resize-box__corner{border-top-width:0;border-bottom-width:.0625rem;border-top-left-radius:0;border-bottom-left-radius:50%}.table-up-resize-box.is-align-right .table-up-resize-box__col-separator{left:-.125rem}.table-up-resize-box.is-align-right .table-up-resize-box__corner{border-left-width:0;border-right-width:.0625rem;border-top-left-radius:0;border-top-right-radius:50%}.table-up-resize-box.is-align-right.is-caption-bottom .table-up-resize-box__corner{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:50%}.table-up-resize-box__col,.table-up-resize-box__row{position:absolute;top:0;left:0;overflow:hidden;display:flex}.table-up-resize-box__col-wrapper,.table-up-resize-box__row-wrapper{display:flex}.table-up-resize-box__col-header,.table-up-resize-box__row-header{position:relative;flex-shrink:0;background-color:#f5f6f7;border:.0625rem solid #ccc}.table-up-resize-box__col-header:hover,.table-up-resize-box__row-header:hover{background-color:rgba(23,26,29,.1)}.table-up-resize-box__col-header.is-selected,.table-up-resize-box__row-header.is-selected{cursor:grab}.table-up-resize-box__col-header.is-selected:hover,.table-up-resize-box__row-header.is-selected:hover{background-color:#f5f6f7}.table-up-resize-box__col-wrapper{height:100%}.table-up-resize-box__col-header{height:100%;cursor:pointer;border-right-color:transparent}.table-up-resize-box__col-header:last-child{border-right-color:#ccc}.table-up-resize-box__col-separator{position:absolute;top:0;bottom:0;right:-.125rem;width:.125rem;cursor:ew-resize;z-index:0}.table-up-resize-box__col-separator::after{right:-.375rem}.table-up-resize-box__col-separator::before{left:-.375rem}.table-up-resize-box__col-separator::after,.table-up-resize-box__col-separator::before{content:'';position:absolute;top:0;display:block;width:.5rem;height:100%;z-index:1}.table-up-resize-box__row-wrapper{flex-direction:column;width:100%}.table-up-resize-box__row-header{width:100%;cursor:pointer;border-bottom-color:transparent}.table-up-resize-box__row-header:last-child{border-bottom-color:#ccc}.table-up-resize-box__row-separator{position:absolute;left:0;right:0;bottom:-.125rem;height:.125rem;cursor:ns-resize;z-index:0}.table-up-resize-box__row-separator::after{bottom:-.375rem}.table-up-resize-box__row-separator::before{top:-.375rem}.table-up-resize-box__row-separator::after,.table-up-resize-box__row-separator::before{content:'';position:absolute;left:0;display:block;width:100%;height:.5rem;z-index:1}.table-up-resize-box__corner{position:absolute;top:0;left:0;background-color:#f3f4f5;border:.0625rem solid #ccc;border-right-width:0;border-bottom-width:0;border-top-left-radius:50%;cursor:pointer}.table-up-drag{position:absolute;overflow:hidden;pointer-events:none}.table-up-drag__line{position:absolute;z-index:0;background-color:#409eff}.table-up-drag__line.is-col{width:.125rem;cursor:ew-resize}.table-up-drag__line.is-row{height:.125rem;cursor:ns-resize}.table-up-drag__placeholder{position:absolute;background-color:#04f2;pointer-events:none;z-index:0}.table-up-drag__placeholder.is-hidden{display:none}.table-up-drag__indicator{position:absolute;width:0;height:0;border:.0625rem solid #3f85ff;cursor:col-resize;z-index:0;opacity:0;transition:opacity .2s ease-in;pointer-events:none}.table-up-drag__tip{position:fixed;margin-left:-1.25rem;margin-top:-1.25rem;padding-top:1.25rem;padding-left:1.25rem;cursor:grabbing;z-index:1000}.table-up-drag__tip-content{width:6.25rem;height:1.5rem}.table-up-scale{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}.table-up-scale__block{position:absolute;top:0;left:0;transform:translate(-100%,-100%);width:.75rem;height:.75rem;background-color:#f1f5f9;border:.0625rem solid grey;cursor:nwse-resize;pointer-events:all}.table-up-scale.is-align-right .table-up-scale__block{cursor:nesw-resize}.table-up-scale.is-hidden{display:none}.table-up-scrollbar{position:absolute;z-index:1;transition:opacity .15s linear}.table-up-scrollbar__container{position:relative}.table-up-scrollbar.is-transparent{opacity:0}.table-up-scrollbar.is-vertical{top:.125rem;bottom:.125rem;left:-.5rem;width:.375rem}.table-up-scrollbar.is-vertical .table-up-scrollbar__thumb{width:100%}.table-up-scrollbar.is-horizontal{bottom:.125rem;left:.125rem;right:.125rem;height:.375rem}.table-up-scrollbar.is-horizontal .table-up-scrollbar__thumb{height:100%}.table-up-scrollbar__thumb{border-radius:.3125rem;background-color:#d2d2d2;cursor:pointer}.table-up-scrollbar__thumb:hover{background-color:#a1a1aa}.table-up-scrollbar--virtual.ql-container .ql-table-wrapper{scrollbar-width:none}.table-up-align,.table-up-menu{position:absolute;z-index:1;display:flex;align-items:center;padding:.25rem;border-radius:.375rem;box-shadow:0 0 .5rem rgba(0,0,0,.5);background-color:#fff;font-size:.875rem}.table-up-align__item,.table-up-menu__item{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;cursor:pointer}.table-up-align__item:hover,.table-up-menu__item:hover{background-color:#eee}.table-up-align__item.is-break,.table-up-menu__item.is-break{align-self:stretch;width:.0625rem;padding:0;margin:.125rem .25rem;background-color:#a3a3a3;cursor:default}.table-up-align.is-hidden,.table-up-menu.is-hidden{display:none}.table-up-align .icon,.table-up-menu .icon{display:flex;flex-shrink:0;font-size:1.25rem}.table-up-align span,.table-up-menu span{text-wrap:nowrap}.table-up-menu.is-contextmenu{flex-direction:column;padding:.25rem .5rem;max-height:21.875rem;overflow-y:auto;overflow-x:hidden}.table-up-menu.is-contextmenu .table-up-menu__item{display:flex;justify-content:flex-start;width:100%;gap:.25rem;cursor:pointer}.table-up-menu.is-contextmenu .is-break{width:100%;height:.0625rem;flex-shrink:0;margin:.25rem 0;background-color:#a3a3a3}.table-up-align .icon{width:1.25rem;height:1.25rem}.table-up-color-map{display:flex;flex-direction:column}.table-up-color-map--used{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;margin-top:.25rem;padding-top:.25rem;border-top:.0625rem solid #ccc}.table-up-color-map__content{display:flex;flex-direction:column}.table-up-color-map__content-row{display:flex;align-items:center;justify-content:center;gap:.25rem}.table-up-color-map__item{width:.875rem;height:.875rem;margin:.125rem;border:.0625rem solid #a3a3a3;cursor:pointer}.table-up-color-map__btn{display:flex;align-items:center;justify-content:center;flex:1;height:1.25rem;padding:0 .375rem;color:#303133;background-color:#fff;cursor:pointer}.table-up-color-map__btn:hover{background-color:#edeeef}

package/dist/index.d.ts

@@ -57,6 +57,7 @@ declare class TableCellInnerFormat extends ContainerFormat {
   set wrapTag(value: TableBodyTag);
   get wrapTag(): TableBodyTag;
   getColumnIndex(): number;
+  getRowIndex(): number;
   getTableBody(): TableBodyFormat | null;
   getTableRow(): TableRowFormat | null;
   setStyleByString(styleStr: string): void;
@@ -122,6 +123,7 @@ declare class TableRowFormat extends ContainerFormat {
   checkMerge(): boolean;
   wrapParentTag(): void;
   optimize(_context: Record<string, any>): void;
+  remove(): void;
 }
 //#endregion
 //#region src/formats/table-body-format.d.ts
@@ -316,6 +318,7 @@ declare const tableUpEvent: {
 };
 declare const tableUpInternal: {
   moduleName: string;
+  tableSelectionName: string;
 };
 //#endregion
 //#region src/modules/table-dom-selector.d.ts
@@ -506,17 +509,15 @@ type TableMenuOptionsInput$1 = Partial<Omit<TableMenuOptions, 'texts'>>;
 declare class TableMenuContextmenu extends TableMenuCommon {
   tableModule: TableUp;
   quill: Quill;
-  colorChooseTooltipOption: ToolTipOptions;
+  static moduleName: string;
+  scrollHandler: [HTMLElement, (e: Event) => void][];
   constructor(tableModule: TableUp, quill: Quill, options: TableMenuOptionsInput$1);
   tableSelectioChange: (tableSelection: InternalTableSelectionModule) => void;
   listenContextmenu: (e: MouseEvent) => void;
   buildTools(): HTMLElement;
   createTipText(item: HTMLElement, text: string): void;
   show(): void;
-  update(position?: {
-    x: number;
-    y: number;
-  }): void;
+  update(position?: Position): void;
   destroy(): void;
 }
 //#endregion
@@ -524,6 +525,7 @@ declare class TableMenuContextmenu extends TableMenuCommon {
 declare class TableMenuSelect extends TableMenuCommon {
   tableModule: TableUp;
   quill: Quill;
+  static moduleName: string;
   constructor(tableModule: TableUp, quill: Quill, options: TableMenuOptionsInput);
   tableSelectionDragStart: () => void;
   tableSelectionDragEnd: (tableSelection: InternalTableSelectionModule) => void;
@@ -536,102 +538,81 @@ declare class TableMenuSelect extends TableMenuCommon {
 }
 //#endregion
 //#region src/modules/table-resize/table-resize-common.d.ts
-interface sizeChangeValue {
-  px: number;
-  pre: number;
+declare class TableResizeCommonHelper {
+  maxRange: number;
+  minRange: number;
+  startValue: number;
+  dragBreak: HTMLElement | null;
+  tableModule: TableUp;
+  isX: boolean;
+  constructor(tableModule: TableUp, isX: boolean);
+  createBreak(): void;
+  getOffsetFromStart(tableBlot?: TableMainFormat): number;
+  limitRange(tableBlot: TableMainFormat | undefined, value: number, countScroll?: boolean): number;
 }
 declare class TableResizeCommon extends TableDomSelector {
   tableModule: TableUp;
   quill: Quill;
-  static moduleName: string;
-  colIndex: number;
   tableBlot?: TableMainFormat;
   dragging: boolean;
-  dragColBreak: HTMLElement | null;
-  handleColMouseUpFunc: () => Promise<void>;
-  handleColMouseMoveFunc: (e: MouseEvent) => {
-    left: number;
-    width: number;
-  } | undefined;
-  handleColMouseDownFunc: (e: MouseEvent) => {
-    top: number;
-    left: number;
-    height: number;
-  } | undefined;
+  colIndex: number;
   rowIndex: number;
-  dragRowBreak: HTMLElement | null;
-  handleRowMouseUpFunc: () => void;
-  handleRowMouseMoveFunc: (e: MouseEvent) => {
-    top: number;
-    height: number;
-  } | undefined;
-  handleRowMouseDownFunc: (e: MouseEvent) => {
-    top: number;
-    left: number;
-    width: number;
-  } | undefined;
-  dragBEM: {
-    b: () => string;
-    be: (e?: string) => string;
-    bm: (m?: string) => string;
-    bem: (e?: string, m?: string) => string;
-    ns: (s?: string) => string;
-    bs: (s?: string) => string;
-    cv: (v?: string) => string;
-    is: (n: string) => string;
-  };
+  dragXCommon: TableResizeCommonHelper;
+  dragYCommon: TableResizeCommonHelper;
   constructor(tableModule: TableUp, quill: Quill);
-  findCurrentColIndex(_e: MouseEvent): number;
-  colWidthChange(_i: number, _w: sizeChangeValue, _isFull: boolean): void;
-  createConfirmDialog({
-    message,
-    confirm,
-    cancel
-  }: {
-    message: string;
-    confirm: string;
-    cancel: string;
-  }): Promise<boolean>;
-  handleColMouseUp(): Promise<void>;
-  getColumnRect(columnIndex: number): {
-    left: number;
-    right: number;
-    width: number;
-  } | null;
-  handleColMouseMove(e: MouseEvent): {
-    left: number;
-    width: number;
-  } | undefined;
-  handleColMouseDown(e: MouseEvent): {
-    top: number;
-    left: number;
-    height: number;
-  } | undefined;
-  findCurrentRowIndex(_e: MouseEvent): number;
-  rowHeightChange(_i: number, _h: number): void;
-  handleRowMouseUp(): void;
-  handleRowMouseMove(e: MouseEvent): {
-    top: number;
-    height: number;
-  } | undefined;
-  handleRowMouseDown(e: MouseEvent): {
-    top: number;
-    left: number;
-    width: number;
-  } | undefined;
-  update(): void;
-  destroy(): void;
+  findDragColIndex(_cols: TableColFormat[]): number;
+  calculateColDragRangeByFull(): void;
+  calculateColDragRangeByFixed(): void;
+  calculateColDragRange(): void;
+  updateTableCol(left: number): Promise<void>;
+  findDragRowIndex(_rows: TableRowFormat[]): number;
+  calculateRowDragRange(): void;
+  updateTableRow(top: number): void;
+  removeBreak(): void;
+}
+//#endregion
+//#region src/modules/table-resize/table-resize-drag.d.ts
+declare class TableAutoScroller extends AutoScroller {
+  minusY: number;
+  minusX: number;
+  checkMinY(containerRect: DOMRect): boolean;
+  checkMinX(containerRect: DOMRect): boolean;
+}
+interface DragHelperOptions {
+  isDragX: boolean;
+  allowMoveToIndex?: (index: number) => boolean;
+}
+declare class DragTableHelper {
+  startPosition: ({
+    position: number;
+    size: number;
+    index: number;
+  })[];
+  selectedIndex: Set<number>;
+  moveToIndex: number;
+  tableModule: TableUp;
+  tableBlot: TableMainFormat;
+  dragCommon: TableResizeCommonHelper;
+  options: DragHelperOptions;
+  get isDragX(): boolean;
+  constructor(tableModule: TableUp, tableBlot: TableMainFormat, dragCommon: TableResizeCommonHelper, options: DragHelperOptions);
+  onStart(positionInfo: DragPosition, e: PointerEvent, callback?: (context: this) => void): false | undefined;
+  onMove(positionInfo: DragPosition, e: PointerEvent, callback?: (context: this) => void): void;
+  onEnd(positionInfo: DragPosition, e: PointerEvent, callback?: (context: this) => void): void;
+  recalculateStartPosition(): void;
+  findTheMovedToIndex(e: PointerEvent): number;
+  updateTableStructure(content: Delta, isMoveMinus: boolean): Delta;
 }
 //#endregion
 //#region src/modules/table-resize/table-resize-box.d.ts
 declare class TableResizeBox extends TableResizeCommon {
   tableModule: TableUp;
   quill: Quill;
+  static moduleName: string;
+  options: TableResizeBoxOptions;
   root: HTMLElement;
   tableWrapperBlot?: TableWrapperFormat;
   resizeObserver?: ResizeObserver;
-  tableCols: TableColFormat[];
-  tableRows: TableRowFormat[];
   rowHeadWrapper: HTMLElement | null;
   colHeadWrapper: HTMLElement | null;
   corner: HTMLElement | null;
@@ -640,7 +621,6 @@ declare class TableResizeBox extends TableResizeCommon {
     isX: boolean;
     index: number;
   } | null;
-  size: number;
   bem: {
     b: () => string;
     be: (e?: string) => string;
@@ -651,26 +631,44 @@ declare class TableResizeBox extends TableResizeCommon {
     cv: (v?: string) => string;
     is: (n: string) => string;
   };
-  constructor(tableModule: TableUp, quill: Quill, _options: any);
+  draggingColIndex: number;
+  draggingRowIndex: number;
+  stopColDrag: (() => void)[];
+  stopRowDrag: (() => void)[];
+  dragWrapper: HTMLElement | null;
+  dragPlaceholder: HTMLElement | null;
+  markIndicator: HTMLElement | null;
+  dragTip: HTMLElement | null;
+  stopColMoveDrag: (() => void)[];
+  stopRowMoveDrag: (() => void)[];
+  autoScroller: TableAutoScroller | null;
+  updateContentDraggingPosition: () => void;
+  cellSpanIndex: Set<number>;
+  dragPlaceholderStartPosition: {
+    x: number;
+    y: number;
+  };
+  constructor(tableModule: TableUp, quill: Quill, options: Partial<TableResizeBoxOptions>);
+  resolveOptions(options: Partial<TableResizeBoxOptions>): {
+    size: number;
+    draggable: boolean;
+  } & Partial<TableResizeBoxOptions>;
+  updateWrapperHead: () => void;
   updateWhenTextChange: (eventName: string) => void;
   setSelectionTable(table: HTMLTableElement | undefined): void;
-  handleResizerHeader(isX: boolean, index: number, e: MouseEvent): void;
-  findCurrentColIndex(e: MouseEvent): number;
-  colWidthChange(i: number, w: sizeChangeValue, isFull: boolean): void;
-  handleColMouseDownFunc: (e: MouseEvent) => {
-    top: number;
-    left: number;
-    height: number;
-  } | undefined;
+  handleResizerHeaderClick(isX: boolean, index: number, e: MouseEvent): void;
+  findDragColIndex(): number;
+  findDragRowIndex(): number;
+  updateContentDraggerPosition(dragHelper: DragTableHelper): void;
+  createContentDragger(e: PointerEvent, isX: boolean, dragHelper: DragTableHelper): void;
   bindColEvents(): void;
-  findCurrentRowIndex(e: MouseEvent): number;
-  rowHeightChange(i: number, h: number): void;
-  handleRowMouseDownFunc: (e: MouseEvent) => {
-    top: number;
-    left: number;
-    width: number;
-  } | undefined;
   bindRowEvents(): void;
+  allowMoveToIndex(index: number): boolean;
+  recordCellSpan(isX: boolean): Set<number>;
+  dragHeadOptions(isX: boolean, context: {
+    index: number;
+    dragHelper: DragTableHelper;
+  }): Partial<DragElementOptions>;
   update(): void;
   show(): void;
   hide(): void;
@@ -681,12 +679,10 @@ declare class TableResizeBox extends TableResizeCommon {
 declare class TableResizeLine extends TableResizeCommon {
   tableModule: TableUp;
   quill: Quill;
+  static moduleName: string;
   colResizer?: HTMLElement;
   rowResizer?: HTMLElement;
   currentTableCell?: HTMLElement;
-  dragging: boolean;
-  curColIndex: number;
-  curRowIndex: number;
   tableCellBlot?: TableCellFormat;
   bem: {
     b: () => string;
@@ -698,19 +694,21 @@ declare class TableResizeLine extends TableResizeCommon {
     cv: (v?: string) => string;
     is: (n: string) => string;
   };
-  constructor(tableModule: TableUp, quill: Quill, _options: any);
+  stopColDrag?: () => void;
+  stopRowDrag?: () => void;
+  scrollHandler: [HTMLElement, (e: Event) => void][];
+  constructor(tableModule: TableUp, quill: Quill);
+  setSelectionTable(table: HTMLTableElement | undefined): void;
   updateWhenTextChange: (eventName: string) => void;
-  mousemoveHandler: (e: MouseEvent) => void;
   findTableCell(e: MouseEvent): HTMLElement | null;
-  findCurrentColIndex(): number;
-  handleColMouseUpFunc: () => Promise<void>;
+  pointermoveHandler: (e: MouseEvent) => void;
+  findDragColIndex(cols: TableColFormat[]): number;
   updateColResizer(): void;
-  findCurrentRowIndex(): number;
-  handleRowMouseUpFunc: () => void;
+  findDragRowIndex(rows: TableRowFormat[]): number;
   updateRowResizer(): void;
   show(): void;
+  hideResizer(): void;
   hide(): void;
-  update(): void;
   destroy(): void;
 }
 //#endregion
@@ -718,6 +716,7 @@ declare class TableResizeLine extends TableResizeCommon {
 declare class TableResizeScale extends TableDomSelector {
   tableModule: TableUp;
   quill: Quill;
+  static moduleName: string;
   scrollHandler: [HTMLElement, (e: Event) => void][];
   tableMainBlot?: TableMainFormat;
   tableWrapperBlot?: TableWrapperFormat;
@@ -753,6 +752,15 @@ declare class TableResizeScale extends TableDomSelector {
 //#endregion
 //#region src/modules/table-resize/utils.d.ts
 declare const isTableAlignRight: (tableMainBlot: TableMainFormat) => boolean;
+declare function getColRect(cols: TableColFormat[], columnIndex: number): {
+  left: number;
+  right: number;
+  width: number;
+} | null;
+declare function isCellsSpan(isX: boolean, tableBlot: TableMainFormat, cells: TableCellInnerFormat[]): {
+  cellIndex: Set<number>;
+  isSpan: boolean;
+};
 //#endregion
 //#region src/modules/table-scrollbar.d.ts
 declare class Scrollbar {
@@ -860,10 +868,7 @@ declare class TableSelection extends TableDomSelector {
   options: TableSelectionOptions;
   boundary: RelactiveRect | null;
   scrollRecordEls: HTMLElement[];
-  startScrollRecordPosition: {
-    x: number;
-    y: number;
-  }[];
+  startScrollRecordPosition: Position[];
   selectedTableScrollX: number;
   selectedTableScrollY: number;
   selectedEditorScrollX: number;
@@ -884,6 +889,7 @@ declare class TableSelection extends TableDomSelector {
     cv: (v?: string) => string;
     is: (n: string) => string;
   };
+  autoScroller: AutoScroller;
   lastSelection: SelectionData;
   _dragging: boolean;
   set dragging(val: boolean);
@@ -895,35 +901,14 @@ declare class TableSelection extends TableDomSelector {
   updateAfterEvent: () => void;
   removeCellBySelectedTds(): void;
   setSelectedTds(tds: TableCellInnerFormat[]): void;
-  getFirstTextNode(dom: HTMLElement | Node): Node;
-  getLastTextNode(dom: HTMLElement | Node): Node;
-  getNodeTailOffset(node: Node): number;
   quillSelectionChangeHandler: (range: Range | null, _oldRange: Range | null, source: EmitterSource) => void;
   setSelectionData(selection: Selection, selectionData: SelectionData): void;
   selectionDirectionUp(selection: SelectionData): boolean;
-  findWrapSelection(points: {
-    node: Node | null;
-    offset: number;
-  }[]): {
-    startNode: Node | null;
-    startOffset: number;
-    endNode: Node | null;
-    endOffset: number;
-  };
   resolveOptions(options: Partial<TableSelectionOptions>): TableSelectionOptions;
   selectionChangeHandler(): void;
   helpLinesInitial(): HTMLDivElement;
-  computeSelectedTds(startPoint: {
-    x: number;
-    y: number;
-  }, endPoint: {
-    x: number;
-    y: number;
-  }): TableCellInnerFormat[];
-  getScrollPositionDiff(): {
-    x: number;
-    y: number;
-  };
+  computeSelectedTds(startPoint: Position, endPoint: Position): TableCellInnerFormat[];
+  getScrollPositionDiff(): Position;
   recordScrollPosition(): void;
   clearRecordScrollPosition(): void;
   tableSelectHandler(mousedownEvent: MouseEvent): void;
@@ -972,6 +957,10 @@ interface TableSelectionOptions {
 interface TableResizeScaleOptions {
   blockSize: number;
 }
+interface TableResizeBoxOptions {
+  size: number;
+  draggable: boolean;
+}
 interface TableCreatorTextOptions {
   fullCheckboxText: string;
   customBtnText: string;
@@ -1039,6 +1028,10 @@ interface TableValue {
   full?: boolean;
   align?: string;
 }
+interface Position {
+  x: number;
+  y: number;
+}
 interface RelactiveRect {
   x: number;
   y: number;
@@ -1062,13 +1055,7 @@ interface InternalTableSelectionModule extends InternalModule {
   cellSelect: HTMLElement;
   isDisplaySelection: boolean;
   tableMenu?: InternalModule;
-  computeSelectedTds: (startPoint: {
-    x: number;
-    y: number;
-  }, endPoint: {
-    x: number;
-    y: number;
-  }) => TableCellInnerFormat[];
+  computeSelectedTds: (startPoint: Position, endPoint: Position) => TableCellInnerFormat[];
   setSelectedTds: (tds: TableCellInnerFormat[]) => void;
   updateWithSelectedTds: () => void;
   showDisplay: () => void;
@@ -1140,6 +1127,41 @@ interface TooltipInstance {
 }
 declare function createTooltip(target: HTMLElement, options?: ToolTipOptions): TooltipInstance | null;
 //#endregion
+//#region src/utils/drag-helper.d.ts
+interface DragPosition {
+  startPosition: Position;
+  position: Position;
+  movePosition: Position;
+}
+interface DragElementOptions {
+  axis: 'x' | 'y' | 'both';
+  onStart: (position: DragPosition, e: PointerEvent) => void | boolean;
+  onMove: (position: DragPosition, e: PointerEvent) => void;
+  onEnd: (position: DragPosition, e: PointerEvent) => void;
+  buttons: number[];
+  container: HTMLElement;
+  draggingElement: HTMLElement | Window | Document;
+  exact: boolean;
+}
+//#endregion
+//#region src/utils/scroll.d.ts
+declare class AutoScroller {
+  scrollThresholdX: number;
+  scrollThresholdY: number;
+  maxScrollSpeed: number;
+  mouseY: number;
+  mouseX: number;
+  private animationId;
+  constructor(scrollThresholdX?: number, scrollThresholdY?: number, maxScrollSpeed?: number);
+  checkMinY(containerRect: DOMRect): boolean;
+  checkMaxY(containerRect: DOMRect): boolean;
+  checkMinX(containerRect: DOMRect): boolean;
+  checkMaxX(containerRect: DOMRect): boolean;
+  start(container: HTMLElement, onScroll?: (speedX: number, speedY: number) => void): void;
+  updateMousePosition(x: number, y: number): void;
+  stop(): void;
+}
+//#endregion
 //#region src/utils/utils.d.ts
 declare const randomId: () => string;
 //#endregion
@@ -1260,5 +1282,5 @@ declare class TableUp {
   convertTableBodyByCells(tableBlot: TableMainFormat, selecteds: TableCellInnerFormat[], tag: TableBodyTag): void;
 }
 //#endregion
-export { BlockEmbedOverride, BlockOverride, ClipboardOptions, Constructor, ContainerFormat, InternalModule, InternalTableMenuModule, InternalTableSelectionModule, Matcher, MenuTooltipInstance, QuillTheme, QuillThemePicker, RelactiveRect, ScrollOverride, Scrollbar, SelectionData, Selector, SkipRowCount, TableAlign, TableBodyFormat, TableBodyTag, TableCaptionFormat, TableCaptionValue, TableCellFormat, TableCellInnerFormat, TableCellValue, TableClipboard, TableColFormat, TableColValue, TableColgroupFormat, TableConstantsData, TableCreatorTextOptions, TableDomSelector, TableFootFormat, TableHeadFormat, TableMainFormat, TableMenuCommon, TableMenuContextmenu, TableMenuOptions, TableMenuOptionsInput, TableMenuSelect, TableMenuTexts, TableResizeBox, TableResizeCommon, TableResizeLine, TableResizeScale, TableResizeScaleOptions, TableRowFormat, TableRowValue, TableSelection, TableSelectionOptions, TableTextOptions, TableUp, TableUpExtraModule, TableUpModule, TableUpOptions, TableValue, TableVirtualScrollbar, TableWrapperFormat, Tool, ToolOption, ToolOptionBreak, Writable, applyCellUpdates, blotName, createColorPicker, createSelectBox, createTooltip, TableUp as default, defaultCustomSelect, findParentBlot, findParentBlots, getCellPositions, getCountByPosition, getTableCellStructure, getTableMainRect, groupCellByRow, isTableAlignRight, parsePasteDelta, pasteCells, pasteWithLoop, pasteWithStructure, prepareCellUpdate, randomId, removeOverlappingCells, sizeChangeValue, tableMenuTools, tableUpEvent, tableUpInternal, tableUpSize, updateTableConstants };
+export { BlockEmbedOverride, BlockOverride, ClipboardOptions, Constructor, ContainerFormat, InternalModule, InternalTableMenuModule, InternalTableSelectionModule, Matcher, MenuTooltipInstance, Position, QuillTheme, QuillThemePicker, RelactiveRect, ScrollOverride, Scrollbar, SelectionData, Selector, SkipRowCount, TableAlign, TableBodyFormat, TableBodyTag, TableCaptionFormat, TableCaptionValue, TableCellFormat, TableCellInnerFormat, TableCellValue, TableClipboard, TableColFormat, TableColValue, TableColgroupFormat, TableConstantsData, TableCreatorTextOptions, TableDomSelector, TableFootFormat, TableHeadFormat, TableMainFormat, TableMenuCommon, TableMenuContextmenu, TableMenuOptions, TableMenuOptionsInput, TableMenuSelect, TableMenuTexts, TableResizeBox, TableResizeBoxOptions, TableResizeCommon, TableResizeCommonHelper, TableResizeLine, TableResizeScale, TableResizeScaleOptions, TableRowFormat, TableRowValue, TableSelection, TableSelectionOptions, TableTextOptions, TableUp, TableUp as default, TableUpExtraModule, TableUpModule, TableUpOptions, TableValue, TableVirtualScrollbar, TableWrapperFormat, Tool, ToolOption, ToolOptionBreak, Writable, applyCellUpdates, blotName, createColorPicker, createSelectBox, createTooltip, defaultCustomSelect, findParentBlot, findParentBlots, getCellPositions, getColRect, getCountByPosition, getTableCellStructure, getTableMainRect, groupCellByRow, isCellsSpan, isTableAlignRight, parsePasteDelta, pasteCells, pasteWithLoop, pasteWithStructure, prepareCellUpdate, randomId, removeOverlappingCells, tableMenuTools, tableUpEvent, tableUpInternal, tableUpSize, updateTableConstants };
 //# sourceMappingURL=index.d.ts.map