tsv2-library 1.1.1-dev-alpha.6 → 1.1.1-dev-alpha.7

package/dist/src/build-entry.d.ts

@@ -30,10 +30,10 @@ import Focus from './directives/v-focus';
 import VueHtmlToPaper from './plugins/VueHtmlToPaper';
 import { ASSET_COL_FIELDS, assetValueColumns, assetValueColumnsWithDefault, customFieldColumns, defaultAssetColumns } from './components/v2/AssetTable/columns/assetColumns';
 import { parseAssetStaticFilter, formatAssetValue } from './components/v2/AssetTable/helpers';
-import { DialogDamageLog, DialogMissingLog, DialogTransferLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearchByScan, TSButtonSearch, TSButtonSync, TSButtonSelectTree, TSButtonSelectUser, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage } from './components/v2';
+import { DialogDamageLog, DialogMissingLog, DialogTransferLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearchByScan, TSButtonSearch, TSButtonSync, TSButtonSelectTree, TSButtonSelectUser, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputIntervalArray, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage } from './components/v2';
 declare const TSi18n: import("vue-i18n").I18n<{}, {}, {}, string, false>;
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { LibConfig, TSToastService, TSi18n, VueHtmlToPaper, Tooltip, Focus, DialogDamageLog, DialogMissingLog, DialogTransferLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDatePicker, TSDataTable, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputText, TSInputSearch, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, handleTokenExpiration, exportToExcel, formatGoDate, formatDate, getUserLocale, formatAssetValue, formatDateReadable, formatUserName, formatVowelSoundLabel, getImageURL, downloadFile, isObjectEmpty, useToast, listenSidebarChanges, unListenSidebarChanges, getCurrency, formatCurrency, getHostName, getBaseURL, useI18n, useForm, useField, getNestedProperyValue, getSeverityByAssetStatus, clearStorage, forceLogout, reLogin, isValidJSONString, buildBodyParams, formatLogResponseData, googleMapLoader, getVisibleColumns, getTransactionRole, getSystemRole, hasSystemRole, hasTransactionRole, checkRouteAccess, hasApprovalRole, hasManagerRole, hasAnyManagerRole, hasMonitoringReportRole, hasAnyMonitoringReportRole, hasStaffRole, hasAccessToAssetDetail, flattenTreeNodeChildren, parseNodeKeys, filterNodeKeys, TreeAPI, RoutineAPI, DisposalAPI, RoutineServices, AssetsServices, AssetNameService, AssetBrandService, DataLockService, DisposalServices, FilterMatchMode, useLoadingStore, useAssetTableStore, eventBus, extendEventBus, Presets, ASSET_COL_FIELDS, assetValueColumns, assetValueColumnsWithDefault, customFieldColumns, defaultAssetColumns, parseAssetStaticFilter, };
+export { LibConfig, TSToastService, TSi18n, VueHtmlToPaper, Tooltip, Focus, DialogDamageLog, DialogMissingLog, DialogTransferLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDatePicker, TSDataTable, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputIntervalArray, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputText, TSInputSearch, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, handleTokenExpiration, exportToExcel, formatGoDate, formatDate, getUserLocale, formatAssetValue, formatDateReadable, formatUserName, formatVowelSoundLabel, getImageURL, downloadFile, isObjectEmpty, useToast, listenSidebarChanges, unListenSidebarChanges, getCurrency, formatCurrency, getHostName, getBaseURL, useI18n, useForm, useField, getNestedProperyValue, getSeverityByAssetStatus, clearStorage, forceLogout, reLogin, isValidJSONString, buildBodyParams, formatLogResponseData, googleMapLoader, getVisibleColumns, getTransactionRole, getSystemRole, hasSystemRole, hasTransactionRole, checkRouteAccess, hasApprovalRole, hasManagerRole, hasAnyManagerRole, hasMonitoringReportRole, hasAnyMonitoringReportRole, hasStaffRole, hasAccessToAssetDetail, flattenTreeNodeChildren, parseNodeKeys, filterNodeKeys, TreeAPI, RoutineAPI, DisposalAPI, RoutineServices, AssetsServices, AssetNameService, AssetBrandService, DataLockService, DisposalServices, FilterMatchMode, useLoadingStore, useAssetTableStore, eventBus, extendEventBus, Presets, ASSET_COL_FIELDS, assetValueColumns, assetValueColumnsWithDefault, customFieldColumns, defaultAssetColumns, parseAssetStaticFilter, };

package/dist/src/components/v2/InputIntervalArray/InputIntervalArray.vue.d.ts

@@ -0,0 +1,149 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * InputIntervalArray component props
+ */
+export interface InputIntervalArrayProps {
+  /**
+   * Number array modelValue of the input.
+   */
+  modelValue?: number[];
+
+  /**
+   * The minimum allowed value for each number in the interval.
+   * Show a validation error when any value is lower than this.
+   */
+  min?: number;
+
+  /**
+   * The maximum allowed value for each number in the interval.
+   * Show a validation error when any value is higher than this.
+   */
+  max?: number;
+
+  /**
+   * Sets the initial value of the field.
+   * This will only available with option 'useValidator'.
+   *
+   * In usecase like edit form, you need to display the previous inputted value.
+   */
+  value?: number[];
+
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+
+  /**
+   * Specify classes for label.
+   */
+  labelClass?: string;
+
+  /**
+   * Wether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'intervalArray'
+   */
+  fieldName?: string;
+
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+
+  /**
+   * Invalid input state.
+   */
+  invalid?: boolean;
+
+  /**
+   * Set manual invalid input container state.
+   */
+  manualInvalidContainer?: boolean;
+
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true"
+   */
+  validatorMessage?: string;
+
+  /**
+   * Classes for validator message in input field.
+   */
+  validatorMessageClass?: string;
+
+  /**
+   * Wether to format the message
+   *
+   * @default true
+   */
+  formatValidatorMessage?: boolean;
+
+  /**
+   * Validate the input on blur event.
+   * The field value and error message will only be updated when the input is blurred.
+   *
+   * @default true - on blur event
+   */
+  validateOnBlur?: boolean;
+
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter interval'
+   */
+  placeholder?: string;
+
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+
+  /**
+   * Specify classes for input.
+   */
+  inputClass?: string;
+
+  /**
+   * Specify classes for input container.
+   */
+  inputContainerClass?: string;
+}
+
+/**
+ * InputIntervalArray component emits
+ */
+export type InputIntervalArrayEmits = {
+  'blur': [payload?: string];
+  'input': [payload?: number[]];
+  'update:modelValue': [payload?: number[]];
+};
+
+/**
+ * **TSVue - InputIntervalArray**
+ *
+ * _Handle interval input that converts a string like "1-15, 18, 20-25" into a number array._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const InputIntervalArray: DefineComponent<
+  InputIntervalArrayProps,
+  InputIntervalArrayEmits
+>;
+
+export default InputIntervalArray;

package/dist/src/components/v2/InputIntervalArray/inputIntervalArray.util.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Parse an interval string like "1-15, 18, 20-25" into a flat array of numbers.
+ *
+ * Invalid segments are ignored. The result is deduplicated and sorted ascending.
+ */
+export declare const parseIntervalString: (value?: string) => number[];
+/**
+ * Return the invalid segments of an interval string.
+ *
+ * A segment is invalid when it is not a number or a range (e.g. "abc", "1--5"),
+ * or when the range is reversed (e.g. "15-1").
+ */
+export declare const getInvalidIntervalParts: (value?: string) => string[];
+/**
+ * Return an error message when any parsed value is outside the given min/max bounds.
+ */
+export declare const getRangeErrorMessage: (value: string, min?: number, max?: number) => string | undefined;
+/**
+ * Format an array of numbers into an interval string.
+ *
+ * Example: [1, 2, ..., 15, 18, 20, ..., 25] becomes "1-15, 18, 20-25".
+ */
+export declare const formatNumberArrayToIntervalString: (value?: number[]) => string;

package/dist/src/components/v2/index.d.ts

@@ -65,6 +65,7 @@ import TSInputCurrency from './InputCurrency/InputCurrency.vue';
 import TSInputCurrencyReference from './InputCurrencyReference/InputCurrencyReference.vue';
 import TSInputCoordinate from './InputCoordinate/InputCoordinate.vue';
 import TSInputEmail from './InputEmail/InputEmail.vue';
+import TSInputIntervalArray from './InputIntervalArray/InputIntervalArray.vue';
 import TSInputNumber from './InputNumber/InputNumber.vue';
 import TSInputOTP from './InputOTP/InputOTP.vue';
 import TSInputPassword from './InputPassword/InputPassword.vue';
@@ -91,4 +92,4 @@ import TSTree from './Tree/Tree.vue';
 import TSTreeSearchInput from './TreeSearchInput/TreeSearchInput.vue';
 import TSUserWithIcon from './UserWithIcon/UserWithIcon.vue';
 import TSValidatorMessage from './ValidatorMessage/ValidatorMessage.vue';
-export { DialogTransferLog, DialogDamageLog, DialogMissingLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputTextArea, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, };
+export { DialogTransferLog, DialogDamageLog, DialogMissingLog, TSAnimation, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDayOfYearPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogCoordinate, TSDialogDataLocked, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogPrintLabel, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectAssetName, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFailedLoad, TSFilterContainer, TSAssetFilters, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputCurrencyReference, TSInputCoordinate, TSInputEmail, TSInputIntervalArray, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputTextArea, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, };