@oinone/kunlun-vue-ui 7.1.0 → 7.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/oinone-kunlun-vue-ui.css +1 -1
- package/dist/oinone-kunlun-vue-ui.esm.js +1 -1
- package/dist/oinone-kunlun-vue-ui.scss +1 -1
- package/package.json +5 -4
- package/src/component/index.ts +1 -0
- package/src/component/oio-draggable/index.ts +1 -0
- package/src/component/oio-draggable/override/core/componentBuilderHelper.js +47 -0
- package/src/component/oio-draggable/override/core/componentStructure.js +63 -0
- package/src/component/oio-draggable/override/core/renderHelper.js +56 -0
- package/src/component/oio-draggable/override/core/sortableEvents.js +18 -0
- package/src/component/oio-draggable/override/util/console.js +9 -0
- package/src/component/oio-draggable/override/util/htmlHelper.js +15 -0
- package/src/component/oio-draggable/override/util/string.js +12 -0
- package/src/component/oio-draggable/override/util/tags.js +138 -0
- package/src/component/oio-draggable/override/vuedraggable.js +300 -0
- package/src/component/oio-draggable-resizable/index.ts +2 -0
- package/src/component/oio-draggable-resizable/override/VueDraggableContainer.vue +112 -0
- package/src/component/oio-draggable-resizable/override/VueDraggableResizable.vue +239 -0
- package/src/component/oio-draggable-resizable/override/hooks.ts +532 -0
- package/src/component/oio-draggable-resizable/override/index.css +65 -0
- package/src/component/oio-draggable-resizable/override/types.ts +47 -0
- package/src/component/oio-draggable-resizable/override/utils.ts +76 -0
- package/src/shim-translate.d.ts +4 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.oio-column-manual-editor{min-height:22px;display:flex;align-items:center}.oio-column-manual-editor:not(.oio-column-editing){display:inline}.oio-column-manual-editor:not(.oio-column-editing) .oio-column-content{display:inline;overflow:hidden;text-overflow:ellipsis}.oio-column-manual-editor.oio-column-wrapper-center{justify-content:center}.oio-column-manual-editor.oio-column-wrapper-right{justify-content:right}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle{display:flex;flex-basis:20px}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle .oio-icon{display:none}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle{flex-basis:unset}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle .oio-icon{display:inline-block}.oio-column-manual-editor.oio-column-editing .oio-column-content{flex:1}.oio-column-manual-editor .oio-column-editable-handle,.oio-column-manual-editor .oio-column-complete-handle{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center}.oio-column-manual-editor .oio-column-editable-handle .oio-icon,.oio-column-manual-editor .oio-column-complete-handle .oio-icon{padding-left:4px;cursor:pointer}.oio-column-manual-editor .oio-column-editable-handle{display:none;position:absolute;right:0;bottom:0;width:24px;height:24px;line-height:24px;text-align:center}.oio-column-manual-editor .oio-column-content{max-width:100%}.oio-column:hover .oio-column-editable-handle{display:flex}.oio-column-overflow-hidden{overflow:hidden}.oio-column-wrapper:not(.oio-column-manual-editor){overflow:hidden;text-overflow:ellipsis;display:inline}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-center{text-align:center}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-right{text-align:right}.oio-column-wrapper-empty:not(.oio-column-manual-editor){display:inline-block}.oio-table{display:flex;flex-direction:column;row-gap:var(--oio-row-gap);height:100%}.oio-table .oio-table-header{flex-shrink:0;flex-grow:0}.oio-table .oio-table-content-wrapper{position:relative;flex-shrink:1;flex-grow:1}.oio-table .oio-table-content{height:100%;width:100%}.oio-table .oio-table-footer{flex-shrink:0;flex-grow:0}.oio-table .vxe-table--render-default,.oio-table .vxe-table--footer-wrapper{color:var(--oio-table-text-color)}.oio-table .vxe-table--render-default .vxe-cell{padding:0 12px}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.oio-table .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:var(--oio-table-thead-height)}.oio-table .vxe-table .vxe-table--header-wrapper{color:var(--oio-table-title-color)}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:var(--oio-table-thead-bg);border-top-left-radius:var(--oio-border-radius);border-top-right-radius:var(--oio-border-radius)}.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell{max-height:unset}.oio-table .vxe-table--render-default .vxe-table--body-wrapper,.oio-table .vxe-table--render-default .vxe-table--footer-wrapper{background-color:var(--oio-table-body-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--hover,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--stripe,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:var(--oio-table-tr-hover-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--current,.oio-table .vxe-table--render-default .vxe-body--row.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--radio,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table .vxe-table--render-default.border--full .vxe-body--column,.oio-table .vxe-table--render-default.border--full .vxe-footer--column,.oio-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border)),linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border))}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(var(--oio-table-thead-bg), var(--oio-table-thead-bg))}.oio-table .vxe-table--render-default .vxe-table--border-line{border-color:var(--oio-table-row-body-border);border-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-color:var(--oio-table-row-body-border)}.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--body,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--footer,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--header{margin-left:1px}.oio-table .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{color:var(--oio-table-title-color);font-size:var(--oio-font-size);font-weight:var(--oio-table-title-font-weight)}.oio-table .vxe-table--render-default.size--mini{font-size:var(--oio-font-size)}.oio-table .vxe-table .vxe-cell--sort{font-size:var(--oio-table-title-sort-icon-size)}.oio-table .vxe-table .vxe-sort--asc-btn,.oio-table .vxe-table .vxe-sort--desc-btn,.oio-table .vxe-table .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table .vxe-table .vxe-table--body-wrapper{scrollbar-width:thin}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar{width:8px;height:8px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:4px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--oio-scrollbar-thumb-background-color)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--oio-scrollbar-thumb-background-color-hover)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-button{display:none}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-header--column.col--checkbox>.vxe-cell{justify-content:center;padding-left:12px;border-top-left-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--checkbox>.vxe-cell,.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--radio>.vxe-cell{text-align:center;padding-left:12px}.oio-table .is--checked.vxe-checkbox,.oio-table .is--checked.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-custom--option,.oio-table .is--checked.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--checked.vxe-export--panel-column-option,.oio-table .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--checked.vxe-table--filter-option,.oio-table .is--checked.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-checkbox,.oio-table .is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-custom--option,.oio-table .is--indeterminate.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-export--panel-column-option,.oio-table .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-table--filter-option,.oio-table .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-radio,.oio-table .is--checked.vxe-radio .vxe-radio--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:var(--oio-primary-color)}.oio-table .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.oio-table .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--oio-primary-color-hover)}.oio-table .vxe-checkbox .vxe-checkbox--icon,.oio-table .vxe-custom--option .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-border-color)}.oio-table .is--disabled.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--disabled.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-disabled-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header{border-top:1px solid var(--oio-border-color);box-sizing:border-box}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header .vxe-cell--title,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header .vxe-cell--title{position:relative;top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body{position:relative;top:-0.5px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper{border-top-left-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{border-top-right-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper{background-color:var(--oio-header-background);border-radius:var(--oio-border-radius);box-shadow:0px 0px 0px 1px var(--oio-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper{scrollbar-width:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper::-webkit-scrollbar{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper .vxe-table--header-border-line,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper .vxe-table--header-border-line{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column{padding:0;background-color:var(--oio-table-thead-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column .vxe-resizable{opacity:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{font-size:var(--oio-font-size)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row{border:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--current,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--checked,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--hover{background-color:var(--oio-table-tr-hover-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:0}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--x-space{margin-bottom:-2px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate{background:var(--oio-primary-color);width:14px;height:14px;text-align:center;border-radius:2px;display:block;line-height:16px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked:before,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{font-family:"iconfont";content:"";font-size:12px;color:#fff;transform:scale(0.75);display:block;position:relative;top:-1px}.oio-table.oinone-custom-border .table-header-column-checkbox{margin-left:0;padding-left:11px}.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{content:""}.oio-table.oinone-custom-border .vxe-sort--asc-btn,.oio-table.oinone-custom-border .vxe-sort--desc-btn,.oio-table.oinone-custom-border .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit;height:100%}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{max-height:unset;padding:4px 12px}.oio-table.oinone-custom-border .vxe-table--body{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table--header{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom:1px solid var(--oio-border-color);z-index:7}.oio-table.oinone-custom-border .vxe-body--row{border-bottom:solid 1px var(--oio-table-row-border)}.oio-table.oinone-custom-border .vxe-header--row th:last-child.vxe-header--gutter{position:relative;top:.5px}.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-header--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-header--column{background-image:none;border-bottom:1px solid var(--oio-table-row-body-border)}.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:none}.oio-table.oinone-custom-border .vxe-table--border-line{border-bottom:none}.oio-table.oinone-custom-border .vxe-header--row{border:none;border-bottom-width:0}.oio-table.oinone-custom-border .vxe-header--row .table-header-column-checkbox .vxe-cell{margin-left:2px}
|
|
1
|
+
.oio-column-manual-editor{min-height:22px;display:flex;align-items:center}.oio-column-manual-editor:not(.oio-column-editing){display:inline}.oio-column-manual-editor:not(.oio-column-editing) .oio-column-content{display:inline;overflow:hidden;text-overflow:ellipsis}.oio-column-manual-editor.oio-column-wrapper-center{justify-content:center}.oio-column-manual-editor.oio-column-wrapper-right{justify-content:right}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle{display:flex;flex-basis:20px}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle .oio-icon{display:none}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle{flex-basis:unset}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle .oio-icon{display:inline-block}.oio-column-manual-editor.oio-column-editing .oio-column-content{flex:1}.oio-column-manual-editor .oio-column-editable-handle,.oio-column-manual-editor .oio-column-complete-handle{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center}.oio-column-manual-editor .oio-column-editable-handle .oio-icon,.oio-column-manual-editor .oio-column-complete-handle .oio-icon{padding-left:4px;cursor:pointer}.oio-column-manual-editor .oio-column-editable-handle{display:none;position:absolute;right:0;bottom:0;width:24px;height:24px;line-height:24px;text-align:center}.oio-column-manual-editor .oio-column-content{max-width:100%}.oio-column:hover .oio-column-editable-handle{display:flex}.oio-column-overflow-hidden{overflow:hidden}.oio-column-wrapper:not(.oio-column-manual-editor){overflow:hidden;text-overflow:ellipsis;display:inline}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-center{text-align:center}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-right{text-align:right}.oio-column-wrapper-empty:not(.oio-column-manual-editor){display:inline-block}.oio-table{display:flex;flex-direction:column;row-gap:var(--oio-row-gap);height:100%}.oio-table .oio-table-header{flex-shrink:0;flex-grow:0}.oio-table .oio-table-content-wrapper{position:relative;flex-shrink:1;flex-grow:1}.oio-table .oio-table-content{height:100%;width:100%}.oio-table .oio-table-footer{flex-shrink:0;flex-grow:0}.oio-table .vxe-table--render-default,.oio-table .vxe-table--footer-wrapper{color:var(--oio-table-text-color)}.oio-table .vxe-table--render-default .vxe-cell{padding:0 12px}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.oio-table .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:var(--oio-table-thead-height)}.oio-table .vxe-table .vxe-table--header-wrapper{color:var(--oio-table-title-color)}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:var(--oio-table-thead-bg);border-top-left-radius:var(--oio-border-radius);border-top-right-radius:var(--oio-border-radius)}.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell{max-height:unset}.oio-table .vxe-table--render-default .vxe-table--body-wrapper,.oio-table .vxe-table--render-default .vxe-table--footer-wrapper{background-color:var(--oio-table-body-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--hover,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--stripe,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:var(--oio-table-tr-hover-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--current,.oio-table .vxe-table--render-default .vxe-body--row.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--radio,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table .vxe-table--render-default.border--full .vxe-body--column,.oio-table .vxe-table--render-default.border--full .vxe-footer--column,.oio-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border)),linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border))}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(var(--oio-table-thead-bg), var(--oio-table-thead-bg))}.oio-table .vxe-table--render-default .vxe-table--border-line{border-color:var(--oio-table-row-body-border);border-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-color:var(--oio-table-row-body-border)}.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--body,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--footer,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--header{margin-left:1px}.oio-table .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{color:var(--oio-table-title-color);font-size:var(--oio-font-size);font-weight:var(--oio-table-title-font-weight)}.oio-table .vxe-table--render-default.size--mini{font-size:var(--oio-font-size)}.oio-table .vxe-table .vxe-cell--sort{font-size:var(--oio-table-title-sort-icon-size)}.oio-table .vxe-table .vxe-sort--asc-btn,.oio-table .vxe-table .vxe-sort--desc-btn,.oio-table .vxe-table .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table .vxe-table .vxe-table--body-wrapper{scrollbar-width:thin}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar{width:8px;height:8px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:4px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--oio-scrollbar-thumb-background-color)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--oio-scrollbar-thumb-background-color-hover)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-button{display:none}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-header--column.col--checkbox>.vxe-cell{justify-content:center;padding-left:12px;border-top-left-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--checkbox>.vxe-cell,.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--radio>.vxe-cell{text-align:center;padding-left:12px}.oio-table .is--checked.vxe-checkbox,.oio-table .is--checked.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-custom--option,.oio-table .is--checked.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--checked.vxe-export--panel-column-option,.oio-table .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--checked.vxe-table--filter-option,.oio-table .is--checked.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-checkbox,.oio-table .is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-custom--option,.oio-table .is--indeterminate.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-export--panel-column-option,.oio-table .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-table--filter-option,.oio-table .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-radio,.oio-table .is--checked.vxe-radio .vxe-radio--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:var(--oio-primary-color)}.oio-table .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.oio-table .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--oio-primary-color-hover)}.oio-table .vxe-checkbox .vxe-checkbox--icon,.oio-table .vxe-custom--option .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-border-color)}.oio-table .is--disabled.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--disabled.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-disabled-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header{border-top:1px solid var(--oio-border-color);box-sizing:border-box}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header .vxe-cell--title,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header .vxe-cell--title{position:relative;top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body{position:relative;top:-0.5px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper{border-top-left-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{border-top-right-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper{background-color:var(--oio-header-background);border-radius:var(--oio-border-radius);box-shadow:0px 0px 0px 1px var(--oio-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper{scrollbar-width:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper::-webkit-scrollbar{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper .vxe-table--header-border-line,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper .vxe-table--header-border-line{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column{padding:0;background-color:var(--oio-table-thead-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column .vxe-resizable{opacity:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{font-size:var(--oio-font-size)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row{border:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--current,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--checked,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--hover{background-color:var(--oio-table-tr-hover-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:0}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--x-space{margin-bottom:-2px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate{background:var(--oio-primary-color);width:14px;height:14px;text-align:center;border-radius:2px;display:block;line-height:16px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked:before,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{font-family:"iconfont";content:"";font-size:12px;color:#fff;transform:scale(0.75);display:block;position:relative;top:-1px}.oio-table.oinone-custom-border .table-header-column-checkbox{margin-left:0;padding-left:11px}.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{content:""}.oio-table.oinone-custom-border .vxe-sort--asc-btn,.oio-table.oinone-custom-border .vxe-sort--desc-btn,.oio-table.oinone-custom-border .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit;height:100%}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{max-height:unset;padding:4px 12px}.oio-table.oinone-custom-border .vxe-table--body{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table--header{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom:1px solid var(--oio-border-color);z-index:7}.oio-table.oinone-custom-border .vxe-body--row{border-bottom:solid 1px var(--oio-table-row-border)}.oio-table.oinone-custom-border .vxe-header--row th:last-child.vxe-header--gutter{position:relative;top:.5px}.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-header--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-header--column{background-image:none;border-bottom:1px solid var(--oio-table-row-body-border)}.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:none}.oio-table.oinone-custom-border .vxe-table--border-line{border-bottom:none}.oio-table.oinone-custom-border .vxe-header--row{border:none;border-bottom-width:0}.oio-table.oinone-custom-border .vxe-header--row .table-header-column-checkbox .vxe-cell{margin-left:2px}.vdr-container{position:absolute;border:1px solid rgba(0,0,0,0);box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{OioComponentData as e,StyleHelper as t,OioSpinProps as o,PropRecordHelper as n,OioIcon as l}from"@oinone/kunlun-vue-ui-common";import{Optional as i,StringHelper as a,CastHelper as r,DomHelper as s}from"@oinone/kunlun-shared";import{defineComponent as c,createVNode as d,ref as u,provide as p,inject as g,computed as m,watch as f,withDirectives as b,vShow as h,withModifiers as C}from"vue";import v from"vuedraggable";import y,{Column as w,Table as x,Colgroup as O}from"vxe-table";import S from"vxe-table-plugin-antd";import k from"vxe-table-plugin-element";import"vxe-table/lib/style.min.css";import"vxe-table-plugin-antd/dist/style.min.css";import"vxe-table-plugin-element/dist/style.min.css";import{OioSpin as E,PropRecordHelper as N,OioEmptyData as R,OioPopconfirm as j,OioTooltip as F}from"@oinone/kunlun-vue-ui-antd";import{isNil as T,isBoolean as A,debounce as I,isString as B,isFunction as $,toString as _}from"lodash-es";import D from"vxe-table/es/v-x-e-table/src/conf.js";import P from"xe-utils";const H="_X_ROW_KEY",z={CHILDREN_KEY:"CHILDREN_KEY",PROPS_KEY:"PROPS_KEY",IS_LEAF_KEY:"IS_LEAF_KEY"},K={itemKeyProps:"id",valueProps:"elements",cloneProps:"clone",groupProps:"group",addedCallbackProps:"addedCallback",movedCallbackProps:"movedCallback",removedCallbackProps:"removedCallback",moveToSelfCallbackProps:"moveToSelfCallback",moveToOtherCallbackProps:"moveToOtherCallback"},M={startCallback:{type:Function},endCallback:{type:Function},addedCallback:{type:Function},movedCallback:{type:Function},removedCallback:{type:Function},moveToSelfCallback:{type:Function},moveToOtherCallback:{type:Function}};var L;!function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(L||(L={}));const V={list:{type:Array,required:!0},itemKey:{type:[String,Function],required:!0},group:{type:[String,Object]},clone:{type:Function},tag:{type:String,default:"div"},sort:{type:Boolean,default:!0},direction:{type:String},swapThreshold:{type:Number},invertSwap:{type:Boolean,default:!1},invertedSwapThreshold:{type:Number},animation:{type:Number,default:150},delay:{type:Number},disabled:{type:Boolean,default:!1}},Y=Object.assign(Object.assign(Object.assign(Object.assign({},V),M),e),{disableAdd:{type:Boolean,default:!1},disableMove:{type:Boolean,default:!1},filter:{type:Function},draggableFilter:{type:[String,Function]},mapper:{type:Function}});function W(e){return e.__draggable_component__}const q=["Symbol(Fragment)"];var X,G=c({name:"OioDraggable",components:{draggable:v},inheritAttrs:!1,props:Object.assign({},Y),emits:["change"],setup(e,{emit:t}){const o=u(),n=u(),l=u(),a=()=>{l.value=void 0};return{origin:o,move:(t,o)=>{var a,r;const c=o.target,d=s.getClientRect(c),u=l.value;if(u&&s.clientRectEquals(u.clientRect,d))return u.result;let p;return p=t.from===t.to?null===(a=e.moveToSelfCallback)||void 0===a?void 0:a.call(e,t,o):!i.ofNullable(function(e){return i.ofNullable(e.relatedContext).map(e=>e.component).map(e=>e.$parent).orElse(void 0)}(t)).map(e=>e.disableAdd).orElse(!1)&&(null===(r=e.moveToOtherCallback)||void 0===r?void 0:r.call(e,t,o)),!1===p?n.value&&(n.value=void 0):n.value={sendEvent:t,originalEvent:o},l.value={dom:c,clientRect:d,result:p},p},onStart:t=>{a();const o=e.startCallback;if(!o)return;const{oldIndex:n}=t;i.ofNullable(e.list).map(e=>e[n]).ifPresent(e=>{o({element:e,index:n})})},onEnd:t=>{a();const o=e.endCallback;if(!o)return;const{oldIndex:n,newIndex:l,from:r,to:s}=t;i.ofNullable(e.list).map(e=>e[n]).ifPresent(e=>{o({fromComponent:W(r),oldElement:e,oldIndex:n,toComponent:W(s),newIndex:l})})},onChange:n=>{var l,i,a;const{added:r,moved:s,removed:c}=n;r&&e.addedCallback&&e.addedCallback(Object.assign(Object.assign({},r),{component:null===(l=o.value)||void 0===l?void 0:l.$parent})),s&&e.movedCallback&&e.movedCallback(Object.assign(Object.assign({},s),{component:null===(i=o.value)||void 0===i?void 0:i.$parent})),c&&e.removedCallback&&e.removedCallback(Object.assign(Object.assign({},c),{component:null===(a=o.value)||void 0===a?void 0:a.$parent})),t("change",n)},onDrop:e=>{e.preventDefault(),e.stopPropagation()}}},render(){const{list:e,$slots:o}=this,{item:n}=o;if(e&&n){const[s,c]=["header","footer"].map(e=>o[e]||(()=>[])),u=[];e.forEach((e,t)=>{let o=!0;this.filter&&(o=this.filter(e,t)),o&&u.push(n(i.ofNullable(this.mapper).map(o=>o({element:e,index:t})).orElse({element:e,index:t})).map(e=>{return t=e,q.includes(t.type.toString())?t.children:t;var t}))});const p=this.componentData||{},g=a.append([],r.cast(p.class),r.cast(this.$attrs.class)),m=Object.assign(Object.assign({},t.parse(r.cast(p.style))||{}),t.parse(r.cast(this.$attrs.style))||{});p.class=g,p.style=m;const f=Object.assign(Object.assign({},this.$attrs),{list:e,itemKey:this.itemKey,group:this.group,clone:this.clone,tag:this.tag,componentData:p,sort:this.sort,direction:this.direction,swapThreshold:this.swapThreshold,invertSwap:this.invertSwap,invertedSwapThreshold:this.invertedSwapThreshold,animation:this.animation,disabled:this.disabled,move:this.move,onStart:this.onStart,onEnd:this.onEnd,onChange:this.onChange,dragoverBubble:!1,filter:this.draggableFilter,ref:"origin",class:g,style:m});return l=this.tag,["transition-group","TransitionGroup"].includes(l)||(f.onDrop=this.onDrop),d(v,f,{header:s,footer:c,item:({index:e})=>u[e]})}var l;return d("div")}});G.__file="src/component/oio-draggable/oio-draggable.vue",function(e){e.click="click"}(X||(X={}));const U=Symbol("OioTableContext"),Z=e=>{p(U,e)},J=()=>g(U);var Q,ee,te,oe,ne,le,ie,ae,re,se,ce;!function(e){e.left="left",e.right="right"}(Q||(Q={})),function(e){e.left="left",e.center="center",e.right="right"}(ee||(ee={})),function(e){e.large="large",e.middle="middle",e.small="small"}(te||(te={})),function(e){e.default="default",e.full="full",e.outer="outer",e.inner="inner",e.none="none"}(oe||(oe={})),function(e){e.ellipsis="ellipsis",e.title="title",e.tooltip="tooltip"}(ne||(ne={})),function(e){e.cell="cell",e.row="row"}(le||(le={})),function(e){e.manual="manual",e.click="click",e.dblclick="dblclick"}(ie||(ie={})),function(e){e.table="table",e.row="row",e.column="column",e.cell="cell"}(ae||(ae={})),function(e){e.manual="manual",e.auto="auto"}(re||(re={})),function(e){e.left="left",e.right="right",e.all="all"}(se||(se={})),function(e){e.click="click",e.dblclick="dblclick"}(ce||(ce={}));const de={size:{type:String},resizable:{type:Boolean,default:void 0},autoResize:{type:Boolean,default:!1},height:{type:[String,Number]},border:{type:[Boolean,String],default:void 0},stripe:{type:Boolean,default:void 0},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},rowStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},cellStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},customConfig:{type:Object}},ue=Object.assign(Object.assign({},o),{data:{type:Array},showOverflow:{type:[Boolean,String],default:void 0},showHeaderOverflow:{type:[Boolean,String],default:void 0},showFooterOverflow:{type:[Boolean,String],default:void 0},emptyText:{type:String,default:""},emptyImage:{type:String,default:void 0},rowConfig:{type:Object},columnConfig:{type:Object},sortConfig:{type:Object},radioConfig:{type:Object},checkboxConfig:{type:Object},tooltipConfig:{type:Object},expandConfig:{type:Object},editConfig:{type:Object},treeConfig:{type:Object},scrollX:{type:Object},scrollY:{type:Object},showFooter:{type:Boolean,default:void 0},footerMethod:{type:Function},spanMethod:{type:Function},mergeCells:{type:Array}}),pe=Object.assign(Object.assign(Object.assign({},de),ue),e),ge="oio";class VxeTableHelper{static getFlatAllColumns(e){const t=[];for(const o of e){const{children:e}=o;e?t.push(...VxeTableHelper.getFlatAllColumns(e)):t.push(o)}return t}static getKey(e){return e.__draftId||e[H]}}const me={onCellClick:"cell-click",onCellDblclick:"cell-dblclick",onHeaderCellClick:"header-cell-click",onHeaderCellDblclick:"header-cell-dblclick",onFooterCellClick:"footer-cell-click",onFooterCellDblclick:"footer-cell-dblclick",onToggleRowExpand:"toggle-row-expand",onEditActived:"edit-actived",onEditClosed:"edit-closed",onEditDisabled:"edit-disabled",onScroll:"scroll",onCurrentChange:"current-change",onResizableChange:"resizable-change",onKeydown:"keydown"};var fe=c({name:"OioTable",components:{VxeTable:x,VxeColumn:w,OioSpin:E},inheritAttrs:!1,props:Object.assign({},pe),emits:["sort-change","checked-change","checked-all-change","radio-change",...Object.values(me)],setup(e,t){const o=u(),n=m(()=>{if(null!=e.size)switch(e.size){case te.large:return"medium";case te.middle:return"small";case te.small:return"mini"}}),l={};Object.entries(me).forEach(([e,o])=>{l[e]=(...e)=>{t.emit(o,...e)}});const i=(e,o)=>{const n={row:o.row,rowIndex:o.rowIndex,column:{field:o.column.field},columnIndex:o.columnIndex,editableMap:{},submit:!0,origin:o};t.emit(e,n)},a={getOrigin:()=>o.value,setCurrentRow:e=>o.value.setCurrentRow(e),clearCurrentRow:()=>o.value.clearCurrentRow(),setCheckboxRow:(e,t)=>o.value.setCheckboxRow(e,t),clearCheckboxRow:()=>o.value.clearCheckboxRow(),resetCheckboxRow:e=>(o.value.clearCheckboxRow(),o.value.setCheckboxRow(e,!0)),setRadioRow:e=>o.value.setRadioRow(e),clearRadioRow:()=>o.value.clearRadioRow(),getAllColumns:()=>o.value.getTableColumn().collectColumn,refreshColumn:()=>o.value.refreshColumn(),updateFooter:()=>o.value.updateFooter(),loadColumns:e=>o.value.loadColumn(e),reloadColumns:e=>o.value.reloadColumn(e),getTableData:e=>o.value.getTableData().tableData[e],setEditRow:e=>o.value.setEditRow(e),getActiveEditorRecord(){const e=o.value.getEditRecord();if(!e)return;const{row:t,rowIndex:n}=e;return{key:VxeTableHelper.getKey(t),data:t,index:n,origin:e}},activeCellEditor:(e,t)=>o.value.setEditCell(e,t),clearEditor:()=>o.value.clearActived(),recalculate:e=>o.value.recalculate(e),allRowExpand:()=>o.value.setAllRowExpand(!0),clearAllRowExpand:()=>o.value.clearRowExpand(),setRowExpand:(e,t)=>o.value.setRowExpand(e,t),getSortColumns:()=>o.value.getSortColumns(),clearSort:e=>o.value.clearSort(e),sort:e=>o.value.sort(e),insert:(e,t)=>null==t?o.value.insert(e):o.value.insertAt(e,t),isInsertByRow:e=>o.value.isInsertByRow(e),removeInsertRow:()=>o.value.removeInsertRow()};return t.expose(a),Z(a),{vxeTable:o,size:n,onEvents:l,onSortChange:e=>{const{field:o,sortList:n,column:l}=e;let{order:i}=e;const a=n.map(e=>({origin:e,field:e.field,direction:e.order,sortTime:e.sortTime}));if(!i){const e=null==n?void 0:n.find(e=>e.field===o);e&&(l.order=e.order,i=e.order)}let r;r=i?{origin:e,field:o,direction:i,sorts:a}:{origin:e,field:o,direction:!1,sorts:a},t.emit("sort-change",r)},onCheckedChange:e=>{const{checked:o,record:n,records:l}=e,i={checked:o,record:n,records:l,origin:e};t.emit("checked-change",i)},onCheckedAllChange:e=>{const{checked:o,record:n,records:l}=e,i={checked:o,record:n,records:l,origin:e};t.emit("checked-all-change",i)},onRadioChange:e=>{const{oldValue:o,newValue:n}=e,l={oldRecord:o,newRecord:n,origin:e};t.emit("radio-change",l)},onEditActived:e=>{i("edit-actived",e)},onEditClosed:e=>{i("edit-closed",e)}}},render(){const{$attrs:e,$slots:t,autoResize:o,size:n,resizable:l,height:i,border:r,stripe:s,rowClassName:c,cellClassName:u,headerRowClassName:p,headerCellClassName:g,footerRowClassName:m,footerCellClassName:f,rowStyle:b,headerRowStyle:h,cellStyle:C,headerCellStyle:v,loading:y,loadingIndicator:w,wrapperClassName:O,emptyImage:S,emptyText:k,data:j,showOverflow:F,showHeaderOverflow:A,showFooterOverflow:I,rowConfig:B,columnConfig:$,sortConfig:_,radioConfig:D,checkboxConfig:P,tooltipConfig:H,expandConfig:z,editConfig:K,treeConfig:M,customConfig:L,scrollX:V,scrollY:Y,showFooter:W,footerMethod:q,spanMethod:X,mergeCells:G,componentData:U,onEvents:Z,onSortChange:J,onCheckedChange:Q,onCheckedAllChange:ee,onRadioChange:te,onEditActived:oe,onEditClosed:ne}=this,{default:le,header:ie,footer:ae}=N.collectionSlots(t,[{origin:"default",isNotNull:!0},{origin:"header"},{origin:"footer"}]),re=[];ie&&re.push(d("div",{class:`${ge}-table-header`},ie())),re.push(d("div",{class:`${ge}-table-content-wrapper`},[d("div",{class:`${ge}-table-content`},[d(x,Object.assign(Object.assign(Object.assign(Object.assign({autoResize:o},U||{}),{ref:"vxeTable",size:n,resizable:l,height:i,border:r,stripe:s,rowClassName:c,cellClassName:u,headerRowClassName:p,headerCellClassName:g,footerRowClassName:m,footerCellClassName:f,rowStyle:b,headerRowStyle:h,cellStyle:C,headerCellStyle:v,data:j,showOverflow:F,showHeaderOverflow:A,showFooterOverflow:I,rowConfig:B,columnConfig:$,sortConfig:_,radioConfig:D,checkboxConfig:P,tooltipConfig:H,expandConfig:z,editConfig:K,treeConfig:M,customConfig:L,scrollX:V,scrollY:Y,showFooter:W,footerMethod:q,spanMethod:X,mergeCells:G}),Z),{onSortChange:J,onCheckboxChange:Q,onCheckboxAll:ee,onRadioChange:te,onEditActived:oe,onEditClosed:ne}),{default:le,empty:()=>[d(R,{description:k,image:S})]})])])),ae&&re.push(d("div",{class:`${ge}-table-footer`},ae()));const se=d("div",N.collectionBasicProps(e,[`${ge}-table`]),re);return T(y)?se:d(E,{class:"default-table-view-spin",loading:y,loadingIndicator:w,wrapperClassName:a.append([`${ge}-table-wrapper`],O)},{default:()=>[se]})}});fe.__file="src/component/oio-table/table/oio-table.vue",y.use(S),y.use(k);const be={width:{type:[String,Number]},minWidth:{type:[String,Number]},label:{type:String},className:{type:[String,Function]},headerClassName:{type:[String,Function]},footerClassName:{type:[String,Function]},align:{type:String},headerAlign:{type:String},footerAlign:{type:String},fixed:{type:[String,Boolean],default:void 0},invisible:{type:Boolean,default:!1},resizable:{type:Boolean,default:void 0},treeNode:{type:Boolean,default:void 0}},he={editable:{type:Boolean,default:!1},cellEditable:{type:[Boolean,Function],default:void 0},editorTrigger:{type:String,default:ie.manual},editorMode:{type:String,default:ae.cell},editorCloseTrigger:{type:String,default:re.manual},editRender:{type:Object},rowEditorClosedByEnter:{type:Function},rowEditorClosedByCancel:{type:Function},editorConfirm:{type:[String,Function]},editorConfirmPosition:{type:[String,Function]},editorCondition:{type:Function},editorEnterText:{type:[String,Function]},editorCancelText:{type:[String,Function]}},Ce={type:{type:String},field:{type:String},invisibleContent:{type:[Boolean,Function],default:void 0},sortable:{type:Boolean,default:void 0}},ve={renderGroupCellSlot:{type:Function},renderDefaultSlot:{type:Function},renderEditSlot:{type:Function},renderContentSlot:{type:Function},renderHeaderSlot:{type:Function},dynamicRenderDefaultSlot:{type:Function}},ye=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},be),he),Ce),ve),e);function we(e,t,o,n){return new(o||(o=Promise))(function(l,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function r(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?l(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(a,r)}s((n=n.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const xe=`${ge}-column`,Oe={default:"renderDefaultSlot",edit:"renderEditSlot",content:"renderContentSlot",header:"renderHeaderSlot"};function Se(e,t){return a.append([xe],e,t)}function ke(e,t){return null==t?t:$(t)?t(e):t}var Ee=c({name:"OioColumn",components:{Column:w},inheritAttrs:!1,props:Object.assign({},ye),setup(e,o){const n=J(),i=m(()=>{if(!T(e.width))return t.px(e.width)}),a=m(()=>{if(!T(e.minWidth))return t.px(e.minWidth)}),r=m(()=>{const t=e.fixed;if(!T(t)&&!A(t))return t}),s=t=>we(this,void 0,void 0,function*(){var o;let l=yield null===(o=e.rowEditorClosedByEnter)||void 0===o?void 0:o.call(e,t);null==l&&(l=!0),l&&(null==n||n.clearEditor())}),c=t=>we(this,void 0,void 0,function*(){var o;let l=yield null===(o=e.rowEditorClosedByCancel)||void 0===o?void 0:o.call(e,t);null==l&&(l=!0),l&&(null==n||n.clearEditor())}),u=t=>{let o=e.invisibleContent;return null!=o&&($(o)&&(o=o(t)||!1),o||!1)},p=(e,t)=>{const o=[d("div",{class:`${xe}-content`},t)];return o.push(d("div",{class:`${xe}-editable-handle`},[d(l,{icon:"oinone-chart-tree-edit",color:"var(--oio-default-icon-color)",onClick:C(()=>(e=>{const{origin:t}=e;null==n||n.activeCellEditor(t.row,t.column)})(e),["stop","prevent"])})])),o};let g;const v=e.renderDefaultSlot||o.slots.default;v&&(g=t=>{var o;const n=[`${xe}-wrapper`];let l=v(t)||[];return"seq"===e.type?l.length||(l=[d("span",{},null===(o=t.origin)||void 0===o?void 0:o.seq)]):e.editable&&e.editorTrigger===ie.manual&&e.editorMode===ae.cell&&function(e,t){if(null==t)return!0;if(A(t))return t;if($(t)){const o=t(e);if(null!=o)return!!o}return!0}(t,e.cellEditable)&&(l=p(t,l),n.push(`${xe}-manual-editor`)),l&&l.length||n.push(`${xe}-wrapper-empty`),[b(d("div",{class:n},l),[[h,!u(t)]])]});const y=t=>{if(e.editorConfirm)return ke(t,e.editorConfirmPosition)},w=t=>{if(e.editorConfirm)return ke(t,e.editorConfirm)},x=t=>{if(e.editorConfirm)return ke(t,e.editorEnterText)},O=t=>{if(e.editorConfirm)return ke(t,e.editorCancelText)},S=t=>we(this,void 0,void 0,function*(){var o;return!!e.editorConfirm&&(null===(o=e.editorCondition)||void 0===o?void 0:o.call(e,t))});let k;const E=e.renderEditSlot||o.slots.edit;return E&&(k=t=>{var o;const n=[`${xe}-wrapper`];let i=E(t)||[];return"seq"===e.type?i.length||(i=[d("span",{},null===(o=t.origin)||void 0===o?void 0:o.seq)]):e.editable&&e.editorMode===ae.cell&&e.editorCloseTrigger===re.manual&&(i=((e,t)=>{const o=[d("div",{class:`${xe}-content`},t)];return o.push(d("div",{class:`${xe}-complete-handle`},[d(j,{placement:y(e),text:w(e),enterText:x(e),cancelText:O(e),condition:()=>S(e),confirmCallback:()=>s(e)},{default:()=>[d(l,{icon:"oinone-lujing",color:"var(--oio-default-icon-color)"})]}),d(l,{icon:"oinone-guanbi1",color:"var(--oio-default-icon-color)",size:10,onClick:C(()=>c(e),["stop","prevent"])})])),o})(t,i),n.push(`${xe}-manual-editor`,`${xe}-editing`)),[d("div",{class:n},i)]}),f(()=>e.invisible,()=>{n&&I(()=>{n.refreshColumn()},50)()}),{width:i,minWidth:a,fixed:r,className:t=>{const o=[];if(!T(e.width)&&parseInt(_(e.width))<=0&&o.push(`${xe}-overflow-hidden`),e.align&&o.push(`col--${e.align}`),$(e.className)){const{row:n,rowIndex:l,columnIndex:i}=t;return Se(e.className({row:n,rowIndex:l,columnIndex:i,origin:t}),o)}return Se(e.className,o)},headerClassName:t=>{if($(e.headerClassName)){const{rowIndex:o,columnIndex:n}=t;return Se(e.headerClassName({row:{},rowIndex:o,columnIndex:n,origin:t}))}return Se(e.headerClassName)},footerClassName:t=>{if($(e.footerClassName)){const{rowIndex:o,columnIndex:n}=t;return Se(e.footerClassName({row:{},rowIndex:o,columnIndex:n,origin:t}))}return Se(e.footerClassName)},renderDefaultSlot:g,renderEditSlot:k}},render(){const{$attrs:e,$slots:t,type:o,label:l,headerAlign:i,footerAlign:a,width:r,minWidth:s,fixed:c,field:u,sortable:p,invisible:g,resizable:m,treeNode:f,editable:b,editRender:h,className:C,headerClassName:v,footerClassName:y,componentData:x}=this,O=Object.assign({},t);return Object.entries(Oe).forEach(([e,o])=>{const n=this[o]||t[e];n&&(O[e]=e=>function(e,t){const{rowid:o,row:n,rowIndex:l}=e,i=t({key:o,data:n,index:l,origin:e});return B(i)||A(i)?[d("span",{},i)]:i}(e,n))}),d(w,Object.assign(Object.assign(Object.assign({},n.collectionBasicProps(e)),x||{}),{type:o,title:l,headerAlign:i,footerAlign:a,width:r,minWidth:s,fixed:c,field:u,sortable:p,visible:!g,resizable:m,treeNode:f,editRender:Object.assign({enabled:b},h||{}),className:C,headerClassName:v,footerClassName:y}),O)}});function Ne(e){const{checked:t,indeterminate:o,disabled:n,disabledTitle:l}=e;let i,a=D.icon.TABLE_CHECKBOX_UNCHECKED;o?a=D.icon.TABLE_CHECKBOX_INDETERMINATE:t&&(a=D.icon.TABLE_CHECKBOX_CHECKED);const r=d("span",{class:["vxe-checkbox--icon",a]});return i=n&&l?d(F,{title:l},{default:()=>[r]}):r,i}function Re(e){const{$table:t,row:o,column:n,isHidden:l,checked:i,disabled:a,disabledTitle:r,visible:s,indeterminate:c}=e,u={};l||(u.onClick=o=>{!a&&s&&t.triggerCheckRowEvent(o,e,!i)});const p=[];s&&p.push(Ne(e));const{computeCheckboxOpts:g}=t.getComputeMaps(),m=g.value,{labelField:f}=m,{slots:b}=n,h=b?b.default:null;let C;return h?C=t.callSlot(h,e):f&&(C=P.get(o,f)),C&&p.push(d("span",{class:"vxe-checkbox--label"},C)),d("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":i,"is--disabled":a,"is--indeterminate":c}]},u),p)}function je(e){const{$table:t,column:o,isHidden:n,checked:l,disabled:i,indeterminate:a}=e,r={};n||(r.onClick=e=>{i||t.triggerCheckAllEvent(e,!l)});const s=[Ne(e)],{slots:c}=o,u=c?c.title:null,p=o.getTitle();let g;return u?g=t.callSlot(u,e):p&&(g=p),g&&s.push(d("span",{class:"vxe-checkbox--label"},g)),d("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":l,"is--disabled":i,"is--indeterminate":a}],title:D.i18n("vxe.table.allTitle")},r),s)}Ee.__file="src/component/oio-table/column/oio-column.vue";const Fe={field:{type:String}},Te=Object.assign(Object.assign(Object.assign({},be),Fe),e),Ae=`${ge}-colgroup`;var Ie=c({name:"OioColgroup",components:{VxeColgroup:O},inheritAttrs:!1,props:Object.assign({},Te),setup:e=>({headerAlign:m(()=>null==e.headerAlign?ee.center:e.headerAlign)}),render(){const{$attrs:e,$slots:t,label:o,align:l,headerAlign:i,width:a,minWidth:r,fixed:s,field:c,invisible:u,className:p,headerClassName:g,footerClassName:m,componentData:f}=this;return d(O,Object.assign(Object.assign(Object.assign({},n.collectionBasicProps(e,[Ae])),f||{}),{title:o,align:l,headerAlign:i,width:a,minWidth:r,fixed:s,field:c,visible:!u,className:p,headerClassName:g,footerClassName:m}),t)}});Ie.__file="src/component/oio-table/colgroup/oio-colgroup.vue";export{ee as ColumnAlignType,Q as ColumnFixedType,L as DraggableDirection,M as EventCallbackProps,z as GROUP_TREE_KEY,Ie as OioColgroup,Fe as OioColgroupControlProps,Te as OioColgroupProps,Ee as OioColumn,be as OioColumnAppearanceProps,Ce as OioColumnControlProps,he as OioColumnEditorProps,ye as OioColumnProps,ve as OioColumnRenderFunctionProps,G as OioDraggable,Y as OioDraggableProps,fe as OioTable,de as OioTableAppearanceProps,ue as OioTableControlProps,pe as OioTableProps,X as OioTableScope,oe as TableBorder,re as TableEditorCloseTrigger,ae as TableEditorMode,ie as TableEditorTrigger,se as TableFixed,ne as TableOverflow,ce as TableRowClickMode,le as TableSelectTrigger,te as TableSize,H as VXE_TABLE_X_ID,V as VuedraggableProps,VxeTableHelper,K as defaultDraggableItemProperties,J as useInjectOioTableInstance,Z as useProviderOioTableInstance,Re as useVxeCheckboxCell,je as useVxeCheckboxHeader};
|
|
1
|
+
import{OioComponentData as e,StyleHelper as t,OioSpinProps as n,PropRecordHelper as o,OioIcon as i}from"@oinone/kunlun-vue-ui-common";import{Optional as l,StringHelper as a,CastHelper as r,DomHelper as s}from"@oinone/kunlun-shared";import{defineComponent as d,createVNode as c,ref as u,resolveComponent as h,TransitionGroup as p,nextTick as g,h as m,reactive as f,computed as b,provide as v,toRef as C,watch as y,onMounted as w,onUnmounted as x,inject as S,withDirectives as O,vShow as R,withModifiers as E}from"vue";import k from"vuedraggable";import N from"sortablejs";import j,{Column as F,Table as D,Colgroup as T}from"vxe-table";import z from"vxe-table-plugin-antd";import I from"vxe-table-plugin-element";import"vxe-table/lib/style.min.css";import"vxe-table-plugin-antd/dist/style.min.css";import"vxe-table-plugin-element/dist/style.min.css";import{OioSpin as $,PropRecordHelper as H,OioEmptyData as _,OioPopconfirm as A,OioTooltip as L}from"@oinone/kunlun-vue-ui-antd";import{isNil as M,isBoolean as B,debounce as P,isString as W,isFunction as V,toString as K}from"lodash-es";import Y from"vxe-table/es/v-x-e-table/src/conf.js";import q from"xe-utils";const U="_X_ROW_KEY",X={CHILDREN_KEY:"CHILDREN_KEY",PROPS_KEY:"PROPS_KEY",IS_LEAF_KEY:"IS_LEAF_KEY"},G={itemKeyProps:"id",valueProps:"elements",cloneProps:"clone",groupProps:"group",addedCallbackProps:"addedCallback",movedCallbackProps:"movedCallback",removedCallbackProps:"removedCallback",moveToSelfCallbackProps:"moveToSelfCallback",moveToOtherCallbackProps:"moveToOtherCallback"},Z={startCallback:{type:Function},endCallback:{type:Function},addedCallback:{type:Function},movedCallback:{type:Function},removedCallback:{type:Function},moveToSelfCallback:{type:Function},moveToOtherCallback:{type:Function}};var J;!function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(J||(J={}));const Q={list:{type:Array,required:!0},itemKey:{type:[String,Function],required:!0},group:{type:[String,Object]},clone:{type:Function},tag:{type:String,default:"div"},sort:{type:Boolean,default:!0},direction:{type:String},swapThreshold:{type:Number},invertSwap:{type:Boolean,default:!1},invertedSwapThreshold:{type:Number},animation:{type:Number,default:150},delay:{type:Number},disabled:{type:Boolean,default:!1}},ee=Object.assign(Object.assign(Object.assign(Object.assign({},Q),Z),e),{disableAdd:{type:Boolean,default:!1},disableMove:{type:Boolean,default:!1},filter:{type:Function},draggableFilter:{type:[String,Function]},mapper:{type:Function}});function te(e){return e.__draggable_component__}const ne=["Symbol(Fragment)"];var oe=d({name:"OioDraggable",components:{draggable:k},inheritAttrs:!1,props:Object.assign({},ee),emits:["change"],setup(e,{emit:t}){const n=u(),o=u(),i=u(),a=()=>{i.value=void 0};return{origin:n,move:(t,n)=>{var a,r;const d=n.target,c=s.getClientRect(d),u=i.value;if(u&&s.clientRectEquals(u.clientRect,c))return u.result;let h;return h=t.from===t.to?null===(a=e.moveToSelfCallback)||void 0===a?void 0:a.call(e,t,n):!l.ofNullable(function(e){return l.ofNullable(e.relatedContext).map(e=>e.component).map(e=>e.$parent).orElse(void 0)}(t)).map(e=>e.disableAdd).orElse(!1)&&(null===(r=e.moveToOtherCallback)||void 0===r?void 0:r.call(e,t,n)),!1===h?o.value&&(o.value=void 0):o.value={sendEvent:t,originalEvent:n},i.value={dom:d,clientRect:c,result:h},h},onStart:t=>{a();const n=e.startCallback;if(!n)return;const{oldIndex:o}=t;l.ofNullable(e.list).map(e=>e[o]).ifPresent(e=>{n({element:e,index:o})})},onEnd:t=>{a();const n=e.endCallback;if(!n)return;const{oldIndex:o,newIndex:i,from:r,to:s}=t;l.ofNullable(e.list).map(e=>e[o]).ifPresent(e=>{n({fromComponent:te(r),oldElement:e,oldIndex:o,toComponent:te(s),newIndex:i})})},onChange:o=>{var i,l,a;const{added:r,moved:s,removed:d}=o;r&&e.addedCallback&&e.addedCallback(Object.assign(Object.assign({},r),{component:null===(i=n.value)||void 0===i?void 0:i.$parent})),s&&e.movedCallback&&e.movedCallback(Object.assign(Object.assign({},s),{component:null===(l=n.value)||void 0===l?void 0:l.$parent})),d&&e.removedCallback&&e.removedCallback(Object.assign(Object.assign({},d),{component:null===(a=n.value)||void 0===a?void 0:a.$parent})),t("change",o)},onDrop:e=>{e.preventDefault(),e.stopPropagation()}}},render(){const{list:e,$slots:n}=this,{item:o}=n;if(e&&o){const[s,d]=["header","footer"].map(e=>n[e]||(()=>[])),u=[];e.forEach((e,t)=>{let n=!0;this.filter&&(n=this.filter(e,t)),n&&u.push(o(l.ofNullable(this.mapper).map(n=>n({element:e,index:t})).orElse({element:e,index:t})).map(e=>{return t=e,ne.includes(t.type.toString())?t.children:t;var t}))});const h=this.componentData||{},p=a.append([],r.cast(h.class),r.cast(this.$attrs.class)),g=Object.assign(Object.assign({},t.parse(r.cast(h.style))||{}),t.parse(r.cast(this.$attrs.style))||{});h.class=p,h.style=g;const m=Object.assign(Object.assign({},this.$attrs),{list:e,itemKey:this.itemKey,group:this.group,clone:this.clone,tag:this.tag,componentData:h,sort:this.sort,direction:this.direction,swapThreshold:this.swapThreshold,invertSwap:this.invertSwap,invertedSwapThreshold:this.invertedSwapThreshold,animation:this.animation,disabled:this.disabled,move:this.move,onStart:this.onStart,onEnd:this.onEnd,onChange:this.onChange,dragoverBubble:!1,filter:this.draggableFilter,ref:"origin",class:p,style:g});return i=this.tag,["transition-group","TransitionGroup"].includes(i)||(m.onDrop=this.onDrop),c(k,m,{header:s,footer:d,item:({index:e})=>u[e]})}var i;return c("div")}});oe.__file="src/component/oio-draggable/oio-draggable.vue";const ie=/-(\w)/g,le=function(e){const t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}(e=>e.replace(ie,(e,t)=>t.toUpperCase())),ae=["Start","Add","Remove","Update","End"],re=["Choose","Unchoose","Sort","Filter","Clone"],se=["Move"],de=[se,ae,re].flatMap(e=>e).map(e=>`on${e}`),ce={manage:se,manageAndEmit:ae,emit:re};const ue=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function he(e){return["id","class","role","style"].includes(e)||e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("on")}function pe(e){return e.reduce((e,[t,n])=>(e[t]=n,e),{})}function ge(e){return Object.entries(e).filter(([e,t])=>!he(e)).map(([e,t])=>[le(e),t]).filter(([e,t])=>{return n=e,!(-1!==de.indexOf(n));var n})}const me=({el:e})=>e,fe=e=>e.__draggable_context;class ComponentStructure{constructor({nodes:e,root:t,realList:n}){const{header:o,default:i,footer:l}=e;this.nodes=e,this.children=[...o,...i,...l],this.externalComponent=t.externalComponent,this.rootTransition=t.transition,this.tag=t.tag,this.realList=n}get _isRootComponent(){return this.externalComponent||this.rootTransition}render(e,t){const{tag:n,children:o,_isRootComponent:i}=this;return e(n,t,i?{default:()=>o}:o)}updated(){const{nodes:e,realList:t}=this;e.default.forEach((e,n)=>{var o,i;o=me(e),i={element:t[n],index:n},o.__draggable_context=i})}getUnderlyingVm(e){return fe(e)}getVmIndexFromDomIndex(e,t){const{nodes:n}=this,{length:o}=n.default,i=t.children,l=i.item(e);if(null===l)return o;const a=fe(l);if(a)return a.index;if(0===o)return 0;const r=me(n.default[0]),s=[...i].findIndex(e=>e===r);return e<s?0:o}}function be(e){const t=["transition-group","TransitionGroup"].includes(e);const n=!function(e){return ue.includes(e)}(e)&&!t;return{transition:t,externalComponent:n,tag:n?h(e):t?p:e}}function ve({$slots:e,tag:t,realList:n,getKey:o}){const i=function({$slots:e,realList:t,getKey:n}){const o=t||[],[i,l]=["header","footer"].map(t=>function(e,t){const n=e[t];return n?n():[]}(e,t)),{item:a}=e;if(!a)throw new Error("draggable element must have an item slot");const r=o.flatMap((e,t)=>a({element:e,index:t}).map(t=>(t.key=n(e),t.props={...t.props||{},"data-draggable":!0},t)));if(r.length!==o.length)throw new Error("Item slot must have only one child");return{header:i,footer:l,default:r}}({$slots:e,realList:n,getKey:o}),l=be(t);return new ComponentStructure({nodes:i,root:l,realList:n})}const Ce="undefined"!=typeof window?window.console:global.console;function ye(e){null!==e.parentElement&&e.parentElement.removeChild(e)}function we(e,t,n){const o=0===n?e.children[0]:e.children[n-1].nextSibling;e.insertBefore(t,o)}function xe(e,t){g(()=>this.$emit(e.toLowerCase(),t))}function Se(e){return(t,n)=>{if(null!==this.realList)return this[`onDrag${e}`](t,n)}}function Oe(e){const t=Se.call(this,e);return(n,o)=>{t.call(this,n,o),xe.call(this,e,n)}}let Re=null;const Ee=d({name:"VueDraggable",inheritAttrs:!1,props:{list:{type:Array,required:!1,default:null},modelValue:{type:Array,required:!1,default:null},itemKey:{type:[String,Function],required:!0},clone:{type:Function,default:e=>e},tag:{type:String,default:"div"},move:{type:Function,default:null},componentData:{type:Object,required:!1,default:null}},emits:["update:modelValue","change",...[...ce.manageAndEmit,...ce.emit].map(e=>e.toLowerCase())],data:()=>({error:!1}),render(){try{this.error=!1;const{$slots:e,$attrs:t,tag:n,componentData:o,realList:i,getKey:l}=this,a=ve({$slots:e,tag:n,realList:i,getKey:l});this.componentStructure=a;const r=function({$attrs:e,componentData:t={}}){return{...pe(Object.entries(e).filter(([e,t])=>he(e))),...t}}({$attrs:t,componentData:o});return a.render(m,r)}catch(e){return this.error=!0,m("pre",{style:{color:"red"}},e.stack)}},created(){null!==this.list&&null!==this.modelValue&&Ce.error("modelValue and list props are mutually exclusive! Please set one or another.")},mounted(){if(this.error)return;const{$attrs:e,$el:t,componentStructure:n}=this;n.updated();const o=function({$attrs:e,callBackBuilder:t}){const n=pe(ge(e));Object.entries(t).forEach(([e,t])=>{ce[e].forEach(e=>{n[`on${e}`]=t(e)})});const o=`[data-draggable]${n.draggable||""}`;return{...n,draggable:o}}({$attrs:e,callBackBuilder:{manageAndEmit:e=>Oe.call(this,e),emit:e=>xe.bind(this,e),manage:e=>Se.call(this,e)}}),i=1===t.nodeType?t:t.parentElement;this._sortable=new N(i,o),this.targetDomElement=i,i.__draggable_component__=this},updated(){this.componentStructure.updated()},beforeUnmount(){void 0!==this._sortable&&this._sortable.destroy()},computed:{realList(){const{list:e}=this;return e||this.modelValue},getKey(){const{itemKey:e}=this;return"function"==typeof e?e:t=>t[e]}},watch:{$attrs:{handler(e){const{_sortable:t}=this;t&&ge(e).forEach(([e,n])=>{t.option(e,n)})},deep:!0}},methods:{getUnderlyingVm(e){return this.componentStructure.getUnderlyingVm(e)||null},getUnderlyingPotencialDraggableComponent:e=>e.__draggable_component__,emitChanges(e){g(()=>this.$emit("change",e))},alterList(e){if(this.list)return void e(this.list);const t=[...this.modelValue];e(t),this.$emit("update:modelValue",t)},spliceList(){this.alterList(e=>e.splice(...arguments))},updatePosition(e,t){this.alterList(n=>n.splice(t,0,n.splice(e,1)[0]))},getRelatedContextFromMoveEvent({to:e,related:t}){const n=this.getUnderlyingPotencialDraggableComponent(e);if(!n)return{component:n};const o=n.realList,i={list:o,component:n};if(e!==t&&o){return{...n.getUnderlyingVm(t)||{},...i}}return i},getVmIndexFromDomIndex(e){return this.componentStructure.getVmIndexFromDomIndex(e,this.targetDomElement)},onDragStart(e){this.context=this.getUnderlyingVm(e.item),e.item._underlying_vm_=this.clone(this.context.element),Re=e.item},onDragAdd(e){const t=e.item._underlying_vm_;if(void 0===t)return;ye(e.item);const n=this.getVmIndexFromDomIndex(e.newIndex);this.spliceList(n,0,t);const o={element:t,newIndex:n};this.emitChanges({added:o})},onDragRemove(e){if(we(this.$el,e.item,e.oldIndex),"clone"===e.pullMode)return void ye(e.clone);const{index:t,element:n}=this.context;this.spliceList(t,1);const o={element:n,oldIndex:t};this.emitChanges({removed:o})},onDragUpdate(e){ye(e.item),we(e.from,e.item,e.oldIndex);const t=this.context.index,n=this.getVmIndexFromDomIndex(e.newIndex);this.updatePosition(t,n);const o={element:this.context.element,oldIndex:t,newIndex:n};this.emitChanges({moved:o})},computeFutureIndex(e,t){if(!e.element)return 0;const n=[...t.to.children].filter(e=>"none"!==e.style.display),o=n.indexOf(t.related),i=e.component.getVmIndexFromDomIndex(o);return-1!==n.indexOf(Re)||!t.willInsertAfter?i:i+1},onDragMove(e,t){const{move:n,realList:o}=this;if(!n||!o)return!0;const i=this.getRelatedContextFromMoveEvent(e),l=this.computeFutureIndex(i,e),a={...this.context,futureIndex:l};return n({...e,relatedContext:i,draggedContext:a},t)},onDragEnd(){Re=null}}}),ke=["tl","tm","tr","ml","mr","bl","bm","br"],Ne=Symbol("VueDraggableResizable");function je(e){const t=window.getComputedStyle(e);return{width:parseFloat(t.getPropertyValue("width")),height:parseFloat(t.getPropertyValue("height"))}}function Fe(e){return(t,n,o)=>{t&&("string"==typeof n&&(n=[n]),n.forEach(n=>t[e](n,o,{passive:!1})))}}const De=Fe("addEventListener"),Te=Fe("removeEventListener");function ze(e){if(e&&e.length>0){const t=[];return e.forEach(e=>{ke.includes(e)&&!t.includes(e)&&t.push(e)}),t}return[]}var Ie=d({name:"VueDraggableContainer",props:{disabled:{type:Boolean,default:!1},adsorbParent:{type:Boolean,default:!0},adsorbCols:{type:Array,default:null},adsorbRows:{type:Array,default:null},referenceLineVisible:{type:Boolean,default:!0},referenceLineColor:{type:String,default:"#f00"}},setup(e){const t=f({}),n=f({matchedLine:null}),o=b(()=>n.matchedLine&&n.matchedLine.row||[]),i=b(()=>n.matchedLine&&n.matchedLine.col||[]);return v("identity",Ne),v("updatePosition",(e,n)=>{t[e]=n}),v("getPositionStore",e=>{const n=Object.assign({},t);return e&&delete n[e],n}),v("setMatchedLine",e=>{n.matchedLine=e}),v("disabled",C(e,"disabled")),v("adsorbParent",C(e,"adsorbParent")),v("adsorbCols",e.adsorbCols||[]),v("adsorbRows",e.adsorbRows||[]),{matchedRows:o,matchedCols:i}},methods:{renderReferenceLine(){return this.referenceLineVisible?[...this.matchedCols.map(e=>m("div",{style:{width:"0",height:"100%",top:"0",left:e+"px",borderLeft:`1px dashed ${this.referenceLineColor}`,position:"absolute"}})),...this.matchedRows.map(e=>m("div",{style:{width:"100%",height:"0",left:"0",top:e+"px",borderTop:`1px dashed ${this.referenceLineColor}`,position:"absolute"}}))]:[]}},render(){return m("div",{style:{width:"100%",height:"100%",position:"relative"}},[this.$slots.default&&this.$slots.default(),...this.renderReferenceLine()])}});function $e(e){const t=u(e);return[t,e=>(t.value=e,e)]}Ie.__file="src/component/oio-draggable-resizable/override/VueDraggableContainer.vue";const He=["mousedown","touchstart"],_e=["mouseup","touchend"],Ae=["mousemove","touchmove"];function Le(e){return"touches"in e?[e.touches[0].pageX,e.touches[0].pageY]:[e.pageX,e.pageY]}function Me(e,t,n,o,i,l,a){const{left:r,top:s,width:d,height:c,dragging:u,id:h}=t,{setDragging:p,setEnable:g,setResizing:m,setResizingHandle:f}=t,{setTop:b,setLeft:v}=n;let C=0,S=0,O=0,R=0,E=null;const k=document.documentElement,N=t=>{var n;const o=t.target;(null===(n=e.value)||void 0===n?void 0:n.contains(o))||(g(!1),p(!1),m(!1),f(""))},j=()=>{p(!1),Te(k,_e,j),Te(k,Ae,F),E=null,l&&(l.updatePosition(h,{x:r.value,y:s.value,w:d.value,h:c.value}),l.setMatchedLine(null))},F=t=>{if(t.preventDefault(),!u.value||!e.value)return;const[n,o]=Le(t);let a=C+(n-O),r=S+(o-R);if(null!==E){const e={col:[a,a+d.value/2,a+d.value],row:[r,r+c.value/2,r+c.value]},t={row:e.row.map((e,t)=>{let n=null;return Object.values(E.row).forEach(t=>{e>=t.min&&e<=t.max&&(n=t.value)}),null!==n&&(0===t?r=n:1===t?r=Math.floor(n-c.value/2):2===t&&(r=Math.floor(n-c.value))),n}).filter(e=>null!==e),col:e.col.map((e,t)=>{let n=null;return Object.values(E.col).forEach(t=>{e>=t.min&&e<=t.max&&(n=t.value)}),null!==n&&(0===t?a=n:1===t?a=Math.floor(n-d.value/2):2===t&&(a=Math.floor(n-d.value))),n}).filter(e=>null!==e)};l.setMatchedLine(t)}i("dragging",{x:v(a),y:b(r)})},D=e=>{o.value&&(p(!0),C=r.value,S=s.value,O=Le(e)[0],R=Le(e)[1],De(k,Ae,F),De(k,_e,j),l&&!l.disabled.value&&(E=function(e,t,n){if(e.disabled.value)return null;const o={row:[],col:[]},{parentWidth:i,parentHeight:l}=t;o.row.push(...e.adsorbRows),o.col.push(...e.adsorbCols),e.adsorbParent.value&&(o.row.push(0,l.value,l.value/2),o.col.push(0,i.value,i.value/2));const a=e.getPositionStore(n);return Object.values(a).forEach(({x:e,y:t,w:n,h:i})=>{o.row.push(t,t+i,t+i/2),o.col.push(e,e+n,e+n/2)}),{row:o.row.reduce((e,t)=>Object.assign(Object.assign({},e),{[t]:{min:t-5,max:t+5,value:t}}),{}),col:o.col.reduce((e,t)=>Object.assign(Object.assign({},e),{[t]:{min:t-5,max:t+5,value:t}}),{})}}(l,a,h)))};return y(u,(e,t)=>{!t&&e?(i("drag-start",{x:r.value,y:s.value}),g(!0),p(!0)):(i("drag-end",{x:r.value,y:s.value}),p(!1))}),w(()=>{const t=e.value;t&&(t.style.left=r+"px",t.style.top=s+"px",De(k,He,N),De(t,He,D))}),x(()=>{e.value&&(Te(k,He,N),Te(k,_e,j),Te(k,Ae,F))}),{containerRef:e}}var Be,Pe=d({name:"VueDraggableResizable",props:{initW:{type:Number,default:null},initH:{type:Number,default:null},w:{type:Number,default:0},h:{type:Number,default:0},x:{type:Number,default:0},y:{type:Number,default:0},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},disabledX:{type:Boolean,default:!1},disabledY:{type:Boolean,default:!1},disabledW:{type:Boolean,default:!1},disabledH:{type:Boolean,default:!1},minW:{type:Number,default:20},minH:{type:Number,default:20},active:{type:Boolean,default:!1},parent:{type:Boolean,default:!1},handles:{type:Array,default:ke,validator:e=>ze(e).length===e.length},classNameDraggable:{type:String,default:"draggable"},classNameResizable:{type:String,default:"resizable"},classNameDragging:{type:String,default:"dragging"},classNameResizing:{type:String,default:"resizing"},classNameActive:{type:String,default:"active"},classNameHandle:{type:String,default:"handle"},lockAspectRatio:{type:Boolean,default:!1}},emits:["activated","deactivated","drag-start","resize-start","dragging","resizing","drag-end","resize-end","update:w","update:h","update:x","update:y","update:active"],setup(e,{emit:t}){const n=function(e,t){const[n,o]=$e(e.initW),[i,l]=$e(e.initH),[a,r]=$e(e.x),[s,d]=$e(e.y),[c,u]=$e(e.active),[h,p]=$e(!1),[g,m]=$e(!1),[f,v]=$e(""),[C,w]=$e(1/0),[x,S]=$e(1/0),[O,R]=$e(e.minW),[E,k]=$e(e.minH),N=b(()=>i.value/n.value);return y(n,e=>{t("update:w",e)},{immediate:!0}),y(i,e=>{t("update:h",e)},{immediate:!0}),y(s,e=>{t("update:y",e)}),y(a,e=>{t("update:x",e)}),y(c,(e,n)=>{t("update:active",e),!n&&e?t("activated"):n&&!e&&t("deactivated")}),y(()=>e.active,e=>{u(e)}),{id:String(Math.random()).substr(2)+String(Date.now()),width:n,height:i,top:s,left:a,enable:c,dragging:h,resizing:g,resizingHandle:f,resizingMaxHeight:x,resizingMaxWidth:C,resizingMinWidth:O,resizingMinHeight:E,aspectRatio:N,setEnable:u,setDragging:p,setResizing:m,setResizingHandle:v,setResizingMaxHeight:S,setResizingMaxWidth:w,setResizingMinWidth:R,setResizingMinHeight:k,setWidth:e=>o(Math.floor(e)),setHeight:e=>l(Math.floor(e)),setTop:e=>d(Math.floor(e)),setLeft:e=>r(Math.floor(e))}}(e,t);let o=null;S("identity",Symbol())===Ne&&(o={updatePosition:S("updatePosition"),getPositionStore:S("getPositionStore"),disabled:S("disabled"),adsorbParent:S("adsorbParent"),adsorbCols:S("adsorbCols"),adsorbRows:S("adsorbRows"),setMatchedLine:S("setMatchedLine")});const i=u(),l=function(e){const t=u(0),n=u(0);return w(()=>{if(e.value&&e.value.parentElement){const{width:o,height:i}=je(e.value.parentElement);t.value=o,n.value=i}}),{parentWidth:t,parentHeight:n}}(i),a=function(e,t,n){const{width:o,height:i,left:l,top:a,resizingMaxWidth:r,resizingMaxHeight:s,resizingMinWidth:d,resizingMinHeight:c}=n,{setWidth:u,setHeight:h,setTop:p,setLeft:g}=n,{parentWidth:m,parentHeight:f}=t,v={minWidth:b(()=>d.value),minHeight:b(()=>c.value),maxWidth:b(()=>{let t=1/0;return e.parent&&(t=Math.min(m.value,r.value)),t}),maxHeight:b(()=>{let t=1/0;return e.parent&&(t=Math.min(f.value,s.value)),t}),minLeft:b(()=>e.parent?0:-1/0),minTop:b(()=>e.parent?0:-1/0),maxLeft:b(()=>e.parent?m.value-o.value:1/0),maxTop:b(()=>e.parent?f.value-i.value:1/0)},C={setWidth:t=>e.disabledW?o.value:u(Math.min(v.maxWidth.value,Math.max(v.minWidth.value,t))),setHeight:t=>e.disabledH?i.value:h(Math.min(v.maxHeight.value,Math.max(v.minHeight.value,t))),setTop:t=>e.disabledY?a.value:p(Math.min(v.maxTop.value,Math.max(v.minTop.value,t))),setLeft:t=>e.disabledX?l.value:g(Math.min(v.maxLeft.value,Math.max(v.minLeft.value,t)))};return Object.assign(Object.assign({},v),C)}(e,l,n);Me(i,n,a,C(e,"draggable"),t,o,l);const r=function(e,t,n,o,i){const{setWidth:l,setHeight:a,setLeft:r,setTop:s}=t,{width:d,height:c,left:u,top:h,aspectRatio:p}=e,{setResizing:g,setResizingHandle:m,setResizingMaxWidth:f,setResizingMaxHeight:v,setResizingMinWidth:C,setResizingMinHeight:y}=e,{parentWidth:w,parentHeight:S}=n;let O=0,R=0,E=0,k=0,N=0,j=0,F=1,D="",T="";const z=document.documentElement,I=e=>{e.preventDefault();const[t,n]=Le(e);let p=t-N,g=n-j;const m=p,f=g;o.lockAspectRatio&&(p=Math.abs(p),g=p*F,(m<0||"m"===T&&f<0)&&(p=-p,g=-g)),"t"===D?(a(R-g),s(k-(c.value-R))):"b"===D&&a(R+g),"l"===T?(l(O-p),r(E-(d.value-O))):"r"===T&&l(O+p),i("resizing",{x:u.value,y:h.value,w:d.value,h:c.value})},$=()=>{i("resize-end",{x:u.value,y:h.value,w:d.value,h:c.value}),m(""),g(!1),f(1/0),v(1/0),C(o.minW),y(o.minH),Te(z,Ae,I),Te(z,_e,$)};return x(()=>{Te(z,_e,$),Te(z,Ae,I)}),{handlesFiltered:b(()=>o.resizable?ze(o.handles):[]),resizeHandleDown:(e,t)=>{if(!o.resizable)return;e.stopPropagation(),m(t),g(!0),D=t[0],T=t[1],o.lockAspectRatio&&(["tl","tm","ml","bl"].includes(t)?(D="t",T="l"):(D="b",T="r"));let n=o.minH,l=o.minW;if(o.lockAspectRatio&&(n/l>p.value?l=n/p.value:n=l*p.value),C(l),y(n),o.parent){let e="t"===D?h.value+c.value:S.value-h.value,t="l"===T?u.value+d.value:w.value-u.value;o.lockAspectRatio&&(e/t<p.value?t=e/p.value:e=t*p.value),v(e),f(t)}O=d.value,R=c.value,E=u.value,k=h.value;const a=Le(e);N=a[0],j=a[1],F=p.value,i("resize-start",{x:u.value,y:h.value,w:d.value,h:c.value}),De(z,Ae,I),De(z,_e,$)}}}(n,a,l,e,t);return function(e,t){const{setWidth:n,setHeight:o,setLeft:i,setTop:l}=t;y(()=>e.w,e=>{n(e)}),y(()=>e.h,e=>{o(e)}),y(()=>e.x,e=>{i(e)}),y(()=>e.y,e=>{l(e)})}(e,a),Object.assign(Object.assign(Object.assign(Object.assign({containerRef:i,containerProvider:o},n),l),a),r)},computed:{style(){return{width:this.width+"px",height:this.height+"px",top:this.top+"px",left:this.left+"px"}},klass(){return{[this.classNameActive]:this.enable,[this.classNameDragging]:this.dragging,[this.classNameResizing]:this.resizing,[this.classNameDraggable]:this.draggable,[this.classNameResizable]:this.resizable}}},mounted(){if(!this.containerRef)return;this.containerRef.ondragstart=()=>!1;const{width:e,height:t}=je(this.containerRef);this.setWidth(null===this.initW?this.w||e:this.initW),this.setHeight(null===this.initH?this.h||t:this.initH),this.containerProvider&&this.containerProvider.updatePosition(this.id,{x:this.left,y:this.top,w:this.width,h:this.height})},render(){return m("div",{ref:"containerRef",class:["vdr-container",this.klass],style:this.style},[this.$slots.default&&this.$slots.default(),...this.handlesFiltered.map(e=>m("div",{class:["vdr-handle","vdr-handle-"+e,this.classNameHandle,`${this.classNameHandle}-${e}`],style:{display:this.enable?"block":"none"},onMousedown:t=>this.resizeHandleDown(t,e),onTouchstart:t=>this.resizeHandleDown(t,e)}))])}});Pe.__file="src/component/oio-draggable-resizable/override/VueDraggableResizable.vue",function(e){e.click="click"}(Be||(Be={}));const We=Symbol("OioTableContext"),Ve=e=>{v(We,e)},Ke=()=>S(We);var Ye,qe,Ue,Xe,Ge,Ze,Je,Qe,et,tt,nt;!function(e){e.left="left",e.right="right"}(Ye||(Ye={})),function(e){e.left="left",e.center="center",e.right="right"}(qe||(qe={})),function(e){e.large="large",e.middle="middle",e.small="small"}(Ue||(Ue={})),function(e){e.default="default",e.full="full",e.outer="outer",e.inner="inner",e.none="none"}(Xe||(Xe={})),function(e){e.ellipsis="ellipsis",e.title="title",e.tooltip="tooltip"}(Ge||(Ge={})),function(e){e.cell="cell",e.row="row"}(Ze||(Ze={})),function(e){e.manual="manual",e.click="click",e.dblclick="dblclick"}(Je||(Je={})),function(e){e.table="table",e.row="row",e.column="column",e.cell="cell"}(Qe||(Qe={})),function(e){e.manual="manual",e.auto="auto"}(et||(et={})),function(e){e.left="left",e.right="right",e.all="all"}(tt||(tt={})),function(e){e.click="click",e.dblclick="dblclick"}(nt||(nt={}));const ot={size:{type:String},resizable:{type:Boolean,default:void 0},autoResize:{type:Boolean,default:!1},height:{type:[String,Number]},border:{type:[Boolean,String],default:void 0},stripe:{type:Boolean,default:void 0},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},rowStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},cellStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},customConfig:{type:Object}},it=Object.assign(Object.assign({},n),{data:{type:Array},showOverflow:{type:[Boolean,String],default:void 0},showHeaderOverflow:{type:[Boolean,String],default:void 0},showFooterOverflow:{type:[Boolean,String],default:void 0},emptyText:{type:String,default:""},emptyImage:{type:String,default:void 0},rowConfig:{type:Object},columnConfig:{type:Object},sortConfig:{type:Object},radioConfig:{type:Object},checkboxConfig:{type:Object},tooltipConfig:{type:Object},expandConfig:{type:Object},editConfig:{type:Object},treeConfig:{type:Object},scrollX:{type:Object},scrollY:{type:Object},showFooter:{type:Boolean,default:void 0},footerMethod:{type:Function},spanMethod:{type:Function},mergeCells:{type:Array}}),lt=Object.assign(Object.assign(Object.assign({},ot),it),e),at="oio";class VxeTableHelper{static getFlatAllColumns(e){const t=[];for(const n of e){const{children:e}=n;e?t.push(...VxeTableHelper.getFlatAllColumns(e)):t.push(n)}return t}static getKey(e){return e.__draftId||e[U]}}const rt={onCellClick:"cell-click",onCellDblclick:"cell-dblclick",onHeaderCellClick:"header-cell-click",onHeaderCellDblclick:"header-cell-dblclick",onFooterCellClick:"footer-cell-click",onFooterCellDblclick:"footer-cell-dblclick",onToggleRowExpand:"toggle-row-expand",onEditActived:"edit-actived",onEditClosed:"edit-closed",onEditDisabled:"edit-disabled",onScroll:"scroll",onCurrentChange:"current-change",onResizableChange:"resizable-change",onKeydown:"keydown"};var st=d({name:"OioTable",components:{VxeTable:D,VxeColumn:F,OioSpin:$},inheritAttrs:!1,props:Object.assign({},lt),emits:["sort-change","checked-change","checked-all-change","radio-change",...Object.values(rt)],setup(e,t){const n=u(),o=b(()=>{if(null!=e.size)switch(e.size){case Ue.large:return"medium";case Ue.middle:return"small";case Ue.small:return"mini"}}),i={};Object.entries(rt).forEach(([e,n])=>{i[e]=(...e)=>{t.emit(n,...e)}});const l=(e,n)=>{const o={row:n.row,rowIndex:n.rowIndex,column:{field:n.column.field},columnIndex:n.columnIndex,editableMap:{},submit:!0,origin:n};t.emit(e,o)},a={getOrigin:()=>n.value,setCurrentRow:e=>n.value.setCurrentRow(e),clearCurrentRow:()=>n.value.clearCurrentRow(),setCheckboxRow:(e,t)=>n.value.setCheckboxRow(e,t),clearCheckboxRow:()=>n.value.clearCheckboxRow(),resetCheckboxRow:e=>(n.value.clearCheckboxRow(),n.value.setCheckboxRow(e,!0)),setRadioRow:e=>n.value.setRadioRow(e),clearRadioRow:()=>n.value.clearRadioRow(),getAllColumns:()=>n.value.getTableColumn().collectColumn,refreshColumn:()=>n.value.refreshColumn(),updateFooter:()=>n.value.updateFooter(),loadColumns:e=>n.value.loadColumn(e),reloadColumns:e=>n.value.reloadColumn(e),getTableData:e=>n.value.getTableData().tableData[e],setEditRow:e=>n.value.setEditRow(e),getActiveEditorRecord(){const e=n.value.getEditRecord();if(!e)return;const{row:t,rowIndex:o}=e;return{key:VxeTableHelper.getKey(t),data:t,index:o,origin:e}},activeCellEditor:(e,t)=>n.value.setEditCell(e,t),clearEditor:()=>n.value.clearActived(),recalculate:e=>n.value.recalculate(e),allRowExpand:()=>n.value.setAllRowExpand(!0),clearAllRowExpand:()=>n.value.clearRowExpand(),setRowExpand:(e,t)=>n.value.setRowExpand(e,t),getSortColumns:()=>n.value.getSortColumns(),clearSort:e=>n.value.clearSort(e),sort:e=>n.value.sort(e),insert:(e,t)=>null==t?n.value.insert(e):n.value.insertAt(e,t),isInsertByRow:e=>n.value.isInsertByRow(e),removeInsertRow:()=>n.value.removeInsertRow()};return t.expose(a),Ve(a),{vxeTable:n,size:o,onEvents:i,onSortChange:e=>{const{field:n,sortList:o,column:i}=e;let{order:l}=e;const a=o.map(e=>({origin:e,field:e.field,direction:e.order,sortTime:e.sortTime}));if(!l){const e=null==o?void 0:o.find(e=>e.field===n);e&&(i.order=e.order,l=e.order)}let r;r=l?{origin:e,field:n,direction:l,sorts:a}:{origin:e,field:n,direction:!1,sorts:a},t.emit("sort-change",r)},onCheckedChange:e=>{const{checked:n,record:o,records:i}=e,l={checked:n,record:o,records:i,origin:e};t.emit("checked-change",l)},onCheckedAllChange:e=>{const{checked:n,record:o,records:i}=e,l={checked:n,record:o,records:i,origin:e};t.emit("checked-all-change",l)},onRadioChange:e=>{const{oldValue:n,newValue:o}=e,i={oldRecord:n,newRecord:o,origin:e};t.emit("radio-change",i)},onEditActived:e=>{l("edit-actived",e)},onEditClosed:e=>{l("edit-closed",e)}}},render(){const{$attrs:e,$slots:t,autoResize:n,size:o,resizable:i,height:l,border:r,stripe:s,rowClassName:d,cellClassName:u,headerRowClassName:h,headerCellClassName:p,footerRowClassName:g,footerCellClassName:m,rowStyle:f,headerRowStyle:b,cellStyle:v,headerCellStyle:C,loading:y,loadingIndicator:w,wrapperClassName:x,emptyImage:S,emptyText:O,data:R,showOverflow:E,showHeaderOverflow:k,showFooterOverflow:N,rowConfig:j,columnConfig:F,sortConfig:T,radioConfig:z,checkboxConfig:I,tooltipConfig:A,expandConfig:L,editConfig:B,treeConfig:P,customConfig:W,scrollX:V,scrollY:K,showFooter:Y,footerMethod:q,spanMethod:U,mergeCells:X,componentData:G,onEvents:Z,onSortChange:J,onCheckedChange:Q,onCheckedAllChange:ee,onRadioChange:te,onEditActived:ne,onEditClosed:oe}=this,{default:ie,header:le,footer:ae}=H.collectionSlots(t,[{origin:"default",isNotNull:!0},{origin:"header"},{origin:"footer"}]),re=[];le&&re.push(c("div",{class:`${at}-table-header`},le())),re.push(c("div",{class:`${at}-table-content-wrapper`},[c("div",{class:`${at}-table-content`},[c(D,Object.assign(Object.assign(Object.assign(Object.assign({autoResize:n},G||{}),{ref:"vxeTable",size:o,resizable:i,height:l,border:r,stripe:s,rowClassName:d,cellClassName:u,headerRowClassName:h,headerCellClassName:p,footerRowClassName:g,footerCellClassName:m,rowStyle:f,headerRowStyle:b,cellStyle:v,headerCellStyle:C,data:R,showOverflow:E,showHeaderOverflow:k,showFooterOverflow:N,rowConfig:j,columnConfig:F,sortConfig:T,radioConfig:z,checkboxConfig:I,tooltipConfig:A,expandConfig:L,editConfig:B,treeConfig:P,customConfig:W,scrollX:V,scrollY:K,showFooter:Y,footerMethod:q,spanMethod:U,mergeCells:X}),Z),{onSortChange:J,onCheckboxChange:Q,onCheckboxAll:ee,onRadioChange:te,onEditActived:ne,onEditClosed:oe}),{default:ie,empty:()=>[c(_,{description:O,image:S})]})])])),ae&&re.push(c("div",{class:`${at}-table-footer`},ae()));const se=c("div",H.collectionBasicProps(e,[`${at}-table`]),re);return M(y)?se:c($,{class:"default-table-view-spin",loading:y,loadingIndicator:w,wrapperClassName:a.append([`${at}-table-wrapper`],x)},{default:()=>[se]})}});st.__file="src/component/oio-table/table/oio-table.vue",j.use(z),j.use(I);const dt={width:{type:[String,Number]},minWidth:{type:[String,Number]},label:{type:String},className:{type:[String,Function]},headerClassName:{type:[String,Function]},footerClassName:{type:[String,Function]},align:{type:String},headerAlign:{type:String},footerAlign:{type:String},fixed:{type:[String,Boolean],default:void 0},invisible:{type:Boolean,default:!1},resizable:{type:Boolean,default:void 0},treeNode:{type:Boolean,default:void 0}},ct={editable:{type:Boolean,default:!1},cellEditable:{type:[Boolean,Function],default:void 0},editorTrigger:{type:String,default:Je.manual},editorMode:{type:String,default:Qe.cell},editorCloseTrigger:{type:String,default:et.manual},editRender:{type:Object},rowEditorClosedByEnter:{type:Function},rowEditorClosedByCancel:{type:Function},editorConfirm:{type:[String,Function]},editorConfirmPosition:{type:[String,Function]},editorCondition:{type:Function},editorEnterText:{type:[String,Function]},editorCancelText:{type:[String,Function]}},ut={type:{type:String},field:{type:String},invisibleContent:{type:[Boolean,Function],default:void 0},sortable:{type:Boolean,default:void 0}},ht={renderGroupCellSlot:{type:Function},renderDefaultSlot:{type:Function},renderEditSlot:{type:Function},renderContentSlot:{type:Function},renderHeaderSlot:{type:Function},dynamicRenderDefaultSlot:{type:Function}},pt=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},dt),ct),ut),ht),e);function gt(e,t,n,o){return new(n||(n=Promise))(function(i,l){function a(e){try{s(o.next(e))}catch(e){l(e)}}function r(e){try{s(o.throw(e))}catch(e){l(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(a,r)}s((o=o.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const mt=`${at}-column`,ft={default:"renderDefaultSlot",edit:"renderEditSlot",content:"renderContentSlot",header:"renderHeaderSlot"};function bt(e,t){return a.append([mt],e,t)}function vt(e,t){return null==t?t:V(t)?t(e):t}var Ct=d({name:"OioColumn",components:{Column:F},inheritAttrs:!1,props:Object.assign({},pt),setup(e,n){const o=Ke(),l=b(()=>{if(!M(e.width))return t.px(e.width)}),a=b(()=>{if(!M(e.minWidth))return t.px(e.minWidth)}),r=b(()=>{const t=e.fixed;if(!M(t)&&!B(t))return t}),s=t=>gt(this,void 0,void 0,function*(){var n;let i=yield null===(n=e.rowEditorClosedByEnter)||void 0===n?void 0:n.call(e,t);null==i&&(i=!0),i&&(null==o||o.clearEditor())}),d=t=>gt(this,void 0,void 0,function*(){var n;let i=yield null===(n=e.rowEditorClosedByCancel)||void 0===n?void 0:n.call(e,t);null==i&&(i=!0),i&&(null==o||o.clearEditor())}),u=t=>{let n=e.invisibleContent;return null!=n&&(V(n)&&(n=n(t)||!1),n||!1)},h=(e,t)=>{const n=[c("div",{class:`${mt}-content`},t)];return n.push(c("div",{class:`${mt}-editable-handle`},[c(i,{icon:"oinone-chart-tree-edit",color:"var(--oio-default-icon-color)",onClick:E(()=>(e=>{const{origin:t}=e;null==o||o.activeCellEditor(t.row,t.column)})(e),["stop","prevent"])})])),n};let p;const g=e.renderDefaultSlot||n.slots.default;g&&(p=t=>{var n;const o=[`${mt}-wrapper`];let i=g(t)||[];return"seq"===e.type?i.length||(i=[c("span",{},null===(n=t.origin)||void 0===n?void 0:n.seq)]):e.editable&&e.editorTrigger===Je.manual&&e.editorMode===Qe.cell&&function(e,t){if(null==t)return!0;if(B(t))return t;if(V(t)){const n=t(e);if(null!=n)return!!n}return!0}(t,e.cellEditable)&&(i=h(t,i),o.push(`${mt}-manual-editor`)),i&&i.length||o.push(`${mt}-wrapper-empty`),[O(c("div",{class:o},i),[[R,!u(t)]])]});const m=t=>{if(e.editorConfirm)return vt(t,e.editorConfirmPosition)},f=t=>{if(e.editorConfirm)return vt(t,e.editorConfirm)},v=t=>{if(e.editorConfirm)return vt(t,e.editorEnterText)},C=t=>{if(e.editorConfirm)return vt(t,e.editorCancelText)},w=t=>gt(this,void 0,void 0,function*(){var n;return!!e.editorConfirm&&(null===(n=e.editorCondition)||void 0===n?void 0:n.call(e,t))});let x;const S=e.renderEditSlot||n.slots.edit;return S&&(x=t=>{var n;const o=[`${mt}-wrapper`];let l=S(t)||[];return"seq"===e.type?l.length||(l=[c("span",{},null===(n=t.origin)||void 0===n?void 0:n.seq)]):e.editable&&e.editorMode===Qe.cell&&e.editorCloseTrigger===et.manual&&(l=((e,t)=>{const n=[c("div",{class:`${mt}-content`},t)];return n.push(c("div",{class:`${mt}-complete-handle`},[c(A,{placement:m(e),text:f(e),enterText:v(e),cancelText:C(e),condition:()=>w(e),confirmCallback:()=>s(e)},{default:()=>[c(i,{icon:"oinone-lujing",color:"var(--oio-default-icon-color)"})]}),c(i,{icon:"oinone-guanbi1",color:"var(--oio-default-icon-color)",size:10,onClick:E(()=>d(e),["stop","prevent"])})])),n})(t,l),o.push(`${mt}-manual-editor`,`${mt}-editing`)),[c("div",{class:o},l)]}),y(()=>e.invisible,()=>{o&&P(()=>{o.refreshColumn()},50)()}),{width:l,minWidth:a,fixed:r,className:t=>{const n=[];if(!M(e.width)&&parseInt(K(e.width))<=0&&n.push(`${mt}-overflow-hidden`),e.align&&n.push(`col--${e.align}`),V(e.className)){const{row:o,rowIndex:i,columnIndex:l}=t;return bt(e.className({row:o,rowIndex:i,columnIndex:l,origin:t}),n)}return bt(e.className,n)},headerClassName:t=>{if(V(e.headerClassName)){const{rowIndex:n,columnIndex:o}=t;return bt(e.headerClassName({row:{},rowIndex:n,columnIndex:o,origin:t}))}return bt(e.headerClassName)},footerClassName:t=>{if(V(e.footerClassName)){const{rowIndex:n,columnIndex:o}=t;return bt(e.footerClassName({row:{},rowIndex:n,columnIndex:o,origin:t}))}return bt(e.footerClassName)},renderDefaultSlot:p,renderEditSlot:x}},render(){const{$attrs:e,$slots:t,type:n,label:i,headerAlign:l,footerAlign:a,width:r,minWidth:s,fixed:d,field:u,sortable:h,invisible:p,resizable:g,treeNode:m,editable:f,editRender:b,className:v,headerClassName:C,footerClassName:y,componentData:w}=this,x=Object.assign({},t);return Object.entries(ft).forEach(([e,n])=>{const o=this[n]||t[e];o&&(x[e]=e=>function(e,t){const{rowid:n,row:o,rowIndex:i}=e,l=t({key:n,data:o,index:i,origin:e});return W(l)||B(l)?[c("span",{},l)]:l}(e,o))}),c(F,Object.assign(Object.assign(Object.assign({},o.collectionBasicProps(e)),w||{}),{type:n,title:i,headerAlign:l,footerAlign:a,width:r,minWidth:s,fixed:d,field:u,sortable:h,visible:!p,resizable:g,treeNode:m,editRender:Object.assign({enabled:f},b||{}),className:v,headerClassName:C,footerClassName:y}),x)}});function yt(e){const{checked:t,indeterminate:n,disabled:o,disabledTitle:i}=e;let l,a=Y.icon.TABLE_CHECKBOX_UNCHECKED;n?a=Y.icon.TABLE_CHECKBOX_INDETERMINATE:t&&(a=Y.icon.TABLE_CHECKBOX_CHECKED);const r=c("span",{class:["vxe-checkbox--icon",a]});return l=o&&i?c(L,{title:i},{default:()=>[r]}):r,l}function wt(e){const{$table:t,row:n,column:o,isHidden:i,checked:l,disabled:a,disabledTitle:r,visible:s,indeterminate:d}=e,u={};i||(u.onClick=n=>{!a&&s&&t.triggerCheckRowEvent(n,e,!l)});const h=[];s&&h.push(yt(e));const{computeCheckboxOpts:p}=t.getComputeMaps(),g=p.value,{labelField:m}=g,{slots:f}=o,b=f?f.default:null;let v;return b?v=t.callSlot(b,e):m&&(v=q.get(n,m)),v&&h.push(c("span",{class:"vxe-checkbox--label"},v)),c("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":l,"is--disabled":a,"is--indeterminate":d}]},u),h)}function xt(e){const{$table:t,column:n,isHidden:o,checked:i,disabled:l,indeterminate:a}=e,r={};o||(r.onClick=e=>{l||t.triggerCheckAllEvent(e,!i)});const s=[yt(e)],{slots:d}=n,u=d?d.title:null,h=n.getTitle();let p;return u?p=t.callSlot(u,e):h&&(p=h),p&&s.push(c("span",{class:"vxe-checkbox--label"},p)),c("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":i,"is--disabled":l,"is--indeterminate":a}],title:Y.i18n("vxe.table.allTitle")},r),s)}Ct.__file="src/component/oio-table/column/oio-column.vue";const St={field:{type:String}},Ot=Object.assign(Object.assign(Object.assign({},dt),St),e),Rt=`${at}-colgroup`;var Et=d({name:"OioColgroup",components:{VxeColgroup:T},inheritAttrs:!1,props:Object.assign({},Ot),setup:e=>({headerAlign:b(()=>null==e.headerAlign?qe.center:e.headerAlign)}),render(){const{$attrs:e,$slots:t,label:n,align:i,headerAlign:l,width:a,minWidth:r,fixed:s,field:d,invisible:u,className:h,headerClassName:p,footerClassName:g,componentData:m}=this;return c(T,Object.assign(Object.assign(Object.assign({},o.collectionBasicProps(e,[Rt])),m||{}),{title:n,align:i,headerAlign:l,width:a,minWidth:r,fixed:s,field:d,visible:!u,className:h,headerClassName:p,footerClassName:g}),t)}});Et.__file="src/component/oio-table/colgroup/oio-colgroup.vue";export{qe as ColumnAlignType,Ye as ColumnFixedType,J as DraggableDirection,Z as EventCallbackProps,X as GROUP_TREE_KEY,Et as OioColgroup,St as OioColgroupControlProps,Ot as OioColgroupProps,Ct as OioColumn,dt as OioColumnAppearanceProps,ut as OioColumnControlProps,ct as OioColumnEditorProps,pt as OioColumnProps,ht as OioColumnRenderFunctionProps,oe as OioDraggable,ee as OioDraggableProps,st as OioTable,ot as OioTableAppearanceProps,it as OioTableControlProps,lt as OioTableProps,Be as OioTableScope,Xe as TableBorder,et as TableEditorCloseTrigger,Qe as TableEditorMode,Je as TableEditorTrigger,tt as TableFixed,Ge as TableOverflow,nt as TableRowClickMode,Ze as TableSelectTrigger,Ue as TableSize,U as VXE_TABLE_X_ID,Ee as VueDraggable,Ie as VueDraggableContainer,Pe as VueDraggableResizable,Q as VuedraggableProps,VxeTableHelper,G as defaultDraggableItemProperties,Ke as useInjectOioTableInstance,Ve as useProviderOioTableInstance,wt as useVxeCheckboxCell,xt as useVxeCheckboxHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oio-column-manual-editor{min-height:22px;display:flex;align-items:center}.oio-column-manual-editor:not(.oio-column-editing){display:inline}.oio-column-manual-editor:not(.oio-column-editing) .oio-column-content{display:inline;overflow:hidden;text-overflow:ellipsis}.oio-column-manual-editor.oio-column-wrapper-center{justify-content:center}.oio-column-manual-editor.oio-column-wrapper-right{justify-content:right}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle{display:flex;flex-basis:20px}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle .oio-icon{display:none}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle{flex-basis:unset}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle .oio-icon{display:inline-block}.oio-column-manual-editor.oio-column-editing .oio-column-content{flex:1}.oio-column-manual-editor .oio-column-editable-handle,.oio-column-manual-editor .oio-column-complete-handle{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center}.oio-column-manual-editor .oio-column-editable-handle .oio-icon,.oio-column-manual-editor .oio-column-complete-handle .oio-icon{padding-left:4px;cursor:pointer}.oio-column-manual-editor .oio-column-editable-handle{display:none;position:absolute;right:0;bottom:0;width:24px;height:24px;line-height:24px;text-align:center}.oio-column-manual-editor .oio-column-content{max-width:100%}.oio-column:hover .oio-column-editable-handle{display:flex}.oio-column-overflow-hidden{overflow:hidden}.oio-column-wrapper:not(.oio-column-manual-editor){overflow:hidden;text-overflow:ellipsis;display:inline}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-center{text-align:center}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-right{text-align:right}.oio-column-wrapper-empty:not(.oio-column-manual-editor){display:inline-block}.oio-table{display:flex;flex-direction:column;row-gap:var(--oio-row-gap);height:100%}.oio-table .oio-table-header{flex-shrink:0;flex-grow:0}.oio-table .oio-table-content-wrapper{position:relative;flex-shrink:1;flex-grow:1}.oio-table .oio-table-content{height:100%;width:100%}.oio-table .oio-table-footer{flex-shrink:0;flex-grow:0}.oio-table .vxe-table--render-default,.oio-table .vxe-table--footer-wrapper{color:var(--oio-table-text-color)}.oio-table .vxe-table--render-default .vxe-cell{padding:0 12px}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.oio-table .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:var(--oio-table-thead-height)}.oio-table .vxe-table .vxe-table--header-wrapper{color:var(--oio-table-title-color)}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:var(--oio-table-thead-bg);border-top-left-radius:var(--oio-border-radius);border-top-right-radius:var(--oio-border-radius)}.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell{max-height:unset}.oio-table .vxe-table--render-default .vxe-table--body-wrapper,.oio-table .vxe-table--render-default .vxe-table--footer-wrapper{background-color:var(--oio-table-body-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--hover,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--stripe,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:var(--oio-table-tr-hover-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--current,.oio-table .vxe-table--render-default .vxe-body--row.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--radio,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table .vxe-table--render-default.border--full .vxe-body--column,.oio-table .vxe-table--render-default.border--full .vxe-footer--column,.oio-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border)),linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border))}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(var(--oio-table-thead-bg), var(--oio-table-thead-bg))}.oio-table .vxe-table--render-default .vxe-table--border-line{border-color:var(--oio-table-row-body-border);border-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-color:var(--oio-table-row-body-border)}.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--body,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--footer,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--header{margin-left:1px}.oio-table .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{color:var(--oio-table-title-color);font-size:var(--oio-font-size);font-weight:var(--oio-table-title-font-weight)}.oio-table .vxe-table--render-default.size--mini{font-size:var(--oio-font-size)}.oio-table .vxe-table .vxe-cell--sort{font-size:var(--oio-table-title-sort-icon-size)}.oio-table .vxe-table .vxe-sort--asc-btn,.oio-table .vxe-table .vxe-sort--desc-btn,.oio-table .vxe-table .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table .vxe-table .vxe-table--body-wrapper{scrollbar-width:thin}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar{width:8px;height:8px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:4px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--oio-scrollbar-thumb-background-color)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--oio-scrollbar-thumb-background-color-hover)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-button{display:none}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-header--column.col--checkbox>.vxe-cell{justify-content:center;padding-left:12px;border-top-left-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--checkbox>.vxe-cell,.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--radio>.vxe-cell{text-align:center;padding-left:12px}.oio-table .is--checked.vxe-checkbox,.oio-table .is--checked.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-custom--option,.oio-table .is--checked.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--checked.vxe-export--panel-column-option,.oio-table .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--checked.vxe-table--filter-option,.oio-table .is--checked.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-checkbox,.oio-table .is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-custom--option,.oio-table .is--indeterminate.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-export--panel-column-option,.oio-table .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-table--filter-option,.oio-table .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-radio,.oio-table .is--checked.vxe-radio .vxe-radio--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:var(--oio-primary-color)}.oio-table .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.oio-table .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--oio-primary-color-hover)}.oio-table .vxe-checkbox .vxe-checkbox--icon,.oio-table .vxe-custom--option .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-border-color)}.oio-table .is--disabled.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--disabled.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-disabled-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header{border-top:1px solid var(--oio-border-color);box-sizing:border-box}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header .vxe-cell--title,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header .vxe-cell--title{position:relative;top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body{position:relative;top:-0.5px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper{border-top-left-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{border-top-right-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper{background-color:var(--oio-header-background);border-radius:var(--oio-border-radius);box-shadow:0px 0px 0px 1px var(--oio-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper{scrollbar-width:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper::-webkit-scrollbar{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper .vxe-table--header-border-line,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper .vxe-table--header-border-line{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column{padding:0;background-color:var(--oio-table-thead-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column .vxe-resizable{opacity:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{font-size:var(--oio-font-size)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row{border:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--current,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--checked,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--hover{background-color:var(--oio-table-tr-hover-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:0}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--x-space{margin-bottom:-2px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate{background:var(--oio-primary-color);width:14px;height:14px;text-align:center;border-radius:2px;display:block;line-height:16px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked:before,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{font-family:"iconfont";content:"";font-size:12px;color:#fff;transform:scale(0.75);display:block;position:relative;top:-1px}.oio-table.oinone-custom-border .table-header-column-checkbox{margin-left:0;padding-left:11px}.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{content:""}.oio-table.oinone-custom-border .vxe-sort--asc-btn,.oio-table.oinone-custom-border .vxe-sort--desc-btn,.oio-table.oinone-custom-border .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit;height:100%}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{max-height:unset;padding:4px 12px}.oio-table.oinone-custom-border .vxe-table--body{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table--header{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom:1px solid var(--oio-border-color);z-index:7}.oio-table.oinone-custom-border .vxe-body--row{border-bottom:solid 1px var(--oio-table-row-border)}.oio-table.oinone-custom-border .vxe-header--row th:last-child.vxe-header--gutter{position:relative;top:.5px}.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-header--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-header--column{background-image:none;border-bottom:1px solid var(--oio-table-row-body-border)}.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:none}.oio-table.oinone-custom-border .vxe-table--border-line{border-bottom:none}.oio-table.oinone-custom-border .vxe-header--row{border:none;border-bottom-width:0}.oio-table.oinone-custom-border .vxe-header--row .table-header-column-checkbox .vxe-cell{margin-left:2px}
|
|
1
|
+
.oio-column-manual-editor{min-height:22px;display:flex;align-items:center}.oio-column-manual-editor:not(.oio-column-editing){display:inline}.oio-column-manual-editor:not(.oio-column-editing) .oio-column-content{display:inline;overflow:hidden;text-overflow:ellipsis}.oio-column-manual-editor.oio-column-wrapper-center{justify-content:center}.oio-column-manual-editor.oio-column-wrapper-right{justify-content:right}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle{display:flex;flex-basis:20px}.oio-column-manual-editor.oio-column-wrapper-right .oio-column-editable-handle .oio-icon{display:none}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle{flex-basis:unset}.oio-column-manual-editor.oio-column-wrapper-right:hover .oio-column-editable-handle .oio-icon{display:inline-block}.oio-column-manual-editor.oio-column-editing .oio-column-content{flex:1}.oio-column-manual-editor .oio-column-editable-handle,.oio-column-manual-editor .oio-column-complete-handle{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center}.oio-column-manual-editor .oio-column-editable-handle .oio-icon,.oio-column-manual-editor .oio-column-complete-handle .oio-icon{padding-left:4px;cursor:pointer}.oio-column-manual-editor .oio-column-editable-handle{display:none;position:absolute;right:0;bottom:0;width:24px;height:24px;line-height:24px;text-align:center}.oio-column-manual-editor .oio-column-content{max-width:100%}.oio-column:hover .oio-column-editable-handle{display:flex}.oio-column-overflow-hidden{overflow:hidden}.oio-column-wrapper:not(.oio-column-manual-editor){overflow:hidden;text-overflow:ellipsis;display:inline}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-center{text-align:center}.oio-column-wrapper:not(.oio-column-manual-editor).oio-column-wrapper-right{text-align:right}.oio-column-wrapper-empty:not(.oio-column-manual-editor){display:inline-block}.oio-table{display:flex;flex-direction:column;row-gap:var(--oio-row-gap);height:100%}.oio-table .oio-table-header{flex-shrink:0;flex-grow:0}.oio-table .oio-table-content-wrapper{position:relative;flex-shrink:1;flex-grow:1}.oio-table .oio-table-content{height:100%;width:100%}.oio-table .oio-table-footer{flex-shrink:0;flex-grow:0}.oio-table .vxe-table--render-default,.oio-table .vxe-table--footer-wrapper{color:var(--oio-table-text-color)}.oio-table .vxe-table--render-default .vxe-cell{padding:0 12px}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.oio-table .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:var(--oio-table-thead-height)}.oio-table .vxe-table .vxe-table--header-wrapper{color:var(--oio-table-title-color)}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:var(--oio-table-thead-bg);border-top-left-radius:var(--oio-border-radius);border-top-right-radius:var(--oio-border-radius)}.oio-table .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit}.oio-table .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell{max-height:unset}.oio-table .vxe-table--render-default .vxe-table--body-wrapper,.oio-table .vxe-table--render-default .vxe-table--footer-wrapper{background-color:var(--oio-table-body-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--hover,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--stripe,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:var(--oio-table-tr-hover-bg)}.oio-table .vxe-table--render-default .vxe-body--row.row--current,.oio-table .vxe-table--render-default .vxe-body--row.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--radio,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--checked,.oio-table .vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table .vxe-table--render-default.border--full .vxe-body--column,.oio-table .vxe-table--render-default.border--full .vxe-footer--column,.oio-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border)),linear-gradient(var(--oio-table-row-body-border), var(--oio-table-row-body-border))}.oio-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.oio-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(var(--oio-table-thead-bg), var(--oio-table-thead-bg))}.oio-table .vxe-table--render-default .vxe-table--border-line{border-color:var(--oio-table-row-body-border);border-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-color:var(--oio-table-row-body-border)}.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--body,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--footer,.oio-table .vxe-table.vxe-table--render-default:not(.is--scroll-x) .vxe-table--header{margin-left:1px}.oio-table .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{color:var(--oio-table-title-color);font-size:var(--oio-font-size);font-weight:var(--oio-table-title-font-weight)}.oio-table .vxe-table--render-default.size--mini{font-size:var(--oio-font-size)}.oio-table .vxe-table .vxe-cell--sort{font-size:var(--oio-table-title-sort-icon-size)}.oio-table .vxe-table .vxe-sort--asc-btn,.oio-table .vxe-table .vxe-sort--desc-btn,.oio-table .vxe-table .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table .vxe-table .vxe-table--body-wrapper{scrollbar-width:thin}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar{width:8px;height:8px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:4px}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--oio-scrollbar-thumb-background-color)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--oio-scrollbar-thumb-background-color-hover)}.oio-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-button{display:none}.oio-table .vxe-table .vxe-table--header-wrapper .vxe-header--column.col--checkbox>.vxe-cell{justify-content:center;padding-left:12px;border-top-left-radius:var(--oio-border-radius)}.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--checkbox>.vxe-cell,.oio-table .vxe-table .vxe-table--body-wrapper .vxe-body--column.col--radio>.vxe-cell{text-align:center;padding-left:12px}.oio-table .is--checked.vxe-checkbox,.oio-table .is--checked.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-custom--option,.oio-table .is--checked.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--checked.vxe-export--panel-column-option,.oio-table .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--checked.vxe-table--filter-option,.oio-table .is--checked.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-checkbox,.oio-table .is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-custom--option,.oio-table .is--indeterminate.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-export--panel-column-option,.oio-table .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--indeterminate.vxe-table--filter-option,.oio-table .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.oio-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon,.oio-table .is--checked.vxe-radio,.oio-table .is--checked.vxe-radio .vxe-radio--icon,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio,.oio-table .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:var(--oio-primary-color)}.oio-table .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.oio-table .vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.oio-table .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--oio-primary-color-hover)}.oio-table .vxe-checkbox .vxe-checkbox--icon,.oio-table .vxe-custom--option .vxe-checkbox--icon,.oio-table .vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-border-color)}.oio-table .is--disabled.vxe-checkbox .vxe-checkbox--icon,.oio-table .is--disabled.vxe-custom--option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.oio-table .is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.oio-table .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--oio-checkbox-disabled-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header{border-top:1px solid var(--oio-border-color);box-sizing:border-box}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--header .vxe-cell--title,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--header .vxe-cell--title{position:relative;top:-1px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body,.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body{position:relative;top:-0.5px}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-left-wrapper{border-top-left-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-table--fixed-right-wrapper{border-top-right-radius:var(--oio-border-radius)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper{background-color:var(--oio-header-background);border-radius:var(--oio-border-radius);box-shadow:0px 0px 0px 1px var(--oio-border-color)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper{scrollbar-width:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper::-webkit-scrollbar{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-right--wrapper .vxe-table--header-border-line,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-table--header-wrapper.fixed-left--wrapper .vxe-table--header-border-line{display:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column{padding:0;background-color:var(--oio-table-thead-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column .vxe-resizable{opacity:0}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{font-size:var(--oio-font-size)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row{border:none}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--stripe{background-color:var(--oio-table-tr-stripe-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--current,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--checked,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--radio{background-color:var(--oio-table-tr-checked-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--row.row--hover{background-color:var(--oio-table-tr-hover-bg)}.oio-table.oinone-custom-border .vxe-table--render-default.size--mini.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:0}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--x-space{margin-bottom:-2px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate{background:var(--oio-primary-color);width:14px;height:14px;text-align:center;border-radius:2px;display:block;line-height:16px}.oio-table.oinone-custom-border .vxe-icon-checkbox-checked:before,.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{font-family:"iconfont";content:"";font-size:12px;color:#fff;transform:scale(0.75);display:block;position:relative;top:-1px}.oio-table.oinone-custom-border .table-header-column-checkbox{margin-left:0;padding-left:11px}.oio-table.oinone-custom-border .vxe-icon-checkbox-indeterminate:before{content:""}.oio-table.oinone-custom-border .vxe-sort--asc-btn,.oio-table.oinone-custom-border .vxe-sort--desc-btn,.oio-table.oinone-custom-border .vxe-cell--edit-icon{color:var(--oio-icon-color)}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:inherit;height:100%}.oio-table.oinone-custom-border .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.oio-table.oinone-custom-border .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell{max-height:unset;padding:4px 12px}.oio-table.oinone-custom-border .vxe-table--body{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table--header{border-collapse:collapse !important}.oio-table.oinone-custom-border .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom:1px solid var(--oio-border-color);z-index:7}.oio-table.oinone-custom-border .vxe-body--row{border-bottom:solid 1px var(--oio-table-row-border)}.oio-table.oinone-custom-border .vxe-header--row th:last-child.vxe-header--gutter{position:relative;top:.5px}.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--default .vxe-header--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-body--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-footer--column,.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-header--column{background-image:none;border-bottom:1px solid var(--oio-table-row-body-border)}.oio-table.oinone-custom-border .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:none}.oio-table.oinone-custom-border .vxe-table--border-line{border-bottom:none}.oio-table.oinone-custom-border .vxe-header--row{border:none;border-bottom-width:0}.oio-table.oinone-custom-border .vxe-header--row .table-header-column-checkbox .vxe-cell{margin-left:2px}.vdr-container{position:absolute;border:1px solid rgba(0,0,0,0);box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oinone/kunlun-vue-ui",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/oinone-kunlun-vue-ui.esm.js",
|
|
6
6
|
"scripts": {
|
|
@@ -17,9 +17,10 @@
|
|
|
17
17
|
"doc": "typedoc --out docs src/index.ts"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@oinone/kunlun-vue-ui-antd": "7.
|
|
21
|
-
"@oinone/kunlun-vue-ui-common": "7.
|
|
20
|
+
"@oinone/kunlun-vue-ui-antd": "7.2.0",
|
|
21
|
+
"@oinone/kunlun-vue-ui-common": "7.2.0",
|
|
22
22
|
"sortablejs": "1.14.0",
|
|
23
|
+
"vue3-draggable-resizable": "1.6.5",
|
|
23
24
|
"vue3-smooth-dnd": "0.0.6",
|
|
24
25
|
"vuedraggable": "4.1.0",
|
|
25
26
|
"vxe-table": "4.3.6",
|
|
@@ -28,7 +29,7 @@
|
|
|
28
29
|
"xe-utils": "3.5.7"
|
|
29
30
|
},
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@oinone/kunlun-shared": "~7.
|
|
32
|
+
"@oinone/kunlun-shared": "~7.2.0",
|
|
32
33
|
"@types/lodash": "4.17.21",
|
|
33
34
|
"@types/lodash-es": "4.17.6",
|
|
34
35
|
"lodash": "4.17.21",
|
package/src/component/index.ts
CHANGED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { camelize } from "../util/string";
|
|
2
|
+
import { events, isReadOnly } from "./sortableEvents";
|
|
3
|
+
import { isHtmlAttribute } from "../util/tags";
|
|
4
|
+
|
|
5
|
+
function project(entries) {
|
|
6
|
+
return entries.reduce((res, [key, value]) => {
|
|
7
|
+
res[key] = value;
|
|
8
|
+
return res;
|
|
9
|
+
}, {});
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
function getComponentAttributes({ $attrs, componentData = {} }) {
|
|
13
|
+
const attributes = project(
|
|
14
|
+
Object.entries($attrs).filter(([key, _]) => isHtmlAttribute(key))
|
|
15
|
+
);
|
|
16
|
+
return {
|
|
17
|
+
...attributes,
|
|
18
|
+
...componentData
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function createSortableOption({ $attrs, callBackBuilder }) {
|
|
23
|
+
const options = project(getValidSortableEntries($attrs));
|
|
24
|
+
Object.entries(callBackBuilder).forEach(([eventType, eventBuilder]) => {
|
|
25
|
+
events[eventType].forEach(event => {
|
|
26
|
+
options[`on${event}`] = eventBuilder(event);
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
const draggable = `[data-draggable]${options.draggable || ""}`;
|
|
30
|
+
return {
|
|
31
|
+
...options,
|
|
32
|
+
draggable
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function getValidSortableEntries(value) {
|
|
37
|
+
return Object.entries(value)
|
|
38
|
+
.filter(([key, _]) => !isHtmlAttribute(key))
|
|
39
|
+
.map(([key, value]) => [camelize(key), value])
|
|
40
|
+
.filter(([key, _]) => !isReadOnly(key));
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export {
|
|
44
|
+
getComponentAttributes,
|
|
45
|
+
createSortableOption,
|
|
46
|
+
getValidSortableEntries
|
|
47
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
const getHtmlElementFromNode = ({ el }) => el;
|
|
2
|
+
const addContext = (domElement, context) => (domElement.__draggable_context = context);
|
|
3
|
+
const getContext = (domElement) => domElement.__draggable_context;
|
|
4
|
+
|
|
5
|
+
class ComponentStructure {
|
|
6
|
+
constructor({ nodes, root, realList }) {
|
|
7
|
+
const { header, default: defaultNodes, footer } = nodes;
|
|
8
|
+
this.nodes = nodes;
|
|
9
|
+
this.children = [...header, ...defaultNodes, ...footer];
|
|
10
|
+
this.externalComponent = root.externalComponent;
|
|
11
|
+
this.rootTransition = root.transition;
|
|
12
|
+
this.tag = root.tag;
|
|
13
|
+
this.realList = realList;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
get _isRootComponent() {
|
|
17
|
+
return this.externalComponent || this.rootTransition;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
render(h, attributes) {
|
|
21
|
+
const { tag, children, _isRootComponent } = this;
|
|
22
|
+
const option = !_isRootComponent ? children : { default: () => children };
|
|
23
|
+
return h(tag, attributes, option);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
updated() {
|
|
27
|
+
const { nodes, realList } = this;
|
|
28
|
+
nodes.default.forEach((node, index) => {
|
|
29
|
+
addContext(getHtmlElementFromNode(node), {
|
|
30
|
+
element: realList[index],
|
|
31
|
+
index
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
getUnderlyingVm(domElement) {
|
|
37
|
+
return getContext(domElement);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
getVmIndexFromDomIndex(domIndex, element) {
|
|
41
|
+
const { nodes } = this;
|
|
42
|
+
const { length } = nodes.default;
|
|
43
|
+
const domChildren = element.children;
|
|
44
|
+
const domElement = domChildren.item(domIndex);
|
|
45
|
+
|
|
46
|
+
if (domElement === null) {
|
|
47
|
+
return length;
|
|
48
|
+
}
|
|
49
|
+
const context = getContext(domElement);
|
|
50
|
+
if (context) {
|
|
51
|
+
return context.index;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
if (length === 0) {
|
|
55
|
+
return 0;
|
|
56
|
+
}
|
|
57
|
+
const firstDomListElement = getHtmlElementFromNode(nodes.default[0]);
|
|
58
|
+
const indexFirstDomListElement = [...domChildren].findIndex((element) => element === firstDomListElement);
|
|
59
|
+
return domIndex < indexFirstDomListElement ? 0 : length;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
export { ComponentStructure };
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ComponentStructure } from "./componentStructure";
|
|
2
|
+
import { isHtmlTag, isTransition } from "../util/tags";
|
|
3
|
+
import { resolveComponent, TransitionGroup } from "vue";
|
|
4
|
+
|
|
5
|
+
function getSlot(slots, key) {
|
|
6
|
+
const slotValue = slots[key];
|
|
7
|
+
return slotValue ? slotValue() : [];
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
function computeNodes({ $slots, realList, getKey }) {
|
|
11
|
+
const normalizedList = realList || [];
|
|
12
|
+
const [header, footer] = ["header", "footer"].map(name =>
|
|
13
|
+
getSlot($slots, name)
|
|
14
|
+
);
|
|
15
|
+
const { item } = $slots;
|
|
16
|
+
if (!item) {
|
|
17
|
+
throw new Error("draggable element must have an item slot");
|
|
18
|
+
}
|
|
19
|
+
const defaultNodes = normalizedList.flatMap((element, index) =>
|
|
20
|
+
item({ element, index }).map(node => {
|
|
21
|
+
node.key = getKey(element);
|
|
22
|
+
node.props = { ...(node.props || {}), "data-draggable": true };
|
|
23
|
+
return node;
|
|
24
|
+
})
|
|
25
|
+
);
|
|
26
|
+
if (defaultNodes.length !== normalizedList.length) {
|
|
27
|
+
throw new Error("Item slot must have only one child");
|
|
28
|
+
}
|
|
29
|
+
return {
|
|
30
|
+
header,
|
|
31
|
+
footer,
|
|
32
|
+
default: defaultNodes
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function getRootInformation(tag) {
|
|
37
|
+
const transition = isTransition(tag);
|
|
38
|
+
const externalComponent = !isHtmlTag(tag) && !transition;
|
|
39
|
+
return {
|
|
40
|
+
transition,
|
|
41
|
+
externalComponent,
|
|
42
|
+
tag: externalComponent
|
|
43
|
+
? resolveComponent(tag)
|
|
44
|
+
: transition
|
|
45
|
+
? TransitionGroup
|
|
46
|
+
: tag
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
function computeComponentStructure({ $slots, tag, realList, getKey }) {
|
|
51
|
+
const nodes = computeNodes({ $slots, realList, getKey });
|
|
52
|
+
const root = getRootInformation(tag);
|
|
53
|
+
return new ComponentStructure({ nodes, root, realList });
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export { computeComponentStructure };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const manageAndEmit = ["Start", "Add", "Remove", "Update", "End"];
|
|
2
|
+
const emit = ["Choose", "Unchoose", "Sort", "Filter", "Clone"];
|
|
3
|
+
const manage = ["Move"];
|
|
4
|
+
const eventHandlerNames = [manage, manageAndEmit, emit]
|
|
5
|
+
.flatMap(events => events)
|
|
6
|
+
.map(evt => `on${evt}`);
|
|
7
|
+
|
|
8
|
+
const events = {
|
|
9
|
+
manage,
|
|
10
|
+
manageAndEmit,
|
|
11
|
+
emit
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
function isReadOnly(eventName) {
|
|
15
|
+
return eventHandlerNames.indexOf(eventName) !== -1;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { events, isReadOnly };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
function removeNode(node) {
|
|
2
|
+
if (node.parentElement !== null) {
|
|
3
|
+
node.parentElement.removeChild(node);
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
function insertNodeAt(fatherNode, node, position) {
|
|
8
|
+
const refNode =
|
|
9
|
+
position === 0
|
|
10
|
+
? fatherNode.children[0]
|
|
11
|
+
: fatherNode.children[position - 1].nextSibling;
|
|
12
|
+
fatherNode.insertBefore(node, refNode);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { insertNodeAt, removeNode };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
function cached(fn) {
|
|
2
|
+
const cache = Object.create(null);
|
|
3
|
+
return function cachedFn(str) {
|
|
4
|
+
const hit = cache[str];
|
|
5
|
+
return hit || (cache[str] = fn(str));
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const regex = /-(\w)/g;
|
|
10
|
+
const camelize = cached(str => str.replace(regex, (_, c) => c.toUpperCase()));
|
|
11
|
+
|
|
12
|
+
export { camelize };
|