@veltra/desktop 1.0.13 → 1.0.15

package/dist/components/expression-editor/style2.css

@@ -47,22 +47,6 @@
 .u-expression-editor.is-readonly:hover {
   border-color: var(--u-border-color);
 }
-.u-expression-editor__tools {
-  text-align: right;
-  margin-bottom: var(--u-gap-small);
-}
-.u-expression-editor__tools > * {
-  cursor: pointer;
-  transition: color 0.2s ease;
-}
-.u-expression-editor__tools > *:hover {
-  color: var(--u-color-primary);
-}
-.u-expression-editor__paragraph {
-  margin: 0;
-  padding: 0;
-  line-height: 1.6;
-}
 .u-expression-editor__placeholder {
   position: absolute;
   color: var(--u-text-color-placeholder);
@@ -84,209 +68,135 @@
 .u-expression-editor__container:empty::before {
   content: "​";
 }
-.u-expression-editor__container .ultra-expression-variable-source {
-  cursor: grab;
-}
-.u-expression-editor__container .ultra-expression-variable-source.is-dragging {
-  opacity: 0.5;
-  cursor: grabbing;
-}
-.u-expression-editor__container .expression-editor__drop-indicator {
-  position: absolute;
-  width: 2px;
-  border-radius: 999px;
-  transform: translateX(-1px);
-  pointer-events: none;
-  background-color: var(--u-color-primary);
-  box-shadow: 0 0 0 1px var(--u-color-primary-light-8);
-  transition: opacity 0.12s ease;
-  z-index: 3;
-}
-.u-expression-editor__fallback {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-top: 8px;
-  padding-top: 8px;
-  border-top: var(--u-border);
-}
-.u-expression-editor__fallback-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.u-expression-editor__fallback-label {
-  min-width: 0;
-  flex: 1;
-  font-size: 12px;
-  color: var(--u-text-color-main);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.u-expression-editor__container > [data-seg=text] {
+  white-space: pre-wrap;
 }
-.u-expression-editor__fallback-actions {
+.u-expression-editor__chip {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  flex-shrink: 0;
-}
-.u-expression-editor__fallback-button {
-  border: var(--u-border);
-  border-radius: var(--u-radius-small);
-  background-color: var(--u-bg-color-top);
-  color: var(--u-text-color-main);
-  font-size: 12px;
-  line-height: 1;
-  height: 22px;
+  margin: 0 2px;
   padding: 0 8px;
-  cursor: pointer;
-  transition: all 0.12s ease;
-}
-.u-expression-editor__fallback-button:hover:not(:disabled) {
+  height: 22px;
+  line-height: 1;
+  font-size: 12px;
   color: var(--u-color-primary);
-  border-color: var(--u-color-primary);
   background-color: var(--u-color-primary-light-9);
+  border-radius: 999px;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.12s ease, box-shadow 0.12s ease;
 }
-.u-expression-editor__fallback-button:disabled {
-  cursor: not-allowed;
-  color: var(--u-text-color-placeholder);
-  border-color: var(--u-border-color);
-  background-color: var(--u-bg-color-middle);
-}
-.u-expression-editor--small {
-  min-height: var(--u-form-component-height-small);
-  padding: var(--u-gap-small);
-}
-.u-expression-editor--small .u-expression-editor__placeholder {
-  top: var(--u-gap-small);
-  left: var(--u-gap-small);
-  font-size: var(--u-font-size-main-small);
-}
-.u-expression-editor--small .u-expression-editor__container {
-  font-size: var(--u-font-size-main-small);
-}
-.u-expression-editor--small .u-expression-editor__clear {
-  font-size: var(--u-font-size-main-small);
-}
-.u-expression-editor--default {
-  min-height: var(--u-form-component-height-default);
-  padding: var(--u-gap-default);
-}
-.u-expression-editor--default .u-expression-editor__placeholder {
-  top: var(--u-gap-default);
-  left: var(--u-gap-default);
-  font-size: var(--u-font-size-main-default);
-}
-.u-expression-editor--default .u-expression-editor__container {
-  font-size: var(--u-font-size-main-default);
+.u-expression-editor__chip:hover {
+  color: var(--u-color-primary);
+  background-color: var(--u-color-primary-light-8);
+  box-shadow: 0 1px 4px var(--u-shadow-color);
 }
-.u-expression-editor--default .u-expression-editor__clear {
-  font-size: var(--u-font-size-main-default);
+.u-expression-editor__chip:hover .u-expression-editor__chip-close {
+  opacity: 1;
+  max-width: 14px;
+  margin-left: 2px;
 }
-.u-expression-editor--large {
-  min-height: var(--u-form-component-height-large);
-  padding: var(--u-gap-large);
-}
-.u-expression-editor--large .u-expression-editor__placeholder {
-  top: var(--u-gap-large);
-  left: var(--u-gap-large);
-  font-size: var(--u-font-size-main-large);
+.u-expression-editor__chip.is-focused {
+  box-shadow: 0 0 0 2px var(--u-color-primary-light-7);
 }
-.u-expression-editor--large .u-expression-editor__container {
-  font-size: var(--u-font-size-main-large);
+.u-expression-editor__chip-label {
+  pointer-events: none;
 }
-.u-expression-editor--large .u-expression-editor__clear {
-  font-size: var(--u-font-size-main-large);
+.u-expression-editor__chip-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  max-width: 0;
+  margin-left: 0;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1;
+  color: var(--u-color-primary);
+  opacity: 0;
+  transition: opacity 0.12s ease, max-width 0.12s ease, margin-left 0.12s ease;
+  cursor: pointer;
 }
-.u-expression-editor__variable-empty {
-  padding: 16px;
-  text-align: center;
-  color: var(--u-text-color-second);
-  font-size: 13px;
-  font-weight: 500;
+.u-expression-editor__chip-close:hover {
+  transform: scale(1.1);
 }
-.u-expression-editor__variable-list {
-  padding: 6px 0;
-  margin: 0;
-  list-style: none;
-  max-height: 240px;
-  overflow-y: auto;
+.u-expression-editor__picker {
+  min-width: 220px;
   background-color: var(--u-bg-color-top);
 }
-.u-expression-editor__variable-list::-webkit-scrollbar {
-  width: 8px;
+.u-expression-editor__picker-body {
+  display: flex;
+  align-items: stretch;
+  min-height: 200px;
 }
-.u-expression-editor__variable-list::-webkit-scrollbar-track {
-  background-color: var(--u-bg-color-middle);
-  border-radius: var(--u-radius-small);
+.u-expression-editor__panel {
+  flex: 1 1 auto;
+  min-width: 0;
+  max-height: 320px;
 }
-.u-expression-editor__variable-list::-webkit-scrollbar-thumb {
-  background-color: var(--u-text-color-placeholder);
-  border-radius: var(--u-radius-small);
-  border: 2px solid var(--u-bg-color-middle);
+.u-expression-editor__panel-list {
+  height: 100%;
+  min-height: 200px;
 }
-.u-expression-editor__variable-list::-webkit-scrollbar-thumb:hover {
-  background-color: var(--u-text-color-second);
+.u-expression-editor__panel-content {
+  padding: 4px 0;
 }
-.u-expression-editor__variable-item {
-  padding: 8px 14px;
-  margin: 2px 6px;
+.u-expression-editor__item {
+  padding: 6px 12px;
   cursor: pointer;
-  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: var(--u-radius-default);
-  font-size: 13px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  transition: background-color 0.12s ease, color 0.12s ease;
   color: var(--u-text-color-main);
-  font-weight: 500;
-}
-.u-expression-editor__variable-item:hover {
-  background-color: var(--u-color-primary-light-9);
-  color: var(--u-color-primary);
-  transform: translateX(2px);
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: var(--u-radius-small);
+  margin: 1px 4px;
 }
-.u-expression-editor__variable-item.is-active {
+.u-expression-editor__item.is-active {
   background-color: var(--u-color-primary);
   color: var(--u-text-color-white);
-  font-weight: 600;
-  box-shadow: 0 2px 4px var(--u-shadow-color);
 }
-.u-expression-editor__filter {
-  padding: 6px;
-  border-bottom: var(--u-border);
+.u-expression-editor__item.is-active .u-expression-editor__item-expand {
+  color: var(--u-text-color-white);
+}
+.u-expression-editor__item-label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-expression-editor__item-expand {
+  flex-shrink: 0;
+  color: var(--u-text-color-placeholder);
+  font-size: 12px;
+}
+.u-expression-editor__empty {
+  flex: 1;
+  padding: 32px 16px;
+  text-align: center;
 }
 .u-expression-editor__breadcrumbs {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   padding: 6px 10px;
   border-bottom: var(--u-border);
-  background-color: var(--u-bg-color-middle);
   font-size: 12px;
   color: var(--u-text-color-second);
-  overflow-x: auto;
-  white-space: nowrap;
-}
-.u-expression-editor__breadcrumbs::-webkit-scrollbar {
-  height: 4px;
-}
-.u-expression-editor__breadcrumbs::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.u-expression-editor__breadcrumbs::-webkit-scrollbar-thumb {
-  background-color: var(--u-border-color);
-  border-radius: 2px;
-}
-.u-expression-editor__breadcrumbs::-webkit-scrollbar-thumb:hover {
-  background-color: var(--u-text-color-placeholder);
 }
 .u-expression-editor__breadcrumb-item {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   gap: 4px;
 }
 .u-expression-editor__breadcrumb-link {
   cursor: pointer;
-  transition: all 0.15s ease;
-  font-weight: 500;
+  transition: color 0.12s ease, background-color 0.12s ease;
   padding: 2px 6px;
   border-radius: var(--u-radius-small);
 }
@@ -301,59 +211,76 @@
 .u-expression-editor__breadcrumb-separator {
   font-size: 10px;
   color: var(--u-text-color-placeholder);
-  margin: 0 2px;
 }
-.u-expression-editor__panel {
-  min-height: 200px;
-  max-height: 360px;
+.u-expression-editor__path-preview {
+  flex: 0 0 200px;
+  border-left: var(--u-border);
+  padding: 8px 12px;
+  background-color: var(--u-bg-color-middle);
+  font-size: 12px;
 }
-.u-expression-editor__panel-list {
-  height: 100%;
-  min-height: 200px;
+.u-expression-editor__path-preview-title {
+  color: var(--u-text-color-second);
+  margin-bottom: 6px;
+  font-weight: 600;
 }
-.u-expression-editor__panel-content {
-  padding: 2px 0;
+.u-expression-editor__path-tree {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
-.u-expression-editor__item {
-  padding: 5px 10px;
-  cursor: pointer;
-  user-select: none;
+.u-expression-editor__path-tree-item {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  transition: all 0.12s ease;
+  gap: 4px;
+  line-height: 1.6;
   color: var(--u-text-color-main);
-  font-size: 13px;
-  line-height: 1.4;
-  border-radius: var(--u-radius-small);
-  margin: 1px 4px;
 }
-.u-expression-editor__item:hover {
-  background-color: var(--u-bg-color-hover);
-}
-.u-expression-editor__item.is-active {
-  background-color: var(--u-color-primary);
-  color: var(--u-text-color-white);
-  font-weight: 500;
-  box-shadow: 0 1px 3px var(--u-shadow-color);
+.u-expression-editor__path-tree-item.is-active {
+  color: var(--u-color-primary);
+  font-weight: 600;
 }
-.u-expression-editor__item.is-active .u-expression-editor__item-expand {
-  color: var(--u-text-color-white);
+.u-expression-editor__path-tree-branch {
+  color: var(--u-text-color-placeholder);
 }
-.u-expression-editor__item-label {
-  flex: 1;
+.u-expression-editor__path-tree-label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.u-expression-editor__item-expand {
-  flex-shrink: 0;
-  color: var(--u-text-color-placeholder);
-  font-size: 11px;
-  transition: color 0.15s ease;
+.u-expression-editor--small {
+  min-height: var(--u-form-component-height-small);
+  padding: var(--u-gap-small);
 }
-.u-expression-editor__empty {
-  padding: 40px 20px;
-  text-align: center;
+.u-expression-editor--small .u-expression-editor__placeholder {
+  top: var(--u-gap-small);
+  left: var(--u-gap-small);
+  font-size: var(--u-font-size-main-small);
+}
+.u-expression-editor--small .u-expression-editor__container {
+  font-size: var(--u-font-size-main-small);
+}
+.u-expression-editor--default {
+  min-height: var(--u-form-component-height-default);
+  padding: var(--u-gap-default);
+}
+.u-expression-editor--default .u-expression-editor__placeholder {
+  top: var(--u-gap-default);
+  left: var(--u-gap-default);
+  font-size: var(--u-font-size-main-default);
+}
+.u-expression-editor--default .u-expression-editor__container {
+  font-size: var(--u-font-size-main-default);
+}
+.u-expression-editor--large {
+  min-height: var(--u-form-component-height-large);
+  padding: var(--u-gap-large);
+}
+.u-expression-editor--large .u-expression-editor__placeholder {
+  top: var(--u-gap-large);
+  left: var(--u-gap-large);
+  font-size: var(--u-font-size-main-large);
+}
+.u-expression-editor--large .u-expression-editor__container {
+  font-size: var(--u-font-size-main-large);
 }

package/dist/components/index.js

@@ -68,34 +68,34 @@ import _sfc_main$52 from "./expression-editor/expression-editor.js";
 import _sfc_main$53 from "./watermark/watermark.js";
 import _sfc_main$54 from "./pop-confirm/pop-confirm.js";
 import _sfc_main$55 from "./action/action.js";
-import action_group_default from "./action/action-group.js";
-import _sfc_main$56 from "./batch-edit/batch-edit.js";
+import _sfc_main$56 from "./action/action-group.js";
+import _sfc_main$57 from "./batch-edit/batch-edit.js";
 import { defineBatchEditColumns } from "./batch-edit/helper.js";
-import _sfc_main$57 from "./textarea/textarea.js";
-import _sfc_main$58 from "./cascade/cascade.js";
-import _sfc_main$59 from "./steps/steps.js";
-import _sfc_main$60 from "./date-picker/date-picker.js";
-import _sfc_main$61 from "./palette/palette.js";
-import _sfc_main$62 from "./select/select.js";
-import _sfc_main$63 from "./theme/theme.js";
-import _sfc_main$64 from "./multi-tree-select/multi-tree-select.js";
-import _sfc_main$65 from "./group-input/group-input.js";
-import _sfc_main$66 from "./list/list.js";
-import _sfc_main$67 from "./list/list-item.js";
-import _sfc_main$68 from "./rich-text-editor/rich-text-editor.js";
-import _sfc_main$69 from "./menu/menu-item.js";
-import _sfc_main$70 from "./menu/menu-sub.js";
-import _sfc_main$71 from "./menu/menu.js";
-import _sfc_main$72 from "./grid-input/grid-input.js";
-import _sfc_main$73 from "./switch/switch.js";
-import _sfc_main$74 from "./radio-group/radio-group.js";
-import _sfc_main$75 from "./checkbox-group/checkbox-group.js";
-import _sfc_main$76 from "./file-viewer/file-viewer.js";
-import _sfc_main$77 from "./text/text.js";
-import _sfc_main$78 from "./breadcrumb/breadcrumb.js";
-import _sfc_main$79 from "./paginator/paginator.js";
-import _sfc_main$80 from "./float-button/float-button.js";
-import _sfc_main$81 from "./badge/badge.js";
+import _sfc_main$58 from "./textarea/textarea.js";
+import _sfc_main$59 from "./cascade/cascade.js";
+import _sfc_main$60 from "./steps/steps.js";
+import _sfc_main$61 from "./date-picker/date-picker.js";
+import _sfc_main$62 from "./palette/palette.js";
+import _sfc_main$63 from "./select/select.js";
+import _sfc_main$64 from "./theme/theme.js";
+import _sfc_main$65 from "./multi-tree-select/multi-tree-select.js";
+import _sfc_main$66 from "./group-input/group-input.js";
+import _sfc_main$67 from "./list/list.js";
+import _sfc_main$68 from "./list/list-item.js";
+import _sfc_main$69 from "./rich-text-editor/rich-text-editor.js";
+import _sfc_main$70 from "./menu/menu-item.js";
+import _sfc_main$71 from "./menu/menu-sub.js";
+import _sfc_main$72 from "./menu/menu.js";
+import _sfc_main$73 from "./grid-input/grid-input.js";
+import _sfc_main$74 from "./switch/switch.js";
+import _sfc_main$75 from "./radio-group/radio-group.js";
+import _sfc_main$76 from "./checkbox-group/checkbox-group.js";
+import _sfc_main$77 from "./file-viewer/file-viewer.js";
+import _sfc_main$78 from "./text/text.js";
+import _sfc_main$79 from "./breadcrumb/breadcrumb.js";
+import _sfc_main$80 from "./paginator/paginator.js";
+import _sfc_main$81 from "./float-button/float-button.js";
+import _sfc_main$82 from "./badge/badge.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	DynamicFormModel: () => DynamicFormModel,
@@ -103,11 +103,11 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	MessageConfirm: () => MessageConfirm,
 	Notification: () => Notification,
 	UAction: () => _sfc_main$55,
-	UActionGroup: () => action_group_default,
+	UActionGroup: () => _sfc_main$56,
 	UAutoComplete: () => _sfc_main$30,
-	UBadge: () => _sfc_main$81,
-	UBatchEdit: () => _sfc_main$56,
-	UBreadcrumb: () => _sfc_main$78,
+	UBadge: () => _sfc_main$82,
+	UBatchEdit: () => _sfc_main$57,
+	UBreadcrumb: () => _sfc_main$79,
 	UButton: () => _sfc_main$16,
 	UButtonGroup: () => _sfc_main$17,
 	UCalendar: () => _sfc_main$19,
@@ -116,18 +116,18 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UCardContent: () => _sfc_main$24,
 	UCardCover: () => _sfc_main$23,
 	UCardHeader: () => _sfc_main$22,
-	UCascade: () => _sfc_main$58,
+	UCascade: () => _sfc_main$59,
 	UCheckTag: () => _sfc_main$47,
 	UCheckbox: () => _sfc_main$7,
 	UCheckboxButton: () => _sfc_main$35,
-	UCheckboxGroup: () => _sfc_main$75,
+	UCheckboxGroup: () => _sfc_main$76,
 	UCodeEditor: () => _sfc_main$11,
 	UCollapse: () => _sfc_main$43,
 	UCollapseItem: () => _sfc_main$44,
 	UConditionEditor: () => _sfc_main,
 	UContextMenu: () => _sfc_main$48,
 	UDatePanel: () => _sfc_main$26,
-	UDatePicker: () => _sfc_main$60,
+	UDatePicker: () => _sfc_main$61,
 	UDateRangePicker: () => _sfc_main$27,
 	UDialog: () => _sfc_main$51,
 	UDrawer: () => _sfc_main$12,
@@ -135,56 +135,56 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UEmpty: () => _sfc_main$6,
 	UExpressionEditor: () => _sfc_main$52,
 	UFilePicker: () => _sfc_main$40,
-	UFileViewer: () => _sfc_main$76,
-	UFloatButton: () => _sfc_main$80,
+	UFileViewer: () => _sfc_main$77,
+	UFloatButton: () => _sfc_main$81,
 	UForm: () => form_default,
 	UFormItem: () => form_item_default,
 	UGanttChart: () => _sfc_main$38,
 	UGrid: () => _sfc_main$13,
-	UGridInput: () => _sfc_main$72,
+	UGridInput: () => _sfc_main$73,
 	UGridItem: () => _sfc_main$14,
-	UGroupInput: () => _sfc_main$65,
+	UGroupInput: () => _sfc_main$66,
 	UIcon: () => _sfc_main$2,
 	UInput: () => input_default,
 	ULayout: () => _sfc_main$33,
-	UList: () => _sfc_main$66,
-	UListItem: () => _sfc_main$67,
+	UList: () => _sfc_main$67,
+	UListItem: () => _sfc_main$68,
 	ULoading: () => _sfc_main$28,
-	UMenu: () => _sfc_main$71,
-	UMenuItem: () => _sfc_main$69,
-	UMenuSub: () => _sfc_main$70,
+	UMenu: () => _sfc_main$72,
+	UMenuItem: () => _sfc_main$70,
+	UMenuSub: () => _sfc_main$71,
 	UMessage: () => _sfc_main$39,
 	UMessageConfirm: () => _sfc_main$18,
 	UMultiSelect: () => _sfc_main$36,
-	UMultiTreeSelect: () => _sfc_main$64,
+	UMultiTreeSelect: () => _sfc_main$65,
 	UNodeRender: () => NodeRender,
 	UNotification: () => _sfc_main$32,
 	UNumber: () => _sfc_main$50,
 	UNumberInput: () => _sfc_main$41,
 	UNumberRangeInput: () => _sfc_main$42,
-	UPaginator: () => _sfc_main$79,
-	UPalette: () => _sfc_main$61,
+	UPaginator: () => _sfc_main$80,
+	UPalette: () => _sfc_main$62,
 	UPasswordInput: () => _sfc_main$49,
 	UPopConfirm: () => _sfc_main$54,
 	UProgress: () => _sfc_main$31,
 	UProgressNodes: () => _sfc_main$29,
 	URadio: () => _sfc_main$20,
-	URadioGroup: () => _sfc_main$74,
-	URichTextEditor: () => _sfc_main$68,
+	URadioGroup: () => _sfc_main$75,
+	URichTextEditor: () => _sfc_main$69,
 	UScroll: () => _sfc_main$1,
-	USelect: () => _sfc_main$62,
+	USelect: () => _sfc_main$63,
 	USlider: () => _sfc_main$37,
-	USteps: () => _sfc_main$59,
-	USwitch: () => _sfc_main$73,
+	USteps: () => _sfc_main$60,
+	USwitch: () => _sfc_main$74,
 	UTable: () => _sfc_main$45,
 	UTableEditor: () => _sfc_main$46,
 	UTabs: () => _sfc_main$5,
 	UTabsHorizontal: () => _sfc_main$3,
 	UTabsVertical: () => _sfc_main$4,
 	UTag: () => _sfc_main$34,
-	UText: () => _sfc_main$77,
-	UTextarea: () => _sfc_main$57,
-	UTheme: () => _sfc_main$63,
+	UText: () => _sfc_main$78,
+	UTextarea: () => _sfc_main$58,
+	UTheme: () => _sfc_main$64,
 	UTip: () => _sfc_main$15,
 	UTree: () => _sfc_main$8,
 	UTreeSelect: () => _sfc_main$10,

package/dist/components/layout/layout.js

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				templateCols.value = [];
 				return;
 			}
-			templateCols.value = typeof cols === "string" ? cols.split(" ") : cols;
+			templateCols.value = typeof cols === "string" ? cols.split(" ") : [...cols];
 		});
 		const style = computed(() => {
 			const { rows, gap, resizable } = props;
@@ -64,19 +64,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				});
 			}
 		});
-		let prevSize = "0";
-		let nextSize = "0";
+		let prevSize = 0;
+		let nextSize = 0;
 		const handleStartResize = (index) => {
-			prevSize = templateCols.value[index];
-			nextSize = templateCols.value[index + 1];
-			if (!prevSize.endsWith("px") && !nextSize.endsWith("px")) {
-				const rect = containerRef.value?.children[index + 1]?.getBoundingClientRect();
-				if (rect) nextSize = rect.width + "px";
-			}
+			const container = containerRef.value;
+			if (!container) return;
+			const prevDom = container.children[index];
+			const nextDom = container.children[index + 1];
+			prevSize = prevDom ? prevDom.getBoundingClientRect().width : 0;
+			nextSize = nextDom ? nextDom.getBoundingClientRect().width : 0;
 		};
 		const handleResize = (offset, index) => {
-			if (prevSize?.endsWith("px")) templateCols.value[index] = `${parseInt(prevSize) + offset}px`;
-			if (nextSize?.endsWith("px")) templateCols.value[index + 1] = `${parseInt(nextSize) - offset}px`;
+			const clamped = Math.max(-prevSize, Math.min(nextSize, offset));
+			templateCols.value[index] = `${prevSize + clamped}px`;
+			templateCols.value[index + 1] = `${nextSize - clamped}px`;
 		};
 		provide(LayoutDIKey, { cls });
 		return (_ctx, _cache) => {