@uzum-tech/ui 1.5.2 → 1.5.3

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

@@ -2913,6 +2913,10 @@ export interface CommonColumnInfo<T = InternalRowData> {
     cellProps?: (rowData: T, rowIndex: number) => HTMLAttributes;
     visible?: boolean;
 }
+export interface TableColumnMaskObject {
+    postProcess: (value: string) => string;
+}
+export type TableColumnMask = string | ((value: string) => string) | TableColumnMaskObject;
 export type TableColumnTitle = string | ((column: TableBaseColumn) => VNodeChild);
 export type TableExpandColumnTitle = string | ((column: TableExpandColumn) => VNodeChild);
 export type TableColumnGroupTitle = string | ((column: TableColumnGroup) => VNodeChild);
@@ -2932,18 +2936,14 @@ export type TableBaseColumn<T = InternalRowData> = {
     type?: never;
     key: ColumnKey;
     editable?: boolean;
-    mask?: string | ((value: string) => string) | {
-        postProcess: (value: string) => string;
-    };
+    mask?: TableColumnMask;
+    numeric?: boolean;
     placeholder?: string;
     totalRow?: {
         type: 'sum' | 'default' | 'diff' | 'multiply' | 'divide' | 'percentage' | 'function';
         value?: string;
         fields?: string[];
         function?: (values: number[]) => number;
-        mask?: string | ((value: string) => string) | {
-            postProcess: (value: string) => string;
-        };
     };
     tree?: boolean;
     sorter?: boolean | Sorter<T> | 'default';
@@ -3138,6 +3138,11 @@ export interface DataTableInst {
     page: (page: number) => void;
     sort: (columnKey: ColumnKey, order: SortOrder) => void;
     scrollTo: ScrollTo;
+    getData: () => {
+        data: InternalRowData[];
+        totalRows: InternalRowData | null;
+    };
+    getTotalRowData: () => InternalRowData | null;
     /** @deprecated it but just leave it here, it does no harm */
     clearFilter: () => void;
 }

package/lib/data-table/src/styles/index.cssr.js

@@ -301,19 +301,21 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  `), (0, cssr_1.cM)('editable', `
  cursor: pointer;
  position: relative;
- 
+ padding: 0;
  .u-data-table-editable-input {
  appearance: none;
  text-align: right;
  border: none;
  background: none;
  outline: none;
- padding: 0;
+ box-sizing: border-box;
+ padding: var(--u-td-padding);
  margin: 0;
  font: inherit;
  color: inherit;
  box-shadow: none;
- width: '100%';
+ height: 100%;
+ width: 100%;
  }
  `), fixedColumnStyle]), (0, cssr_1.cB)('data-table-empty', `
  box-sizing: border-box;

package/lib/data-table/src/use-mask.d.ts

@@ -1,10 +1,7 @@
+import { TableColumnMask } from './interface';
 export declare function applyMask(value: string, mask: string): string;
-export declare function processMaskedValue(value: string | number, mask: string | ((value: string) => string) | {
-    postProcess: (value: string) => string;
-}): string;
-export declare function processInputWithMask(value: string, mask: string | ((value: string) => string) | {
-    postProcess: (value: string) => string;
-}): {
+export declare function processMaskedValue(value: string | number, mask: TableColumnMask): string;
+export declare function processInputWithMask(value: string, mask: TableColumnMask): {
     processedValue: string | number;
     displayValue: string;
 };

package/lib/data-table/src/utils.d.ts

@@ -1,11 +1,12 @@
 import type { CSSProperties } from 'vue';
-import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn } from './interface';
+import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn, TableColumnMaskObject } from './interface';
 export declare const SELECTION_COL_WIDTH = 40;
 export declare const EXPAND_COL_WIDTH = 40;
 export declare const REGEX: {
     ONLY_DIGITS: RegExp;
     ONLY_NUMERIC_AND_DOT: RegExp;
 };
+export declare const defaultNumericMask: TableColumnMaskObject;
 export declare function getNumberColWidth(col: TableColumn): number | undefined;
 export declare function getStringColWidth(col: TableColumn): string | undefined;
 export declare function getColKey(col: TableColumn): string | number;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.REGEX = exports.EXPAND_COL_WIDTH = exports.SELECTION_COL_WIDTH = void 0;
+exports.defaultNumericMask = exports.REGEX = exports.EXPAND_COL_WIDTH = exports.SELECTION_COL_WIDTH = void 0;
 exports.getNumberColWidth = getNumberColWidth;
 exports.getStringColWidth = getStringColWidth;
 exports.getColKey = getColKey;
@@ -23,6 +23,19 @@ exports.REGEX = {
     ONLY_DIGITS: /\D/g,
     ONLY_NUMERIC_AND_DOT: /[^\d.]/g
 };
+exports.defaultNumericMask = {
+    postProcess: (value) => {
+        if (!value)
+            return '';
+        const isNegative = value.trim().startsWith('-');
+        const cleaned = value.replace(/[^\d.]/g, '');
+        const [intPartRaw, decimalPartRaw = ''] = cleaned.split('.', 2);
+        const intPart = intPartRaw.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+        const decimalPart = decimalPartRaw.slice(0, 2);
+        const result = cleaned.includes('.') ? `${intPart}.${decimalPart}` : intPart;
+        return isNegative ? `-${result}` : result;
+    }
+};
 function getNumberColWidth(col) {
     if (col.type === 'selection') {
         return col.width === undefined ? exports.SELECTION_COL_WIDTH : (0, seemly_1.depx)(col.width);

package/lib/date-picker/src/DatePicker.js

@@ -287,7 +287,7 @@ exports.default = (0, vue_1.defineComponent)({
                     return;
             }
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue, onChange } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             const formattedValue = getFormattedValue(value);
             if (options.doConfirm) {
                 doConfirm(value, formattedValue);
@@ -302,8 +302,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onChange, value, formattedValue);
             uncontrolledValueRef.value = value;
             doUpdateFormattedValue(formattedValue, value);
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doClear() {
             const { onClear } = props;
@@ -316,17 +316,17 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doUpdateShow(show) {
             const { 'onUpdate:show': _onUpdateShow, onUpdateShow } = props;

package/lib/dialog/src/DialogProvider.d.ts

@@ -283,6 +283,9 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     scrollbarHeight: string;
                     scrollbarBorderRadius: string;
                     opacityDisabled: string;
+                    brand150: string;
+                    brand350: string;
+                    brand550: string;
                     brandPrimary50: string;
                     brandPrimary100: string;
                     brandPrimary200: string;
@@ -639,6 +642,9 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     scrollbarHeight: string;
                     scrollbarBorderRadius: string;
                     opacityDisabled: string;
+                    brand150: string;
+                    brand350: string;
+                    brand550: string;
                     brandPrimary50: string;
                     brandPrimary100: string;
                     brandPrimary200: string;

package/lib/dynamic-tags/src/DynamicTags.js

@@ -67,7 +67,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         function doChange(value) {
             const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             if (onUpdateValue)
@@ -75,8 +75,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (_onUpdateValue)
                 (0, _utils_1.call)(_onUpdateValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function handleCloseClick(index) {
             const tags = mergedValueRef.value.slice(0);

package/lib/input/src/Input.js

@@ -273,7 +273,7 @@ exports.default = (0, vue_1.defineComponent)({
         const vm = (0, vue_1.getCurrentInstance)().proxy;
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onInput } = props;
-            const { nTriggerFormInput } = formItem;
+            const { triggerFormInput } = formItem;
             if (onUpdateValue)
                 (0, _utils_1.call)(onUpdateValue, value);
             if (_onUpdateValue)
@@ -281,30 +281,30 @@ exports.default = (0, vue_1.defineComponent)({
             if (onInput)
                 (0, _utils_1.call)(onInput, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
+            triggerFormInput();
             emitDebouncedInput(value);
         }
         function doChange(value) {
             const { onChange } = props;
-            const { nTriggerFormChange } = formItem;
+            const { triggerFormChange } = formItem;
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
+            triggerFormChange();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doClear(e) {
             const { onClear } = props;

package/lib/input-number/src/InputNumber.js

@@ -120,7 +120,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             }
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue, onChange } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             if (onUpdateValue)
@@ -128,8 +128,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (_onUpdateValue)
                 (0, _utils_1.call)(_onUpdateValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         };
         const deriveValueFromDisplayedValue = ({ offset, doUpdateIfValid, fixPrecision, isInputing }) => {
             const { value: displayedValue } = displayedValueRef;
@@ -240,10 +240,10 @@ exports.default = (0, vue_1.defineComponent)({
         });
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             var _a, _b;
@@ -278,10 +278,10 @@ exports.default = (0, vue_1.defineComponent)({
                 deriveDisplayedValueFromValue();
             }
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
             // User may change value in blur callback, we make sure it will be
             // displayed. Sometimes mergedValue won't be viewed as changed
             void (0, vue_1.nextTick)(() => {

package/lib/input-otp/index.d.ts

@@ -0,0 +1,3 @@
+export { inputOtpProps, default as UInputOtp } from './src/InputOtp';
+export type { InputOtpProps } from './src/InputOtp';
+export type * from './src/public-types';

package/lib/input-otp/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UInputOtp = exports.inputOtpProps = void 0;
+var InputOtp_1 = require("./src/InputOtp");
+Object.defineProperty(exports, "inputOtpProps", { enumerable: true, get: function () { return InputOtp_1.inputOtpProps; } });
+Object.defineProperty(exports, "UInputOtp", { enumerable: true, get: function () { return __importDefault(InputOtp_1).default; } });