@done-coding/admin-core 0.15.1-alpha.0 → 0.16.1-alpha.0

package/es/style.css

@@ -1 +1 @@
-.confirm-modal[data-v-6ce57009] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-6ce57009]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-6ce57009] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-6ce57009]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);font-size:14px;line-height:22px;color:var(--el-text-color-regular);text-align:left;word-break:break-word}.confirm-modal[data-v-6ce57009] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal[data-v-6ce57009] .el-drawer__header{margin-bottom:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-text-color-primary)}.confirm-modal[data-v-6ce57009] .el-drawer__body{padding:20px}.confirm-modal[data-v-6ce57009] .el-drawer__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-6ce57009]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-6ce57009] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-6ce57009]{flex-direction:row-reverse}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-8b508d64]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-8b508d64] .el-form-item__label-wrap{display:none}[data-v-83b1b718] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{padding:0}.panel-edit-switch[data-v-65f056ab]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-65f056ab]{display:block}.panel-edit-switch-edit-btn[data-v-65f056ab]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-65f056ab]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-9e060e8b]{margin-bottom:var(--v6dd4af74)}.form-search_show[data-v-eb50264d]{margin-bottom:10px}.form-search .btn-box[data-v-eb50264d]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-eb50264d]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-6b4fc73b]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-6b4fc73b]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-6b4fc73b]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-6b4fc73b],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:12px}.tabs-main-bar--variant-card[data-v-6b4fc73b]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-6b4fc73b]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-6b4fc73b]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-6b4fc73b]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);font-weight:600}.dc-tabs-tile--nav-absolute[data-v-39fad9e5],.dc-tabs-tile--nav-fixed[data-v-39fad9e5]{position:relative}.dc-tabs-tile--nav-sticky[data-v-39fad9e5]{display:flex;flex-direction:column}.dc-tabs-tile__scroll[data-v-39fad9e5]{display:flex;flex-direction:column;gap:12px}.dc-tabs-tile__card[data-v-39fad9e5]{width:100%}.dc-tabs-tile__nav[data-v-39fad9e5]{z-index:2;max-height:60%;overflow:auto;padding:6px 10px;width:fit-content;border-radius:var(--dc-core-radius, 6px);background:var(--dc-core-surface, var(--el-bg-color-overlay));box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter))}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-c593275f]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-c593275f]{width:100%;--app-viewport-max-height: var(--v513aac26)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .app-footer{transition:none!important}.app-page[data-v-6ba4ec25]{--dc-page-content-viewport-top: var(--v0f6d6f31);--dc-page-content-viewport-bottom: var(--v314acecf);--dc-page-content-viewport-left: var(--v4386a4aa);--dc-page-content-viewport-right: var(--v2ca12e10);--dc-page-content-viewport-width: var(--v2c1456bc);--dc-page-content-viewport-height: var(--v3af5c5cb)}.app-page-shim[data-v-6ba4ec25]{--app-viewport-max-height: var(--v1911457e)}.app-page-slot-shim[data-v-6ba4ec25]{box-sizing:border-box;width:100%;height:100%}[data-v-64f355fe] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-e608ff06]{animation:auto-refresh-rotating-e608ff06 1s linear infinite}@keyframes auto-refresh-rotating-e608ff06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-item-nest-form[data-v-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:var(--el-box-shadow-lighter)}.table-toolbar[data-v-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-core-warning-color)}.data-list-view[data-v-c66e599d]{width:100%}.data-list-view-empty[data-v-c66e599d]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;grid-column:1 / -1}.table-main-pagination[data-v-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.dc-slot-layout-flow-aside_separate[data-v-5c6ef74b]{position:relative}.dc-slot-layout-flow-aside_separate_left[data-v-5c6ef74b]{padding-left:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside_separate_right[data-v-5c6ef74b]{padding-right:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside-aside[data-v-5c6ef74b]{width:var(--v88700944)}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b],.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{position:absolute;top:0;max-height:min(100%,var(--v23b7c943));overflow-y:auto}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b]{left:0}.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{right:0}.dc-slot-layout-flow-aside-main[data-v-5c6ef74b]{width:var(--v7e1d11ca)}.list-page[data-v-386c1374]{min-height:var(--v4d27171c)}.list-page-header[data-v-386c1374],.list-page-operation[data-v-386c1374]{margin-bottom:10px}.list-page[data-v-386c1374] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-item-nest-form-actions[data-v-3af1d77a]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
+.confirm-modal__title[data-v-64018cc0]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal__content[data-v-64018cc0]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);font-size:14px;line-height:22px;color:var(--el-text-color-regular);text-align:left;word-break:break-word}.confirm-modal__content_drawer[data-v-64018cc0]{max-height:none;height:100%}.confirm-modal__footer[data-v-64018cc0]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-64018cc0] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-64018cc0]{flex-direction:row-reverse}.dc-confirm-modal.el-drawer .el-drawer__header{margin-bottom:0;padding:16px 20px;color:var(--el-text-color-primary)}.dc-confirm-modal.el-drawer .el-drawer__body{padding:20px}.dc-confirm-modal.el-drawer .el-drawer__footer{padding:12px 20px}.dc-confirm-modal.confirm-modal_header-divider .el-drawer__header{border-bottom:1px solid var(--el-border-color-lighter)}.dc-confirm-modal.confirm-modal_footer-divider .el-drawer__footer{border-top:1px solid var(--el-border-color-lighter)}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-8b508d64]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-8b508d64] .el-form-item__label-wrap{display:none}[data-v-cc2ea388] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{padding:0}.panel-edit-switch[data-v-65f056ab]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-65f056ab]{display:block}.panel-edit-switch-edit-btn[data-v-65f056ab]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-65f056ab]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-9e060e8b]{margin-bottom:var(--v6dd4af74)}.form-search_show[data-v-b96e10f6]{margin-bottom:10px}.form-search .btn-box[data-v-b96e10f6]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-b96e10f6]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-9d365b46]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-9d365b46]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-9d365b46]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-9d365b46]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-9d365b46]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-9d365b46],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-9d365b46]{font-size:12px}.tabs-main-bar--variant-card[data-v-9d365b46]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-9d365b46]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-9d365b46]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-9d365b46]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-9d365b46]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-9d365b46]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-9d365b46]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-9d365b46]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-9d365b46]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-9d365b46]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-9d365b46]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-9d365b46]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-9d365b46]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-9d365b46]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-9d365b46]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-9d365b46]{color:var(--dc-core-primary-color);font-weight:600}.dc-tabs-tile--nav-absolute[data-v-0843fa11],.dc-tabs-tile--nav-fixed[data-v-0843fa11]{position:relative}.dc-tabs-tile--nav-sticky[data-v-0843fa11]{display:flex;flex-direction:column}.dc-tabs-tile__scroll[data-v-0843fa11]{display:flex;flex-direction:column;gap:12px}.dc-tabs-tile__card[data-v-0843fa11]{width:100%}.dc-tabs-tile__nav[data-v-0843fa11]{z-index:2;max-height:60%;overflow:auto;padding:6px 10px;width:fit-content;border-radius:var(--dc-core-radius, 6px);background:var(--dc-core-surface, var(--el-bg-color-overlay));box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter))}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-f97530b2]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-f97530b2]{width:100%;--app-viewport-max-height: var(--v85c12e9e)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .app-footer{transition:none!important}.app-page[data-v-8fb8acc9]{--dc-page-content-viewport-top: var(--v292949d5);--dc-page-content-viewport-bottom: var(--v45d97caa);--dc-page-content-viewport-left: var(--v0807b0f2);--dc-page-content-viewport-right: var(--f841aac8);--dc-page-content-viewport-width: var(--f7b4d374);--dc-page-content-viewport-height: var(--v32838eb2)}.app-page-shim[data-v-8fb8acc9]{--app-viewport-max-height: var(--v5c736bbc)}.app-page-slot-shim[data-v-8fb8acc9]{box-sizing:border-box;width:100%;height:100%}[data-v-64f355fe] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-e608ff06]{animation:auto-refresh-rotating-e608ff06 1s linear infinite}@keyframes auto-refresh-rotating-e608ff06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-item-nest-form[data-v-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:var(--el-box-shadow-lighter)}.table-toolbar[data-v-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-core-warning-color)}.data-list-view[data-v-c66e599d]{width:100%}.data-list-view-empty[data-v-c66e599d]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;grid-column:1 / -1}.table-main-pagination[data-v-fcb4b963]{margin-top:10px;display:flex;justify-content:flex-end}.dc-slot-layout-flow-aside_separate[data-v-5c6ef74b]{position:relative}.dc-slot-layout-flow-aside_separate_left[data-v-5c6ef74b]{padding-left:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside_separate_right[data-v-5c6ef74b]{padding-right:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside-aside[data-v-5c6ef74b]{width:var(--v88700944)}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b],.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{position:absolute;top:0;max-height:min(100%,var(--v23b7c943));overflow-y:auto}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b]{left:0}.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{right:0}.dc-slot-layout-flow-aside-main[data-v-5c6ef74b]{width:var(--v7e1d11ca)}.list-page[data-v-a488e79a]{min-height:var(--v41370796)}.list-page-header[data-v-a488e79a],.list-page-operation[data-v-a488e79a]{margin-bottom:10px}.list-page_search-sticky[data-v-a488e79a] .form-search{position:sticky;top:var(--v561cdcbe);z-index:10;background:var(--dc-core-surface, var(--el-bg-color));box-shadow:0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter))}.list-page_toolbar-sticky[data-v-a488e79a] .dc-table-main__toolbar{position:sticky;top:var(--v176bdd58);z-index:9;padding-top:10px;background:var(--dc-core-surface, var(--el-bg-color));box-shadow:0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter))}.list-page_pager-sticky[data-v-a488e79a] .dc-table-main__pagination{position:sticky;bottom:var(--v3cef8d58);z-index:9;margin-top:0;padding-top:10px;background:var(--dc-core-surface, var(--el-bg-color));box-shadow:0 -1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter))}.list-page[data-v-a488e79a] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-item-nest-form-actions[data-v-3af1d77a]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

package/es/utils/dom.mjs

@@ -7,6 +7,16 @@ function n(e) {
     t = t.parentElement;
   }
 }
+function r(e) {
+  let t = e == null ? void 0 : e.parentElement;
+  for (; t && t !== document.body && t !== document.documentElement; ) {
+    const o = getComputedStyle(t);
+    if (o.display !== "contents" && /(auto|scroll|overlay|hidden)/.test(o.overflowY))
+      return t;
+    t = t.parentElement;
+  }
+}
 export {
-  n as domClosestScrollableAncestor
+  n as domClosestScrollableAncestor,
+  r as domClosestStickyScrollport
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.15.1-alpha.0",
+  "version": "0.16.1-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -79,5 +79,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "84d8263af2b77d19e0c79464b83d01225fb3f853"
+  "gitHead": "1ad0786c399e951d209dd86967c01e77cae9b382"
 }

package/types/components/app-layout/AppPage.vue.d.ts

@@ -8,6 +8,10 @@ type __VLS_Props = {
     bottomBg?: string;
     leftBg?: string;
     rightBg?: string;
+    topObserveResize?: boolean;
+    bottomObserveResize?: boolean;
+    leftObserveResize?: boolean;
+    rightObserveResize?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -29,6 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     fullViewport: boolean;
     fullMode: "min-height" | "height";
     nextViewportMaxHeight: string;
+    topObserveResize: boolean;
+    bottomObserveResize: boolean;
+    leftObserveResize: boolean;
+    rightObserveResize: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     appPageRef: HTMLDivElement;
 }, HTMLDivElement>;

package/types/components/display/TabsTile.vue.d.ts

@@ -96,7 +96,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<import('element-plus').AnchorProps> & Readonly<{
             onChange?: ((href: string) => any) | undefined;
             onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
-        }>, "type" | "offset" | "marker" | "bound" | "duration" | "direction" | "scrollTo"> & {
+        }>, "type" | "marker" | "offset" | "bound" | "duration" | "direction" | "scrollTo"> & {
             scrollTo: (href?: string) => void;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -191,7 +191,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }> & Omit<Readonly<import('element-plus').AnchorProps> & Readonly<{
         onChange?: ((href: string) => any) | undefined;
         onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
-    }>, "type" | "offset" | "marker" | "bound" | "duration" | "direction" | "scrollTo"> & {
+    }>, "type" | "marker" | "offset" | "bound" | "duration" | "direction" | "scrollTo"> & {
         scrollTo: (href?: string) => void;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

package/types/components/display/WatchSize.vue.d.ts

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     mode?: "height" | "width" | "both";
+    observeResize?: boolean;
+    debounceTime?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -20,6 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onWidthChange?: ((value: number) => any) | undefined;
 }>, {
     mode: "height" | "width" | "both";
+    observeResize: boolean;
+    debounceTime: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     box: HTMLDivElement;
 }, HTMLDivElement>;

package/types/components/display/types.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComputedRef, VNode } from 'vue';
+import { Component, VNode } from 'vue';
 import { ButtonProps, TagProps } from 'element-plus';
 export type ActionConfirmMode = "popconfirm" | "messageConfirm";
 export type ActionConfirmTextResolver = string | (() => string | VNode[]);
@@ -48,10 +48,6 @@ export interface TabsMainItem {
     title: string;
     component?: Component;
 }
-export interface TabsChannelPayload {
-    viewportHeight: ComputedRef<number>;
-    level: number;
-}
 export type TabsMainPadding = [number, number, number, number];
 export type TabsHeaderVariant = "card" | "indicator" | "indicator-compact" | "plain";
 export type TabsMainTileNavPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";

package/types/components/form/FormItem.vue.d.ts

@@ -89,10 +89,10 @@ declare function __VLS_template(): {
             labelPosition: "left" | "right" | "top" | "";
             inlineMessage: boolean;
             showMessage: boolean;
-        }> & Omit<Readonly<import('element-plus').FormItemProps> & Readonly<{}>, "labelPosition" | "required" | "inlineMessage" | "showMessage" | "size" | "validate" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & {
-            size: "" | "default" | "small" | "large";
+        }> & Omit<Readonly<import('element-plus').FormItemProps> & Readonly<{}>, "size" | "required" | "labelPosition" | "inlineMessage" | "showMessage" | "validate" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & {
+            size: "" | "small" | "default" | "large";
             validateMessage: string;
-            validateState: "" | "error" | "validating" | "success";
+            validateState: "" | "error" | "success" | "validating";
             validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             clearValidate: () => void;
             resetField: () => void;
@@ -115,17 +115,17 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FormMainItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (type: FormItemSubmitType) => any;
     viewHideChange: (info: {
         config: FormMainItemProps["config"];
         status: boolean;
     }) => any;
-    submit: (type: FormItemSubmitType) => any;
 }, string, import('vue').PublicProps, Readonly<FormMainItemProps> & Readonly<{
+    onSubmit?: ((type: FormItemSubmitType) => any) | undefined;
     onViewHideChange?: ((info: {
         config: FormMainItemProps["config"];
         status: boolean;
     }) => any) | undefined;
-    onSubmit?: ((type: FormItemSubmitType) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formItem: ({
         $: import('vue').ComponentInternalInstance;
@@ -194,10 +194,10 @@ declare const __VLS_component: import('vue').DefineComponent<FormMainItemProps,
         labelPosition: "left" | "right" | "top" | "";
         inlineMessage: boolean;
         showMessage: boolean;
-    }> & Omit<Readonly<import('element-plus').FormItemProps> & Readonly<{}>, "labelPosition" | "required" | "inlineMessage" | "showMessage" | "size" | "validate" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & {
-        size: "" | "default" | "small" | "large";
+    }> & Omit<Readonly<import('element-plus').FormItemProps> & Readonly<{}>, "size" | "required" | "labelPosition" | "inlineMessage" | "showMessage" | "validate" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & {
+        size: "" | "small" | "default" | "large";
         validateMessage: string;
-        validateState: "" | "error" | "validating" | "success";
+        validateState: "" | "error" | "success" | "validating";
         validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         clearValidate: () => void;
         resetField: () => void;

package/types/components/form/FormMain.vue.d.ts

@@ -26,18 +26,7 @@ declare const _default: <PO extends Record<string, any>, SO extends Record<strin
         placeholder?: string;
     }) => any>> & {
         default?(_: {
-            mergeLayout: (layout?: Partial<ColProps>) => {
-                tag?: string;
-                span?: number;
-                offset?: number;
-                pull?: number;
-                push?: number;
-                xs?: import('element-plus').ColSize;
-                sm?: import('element-plus').ColSize;
-                md?: import('element-plus').ColSize;
-                lg?: import('element-plus').ColSize;
-                xl?: import('element-plus').ColSize;
-            };
+            mergeLayout: (layout?: Partial<ColProps>) => Partial<ColProps>;
         }): any;
     };
     emit: {

package/types/components/form/FormSubmitPanel.vue.d.ts

@@ -1,8 +1,8 @@
 import { FormSubmitPanelProps, FormDataInfo } from './types';
 declare const _default: <PO extends Record<string, any>, SO extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onSuccess?: ((sData: import('./types').ExcludeNeverProperties<import('./types').ExtractFormStringifyRawFromObject<PO, SO>>) => any) | undefined;
         readonly onCancel?: (() => any) | undefined;
+        readonly onSuccess?: ((sData: import('./types').ExcludeNeverProperties<import('./types').ExtractFormStringifyRawFromObject<PO, SO>>) => any) | undefined;
         readonly onFail?: ((error: any) => any) | undefined;
         readonly onParseDataChange?: ((pData: PO) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onCancel" | "onSuccess" | "onFail" | "onParseDataChange"> & FormSubmitPanelProps<PO, SO> & Partial<{}>> & import('vue').PublicProps;

package/types/components/form/types.d.ts

@@ -84,6 +84,7 @@ export interface FormMainProps<PO extends Record<string, any>, SO extends Record
     layout?: Partial<ColProps>;
     rowGutter?: number;
     layoutScale?: number;
+    layoutByContainer?: boolean;
 }
 export interface FormSearchProps<PO extends Record<string, any>, SO extends Record<string, any>, SQ extends Record<string, any>> extends FormMainProps<PO, SO> {
     labelPosition?: "right" | "left" | "top";

package/types/components/form/use-layout-by-container.d.ts

@@ -0,0 +1,11 @@
+import { Breakpoint } from '../../hooks';
+import { ColProps, FormInstance } from 'element-plus';
+export declare const resolveFormLayoutAtBreakpoint: (merged: Partial<ColProps>, breakpoint: Breakpoint) => Partial<ColProps>;
+export interface UseFormLayoutByContainerOptions {
+    enabled: () => boolean;
+    getForm: () => FormInstance | undefined;
+}
+export interface UseFormLayoutByContainerReturn {
+    resolveLayoutByContainer: (merged: Partial<ColProps>) => Partial<ColProps>;
+}
+export declare function useFormLayoutByContainer(options: UseFormLayoutByContainerOptions): UseFormLayoutByContainerReturn;

package/types/components/list-page/ListPage.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         refreshInterval?: number;
         customView?: boolean;
     } & Partial<Pick<import('../form').FormSearchProps<PO, SO, {}>, "staticQuery">> & {
-        formSearchProps?: Partial<Omit<import('../form').FormSearchProps<PO, SO, {}>, "list" | "compact" | "staticQuery">> | undefined;
+        formSearchProps?: Partial<Omit<import('../form').FormSearchProps<PO, SO, {}>, "staticQuery" | "compact" | "list">> | undefined;
     } & Pick<import('../table').TableMainProps<T, import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, ListPageInnerInjectInfo<PO, F>>, import('./types').TableMainRequiredKey> & Partial<Pick<import('../table').TableMainProps<T, import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, ListPageInnerInjectInfo<PO, F>>, import('./types').TableMainOptionsKey>> & {
         tableMainProps?: Partial<Omit<import('../table').TableMainProps<T, import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, ListPageInnerInjectInfo<PO, F>>, import('./types').TableMainOptionsKey | import('./types').TableMainRewriteKey>> | undefined;
     } & {
@@ -27,6 +27,11 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         clearTableFilterOnReset?: boolean;
         separateSearch?: boolean;
         separateSearchConfig?: Pick<import('../slot-layout').SlotLayoutFlowAsideProps, "type" | "gap" | "asideWidth">;
+        searchSticky?: boolean;
+        toolbarSticky?: boolean;
+        pagerSticky?: boolean;
+        headerObserveResize?: boolean;
+        operationObserveResize?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<ListPageInstance<PO, Record<string, any>>>): void;
     attrs: any;

package/types/components/list-page/types.d.ts

@@ -20,6 +20,11 @@ export type ListPageProps<T extends Record<string, any>, PO extends Record<strin
     clearTableFilterOnReset?: boolean;
     separateSearch?: boolean;
     separateSearchConfig?: Pick<SlotLayoutFlowAsideProps, "type" | "gap" | "asideWidth">;
+    searchSticky?: boolean;
+    toolbarSticky?: boolean;
+    pagerSticky?: boolean;
+    headerObserveResize?: boolean;
+    operationObserveResize?: boolean;
 };
 export interface ListPageInstance<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> extends FormSearchInstance<PO, SO>, TableMainInstance {
     update: (key: Extract<keyof PO, string>, value: any) => void;

package/types/components/list-page/use-sticky.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPublicInstance, ComputedRef, ShallowRef } from 'vue';
+export interface UseListPageStickyOptions {
+    searchSticky: () => boolean;
+    toolbarSticky: () => boolean;
+    pagerSticky: () => boolean;
+    separateSearch: () => boolean;
+    searchHeight: () => number;
+    showSearch: () => boolean;
+}
+export interface UseListPageStickyReturn {
+    layoutRoot: ShallowRef<ComponentPublicInstance | undefined>;
+    searchStickyActive: ComputedRef<boolean>;
+    toolbarStickyActive: ComputedRef<boolean>;
+    pagerStickyActive: ComputedRef<boolean>;
+    searchStickyTop: ComputedRef<string>;
+    toolbarStickyTop: ComputedRef<string>;
+    pagerStickyBottom: ComputedRef<string>;
+}
+export declare function useListPageSticky(options: UseListPageStickyOptions): UseListPageStickyReturn;

package/types/components/modal/ConfirmModal.vue.d.ts

@@ -19,19 +19,26 @@ type __VLS_Props = {
     type?: ButtonProps["type"];
     layerType?: "modal" | "drawer";
     direction?: "rtl" | "ltr" | "ttb" | "btt";
+    headerDivider?: boolean;
+    footerDivider?: boolean;
+    modalReserve?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
+        'main-header'?(_: {}): any;
         default?(_: {}): any;
+        'main-footer'?(_: {}): any;
         footer?(_: {
             cancelHandler: () => Promise<void>;
             confirmHandler: () => Promise<void>;
             loading: boolean;
         }): any;
     };
-    refs: {};
+    refs: {
+        contentRef: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -40,9 +47,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    type: "" | "success" | "default" | "text" | "info" | "primary" | "warning" | "danger";
     reverse: boolean;
     width: number | string;
+    type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
     direction: "rtl" | "ltr" | "ttb" | "btt";
     showClose: boolean;
     cancelText: string | (() => VNode);
@@ -51,7 +58,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     closeOnPressEscape: boolean;
     closeOnClickModal: boolean;
     layerType: "modal" | "drawer";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    headerDivider: boolean;
+    footerDivider: boolean;
+    modalReserve: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/modal/DetailModal.vue.d.ts

@@ -8,7 +8,10 @@ declare const _default: <PO extends Record<string, any>, SO extends Record<strin
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:show" | "onAfterAdd" | "onAfterEdit"> & DetailModalProps<PO, SO> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: {
+        header?(_: {}): any;
+        footer?(_: {}): any;
+    };
     emit: {
         (e: "update:show", value: boolean): void;
         (e: "afterAdd" | "afterEdit", data: ExtractFormStringifyFromObject<PO, SO>): void;

package/types/components/panel/PanelItemNestForm.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Props = {
     rebase?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    submitText: string;
     cancelText: string;
+    submitText: string;
     rebase: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     childRef: {

package/types/hooks/index.d.ts

@@ -5,5 +5,6 @@ export * from './feel-size';
 export * from './menus-dispatch';
 export * from './timeout';
 export * from './use-channel-viewport-height';
+export * from './use-observe-size';
 export * from './use-theme-apply';
 export * from './use-viewport-apply';

package/types/hooks/use-channel-viewport-height.d.ts

@@ -1,4 +1,5 @@
 import { ComputedRef } from 'vue';
+import { ScopeViewportMaxHeight } from '../inject';
 export interface UseChannelViewportHeightOptions {
     fallback?: number;
 }
@@ -8,6 +9,6 @@ export interface UseChannelViewportHeightMaybeProps {
 }
 export interface UseChannelViewportHeightReturn {
     viewportHeightFinal: ComputedRef<number>;
-    parentLevel: ComputedRef<number>;
+    nearestScope: ScopeViewportMaxHeight | undefined;
 }
 export declare const useChannelViewportHeight: (maybeProps: UseChannelViewportHeightMaybeProps, options?: UseChannelViewportHeightOptions) => UseChannelViewportHeightReturn;

package/types/hooks/use-observe-size.d.ts

@@ -0,0 +1,7 @@
+export interface UseObserveSizeOptions {
+    getTarget: () => HTMLElement | null | undefined;
+    onResize: (entry: ResizeObserverEntry) => void;
+    enabled?: () => boolean;
+    debounce?: number;
+}
+export declare const useObserveSize: (options: UseObserveSizeOptions) => void;

package/types/inject/key.d.ts

@@ -4,6 +4,12 @@ import { ModalLevel, ShelfController } from '../components/modal';
 import { AppLayoutAppStoreSlice, AppLayoutUserStoreSlice, AppLayoutBridgeSlice } from '../components/app-layout';
 import { NestFormExposeMap } from '../components/form';
 export declare const BODY_CONTENT_VIEWPORT_HEIGHT: InjectionKey<Readonly<Ref<number>>>;
+export interface ScopeViewportMaxHeight {
+    scope?: string;
+    viewportMaxHeight: Readonly<Ref<number>>;
+    parent?: ScopeViewportMaxHeight;
+}
+export declare const SCOPE_VIEWPORT_MAX_HEIGHT: InjectionKey<ScopeViewportMaxHeight>;
 export declare const BODY_CONTENT_VIEWPORT_RECT: InjectionKey<ComputedRef<{
     top: string;
     left: string;
@@ -17,12 +23,12 @@ export declare const BODY_CONTENT_VIEWPORT_INSET: InjectionKey<ComputedRef<{
     left: number;
     right: number;
 }>>;
-export declare const APP_PAGE_CONTENT_INSET: InjectionKey<ComputedRef<{
+export declare const APP_PAGE_CONTENT_INSET: InjectionKey<Readonly<Ref<Readonly<{
     top: number;
     bottom: number;
     left: number;
     right: number;
-}>>;
+}>>>>;
 export declare function getModalShelfInjectionKey(level: ModalLevel): InjectionKey<ShelfController>;
 export declare const TABS_MAIN_VISUAL_LEVEL: InjectionKey<number>;
 export declare const APP_LAYOUT_APP_STORE_KEY: InjectionKey<AppLayoutAppStoreSlice>;

package/types/injectInfo.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@done-coding/admin-core",
-  "version": "0.15.1-alpha.0",
+  "version": "0.16.1-alpha.0",
   "description": "内部前端库"
 };
 

package/types/utils/dom.d.ts

@@ -1 +1,2 @@
 export declare function domClosestScrollableAncestor(el: HTMLElement | null | undefined): HTMLElement | undefined;
+export declare function domClosestStickyScrollport(el: HTMLElement | null | undefined): HTMLElement | undefined;