@uzum-tech/ui 1.7.0 → 1.7.1

package/es/data-table/src/TableParts/Body.d.ts

@@ -572,9 +572,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorPressed: string;
                         caretColorSecondary: string;
                         filterCounterTextColor: string;
-                        filterCounterSeparatorColor: string;
                         filterCounterTextColorDisabled: string;
-                        filterCounterSeparatorColorDisabled: string;
                         arrowColorSecondary: string;
                         clearColorSecondary: string;
                         colorSecondary: string;
@@ -1059,9 +1057,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorPressed: string;
                             caretColorSecondary: string;
                             filterCounterTextColor: string;
-                            filterCounterSeparatorColor: string;
                             filterCounterTextColorDisabled: string;
-                            filterCounterSeparatorColorDisabled: string;
                             arrowColorSecondary: string;
                             clearColorSecondary: string;
                             colorSecondary: string;

package/es/data-table/src/TableParts/Body.js

@@ -560,7 +560,9 @@ export default defineComponent({
                                 isLastRow &&
                                     `${mergedClsPrefix}-data-table-td--last-row`,
                                 'editable' in column &&
-                                    column.editable &&
+                                    (typeof column.editable === 'function'
+                                        ? column.editable(rowData)
+                                        : column.editable) &&
                                     !isSummary &&
                                     `${mergedClsPrefix}-data-table-td--editable`
                             ] }),

package/es/data-table/src/TableParts/Cell.js

@@ -38,6 +38,7 @@ export default defineComponent({
         const { render, key, ellipsis, editable, numeric } = column;
         if (numeric && !mask)
             mask = defaultNumericMask;
+        const isEditable = typeof editable === 'function' ? editable(row) : editable;
         if (render && !isSummary) {
             let cellValue = render(row, this.index);
             if (mask && cellValue !== null && cellValue !== undefined) {
@@ -47,7 +48,7 @@ export default defineComponent({
             }
             cell = cellValue;
         }
-        else if (editable && !isSummary) {
+        else if (isEditable && !isSummary) {
             const { placeholder } = column;
             const rawValue = String(row[key] || '');
             const displayValue = mask ? processMaskedValue(rawValue, mask) : rawValue;
@@ -69,17 +70,29 @@ export default defineComponent({
                 },
                 onInput: (e) => {
                     const input = e.target;
-                    const value = input.value;
+                    let value = input.value;
+                    if (numeric) {
+                        const cursorPosition = input.selectionStart || 0;
+                        const originalLength = value.length;
+                        const cleanedValue = value.replace(/[^\d.,-]/g, '');
+                        const lengthDiff = originalLength - cleanedValue.length;
+                        if (lengthDiff > 0 && cleanedValue !== input.value) {
+                            value = cleanedValue;
+                            input.value = cleanedValue;
+                            const newPosition = Math.max(0, cursorPosition - lengthDiff);
+                            input.setSelectionRange(newPosition, newPosition);
+                        }
+                    }
                     if (mask && typeof mask === 'function' && !isEditingRef.current) {
                         isEditingRef.current = true;
                     }
                     if (mask && typeof mask === 'function' && isEditingRef.current) {
-                        const rawValue = value.replace(/\$/g, '').replace(/[^\d.,]/g, '');
+                        const rawValue = value.replace(/\$/g, '').replace(/[^\d.,-]/g, '');
                         input.value = rawValue;
                         let processedValue = rawValue;
                         if (numeric && rawValue !== '') {
                             const cleanValue = rawValue
-                                .replace(/[^\d.,]/g, '')
+                                .replace(/[^\d.,-]/g, '')
                                 .replace(',', '.');
                             const numValue = Number(cleanValue);
                             if (!isNaN(numValue)) {
@@ -96,7 +109,7 @@ export default defineComponent({
                     }
                     let processedValue = value;
                     if (numeric && value !== '') {
-                        const cleanValue = value.replace(/[^\d.,]/g, '').replace(',', '.');
+                        const cleanValue = value.replace(/[^\d.,-]/g, '').replace(',', '.');
                         const numValue = Number(cleanValue);
                         if (!isNaN(numValue)) {
                             processedValue = numValue;

package/es/data-table/src/TableParts/Header.d.ts

@@ -559,9 +559,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorPressed: string;
                         caretColorSecondary: string;
                         filterCounterTextColor: string;
-                        filterCounterSeparatorColor: string;
                         filterCounterTextColorDisabled: string;
-                        filterCounterSeparatorColorDisabled: string;
                         arrowColorSecondary: string;
                         clearColorSecondary: string;
                         colorSecondary: string;
@@ -1046,9 +1044,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorPressed: string;
                             caretColorSecondary: string;
                             filterCounterTextColor: string;
-                            filterCounterSeparatorColor: string;
                             filterCounterTextColorDisabled: string;
-                            filterCounterSeparatorColorDisabled: string;
                             arrowColorSecondary: string;
                             clearColorSecondary: string;
                             colorSecondary: string;

package/es/data-table/src/interface.d.ts

@@ -655,9 +655,7 @@ export declare const dataTableProps: {
                     clearColorPressed: string;
                     caretColorSecondary: string;
                     filterCounterTextColor: string;
-                    filterCounterSeparatorColor: string;
                     filterCounterTextColorDisabled: string;
-                    filterCounterSeparatorColorDisabled: string;
                     arrowColorSecondary: string;
                     clearColorSecondary: string;
                     colorSecondary: string;
@@ -1573,9 +1571,7 @@ export declare const dataTableProps: {
                     clearColorPressed: string;
                     caretColorSecondary: string;
                     filterCounterTextColor: string;
-                    filterCounterSeparatorColor: string;
                     filterCounterTextColorDisabled: string;
-                    filterCounterSeparatorColorDisabled: string;
                     arrowColorSecondary: string;
                     clearColorSecondary: string;
                     colorSecondary: string;
@@ -2491,9 +2487,7 @@ export declare const dataTableProps: {
                     clearColorPressed: string;
                     caretColorSecondary: string;
                     filterCounterTextColor: string;
-                    filterCounterSeparatorColor: string;
                     filterCounterTextColorDisabled: string;
-                    filterCounterSeparatorColorDisabled: string;
                     arrowColorSecondary: string;
                     clearColorSecondary: string;
                     colorSecondary: string;
@@ -2937,7 +2931,7 @@ export type TableBaseColumn<T = InternalRowData> = {
     titleColSpan?: number;
     type?: never;
     key: ColumnKey;
-    editable?: boolean;
+    editable?: boolean | ((rowData: T) => boolean);
     mask?: TableColumnMask;
     numeric?: boolean;
     placeholder?: string;

package/es/data-table/src/utils.js

@@ -11,7 +11,7 @@ export const defaultNumericMask = {
         if (!value)
             return '';
         const isNegative = value.trim().startsWith('-');
-        const cleaned = value.replace(/[^\d.]/g, '');
+        const cleaned = value.replace(/[^\d.,]/g, '').replace(',', '.');
         const [intPartRaw, decimalPartRaw = ''] = cleaned.split('.', 2);
         const intPart = intPartRaw.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
         const decimalPart = decimalPartRaw.slice(0, 2);

package/es/data-table/styles/light.d.ts

@@ -593,9 +593,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;