@g1cloud/bluesea 5.0.0-beta.8 → 6.0.0-alpha.0

package/dist/util/debounceUtil.d.ts

@@ -1,16 +0,0 @@
-/**
- * debounce 함수를 생성한다.
- *
- * ```ts
- * // 함수를 만들 때 debounce 로 감싼다.
- * const debouncedFunc = debounce(() => {
- *   ...
- * }, 500)()
- *
- * // 여러 번 호출하더라도, 마지막 호출만 실행된다.
- * debouncedFunc()
- * ```
- * @param func
- * @param wait
- */
-export declare const debounce: <T>(func: (...args: any[]) => T, wait: number) => ((...args: any[]) => Promise<T>);

package/dist/util/elementUtil.d.ts

@@ -1,58 +0,0 @@
-import { Component, Ref } from 'vue';
-
-/**
- * HTMLElement, Component(vue) 로부터 실제 HTMLElement 를 찾아온다.
- *
- * 예를 들어,
- * ```
- * const form = ref<HTMLElement>()
- * ```
- * 이렇게 선언하고 template 에서 ref 속성을 사용하면, html element 를 참조할 수 있다.
- * ```
- * <div ref="form">...</div>
- * ```
- * 그런데 이게 꼭 div 에만 적용되는 것은 아니다.
- * ```
- * <BSCardLayout ref="form">...</BSCardLayout>
- * ```
- * 이렇게 되면 form.value 는 실제로는 vue component 객체를 참조하기 때문에, `form.value.$el` 해야만 html element 를 가져올 수 있다.
- *
- * 이 함수는 이렇게 여러가지 경우에 따라 html element 를 가져오는 역할을 한다.
- * @param maybeElement
- */
-export declare const findElement: (maybeElement: Ref<HTMLElement | Component | undefined | null> | undefined) => HTMLElement | undefined;
-export declare const findInputComponents: (maybeElement: Ref<HTMLElement | Component | undefined> | undefined) => HTMLElement[];
-/**
- * Vue Component 로부터 root element 를 가져온다.
- * @param component
- */
-export declare const getComponentRootElement: (component: Component) => HTMLElement | undefined;
-/**
- * 첫 번째 focusable 한 element 에 focus 를 옮긴다.
- * @param element
- * @return focusable 한 element 가 없어 수행하지 못했으면 false, 그렇지 않으면 true
- */
-export declare const focusFirstElement: (element: HTMLElement) => boolean;
-/**
- * 마지막 focusable 한 element 에 focus 를 옮긴다.
- * @param element
- * @return focusable 한 element 가 없어 수행하지 못했으면 false, 그렇지 않으면 true
- */
-export declare const focusLastElement: (element: HTMLElement) => boolean;
-/**
- * 첫 번재 focusable 한 element 를 찾는다.
- * @param element
- */
-export declare const findFirstFocusableElement: (element: HTMLElement) => HTMLElement | undefined;
-/**
- * 마지막 focusable 한 element 를 찾는다.
- * @param element
- */
-export declare const findLastFocusableElement: (element: HTMLElement) => HTMLElement | undefined;
-/**
- * `element` 가 parent 로부터 몇 번째 child 인지 리턴한다.
- * parent 가 없으면 -1 을 리턴한다.
- * @param element
- */
-export declare const getSelfIndex: (element: HTMLElement) => number;
-export declare const NAMED_COLORS: Record<string, string>;

package/dist/util/formatUtil.d.ts

@@ -1,70 +0,0 @@
-import { DisplayDateResolution, TimeZone } from '../model/CommonTypes.ts';
-
-export declare const formatUtil: {
-    /**
-     * 개행 문자('\r', '\n')를 '<br/>' 태그로 변경한다.
-     * @param str 변경할 String
-     * @return 개행문자가 '<br/>'로 변경된 String
-     */
-    escapeNewLine(str?: string): string;
-    /**
-     * `str` 안의 `&<>"'` 문자를 escape 처리한다.
-     * @param str 변경할 String
-     */
-    escapeHtml(str?: string): string;
-    /**
-     * String 을 개행 문자('\r', '\n') 기준으로 나눈다.
-     * @param str
-     * @return 개행문자로 나누어진 string 의 array
-     */
-    splitNewLine(str?: string): Array<string>;
-    /**
-     * ISO8601 형식의 string 을 주어진 format 으로 변환한다.
-     * @param utcDate
-     * @param format
-     * @param displayTimeZone
-     */
-    formatDateString(utcDate?: string, format?: string | DisplayDateResolution, displayTimeZone?: TimeZone): string;
-    /**
-     * 숫자에 구분점을 넣는다. 소수점 이하가 있는 경우도 처리한다.
-     * * 12345 -> '12,345'
-     * * 12345.12345 -> '12,345.12345'
-     * * 0 -> '0'
-     * * undefined -> null
-     * * null -> null
-     *
-     * @param value
-     * @return
-     */
-    formatNumber(value?: number | string | null): string | null;
-    formatNumberByCode(value?: number | string | null, locale?: string | 'ko-KR'): string | null;
-    /**
-     * 통화단위와 표시위치를 받아 출력한다
-     * @param value 값
-     * @param currencyUnit 통화단위
-     * @param prefix true 이면 withUnit을 앞에 붙이고, false 이면 뒤에 붙인다.
-     */
-    formatPrice(value?: number | string | null, currencyUnit?: string | '', prefix?: boolean): string | null;
-    /**
-     * rate 를 받아 percent 를 출력한다.
-     * * 0.1 -> 10%
-     * * 0.55 -> 55%
-     * * 0.551 -> 55.1%
-     * @param value 비율 값
-     * @param withUnit true 이면 % 를 붙이고, false 이면 붙이지 않는다.
-     * @param decimalPlace 소숫점 n번째에서 반올림한다.
-     */
-    formatPercent(value?: number | string | null, withUnit?: boolean, decimalPlace?: number): string | null;
-    /**
-     * 신용카드번호를 4자리 단위로 나누어 구분자를 넣는다.
-     * @param value
-     * @param separator 구분자
-     */
-    formatCreditCardNo(value: string, separator?: string): string | undefined;
-    /**
-     *  `HTML`태그가 포함된 문자열에서 text 만 남긴다.
-     *  @param textIncludedHTMLElement HTML 태그를 포함하는 문자열
-     *  @return HTML 태그가 제거된 문자열
-     */
-    toPlainText(textIncludedHTMLElement?: string): string;
-};

package/dist/util/langUtil.d.ts

@@ -1,3 +0,0 @@
-export declare const checkKorean: (str: string) => boolean;
-export declare const checkEnglish: (str: string) => boolean;
-export declare const checkNumber: (str: string) => boolean;

package/dist/util/multiLangUtil.d.ts

@@ -1,27 +0,0 @@
-import { MultiLangStoredFile, MultiLangString, MultiLangText } from '../model/CommonTypes';
-
-/**
- * MultiLangString 의 모든 항목이 비어있거나 공백문자만 있으면 true 를 리턴한다.
- * undefined 인 경우에도 true 를 리턴한다.
- * @param value
- */
-export declare const isBlankMultiLangString: (value?: MultiLangString) => boolean;
-/**
- * MultiLangString 이 필수 체크를 만족시킨다면 true, 그렇지 않으면 false 를 리턴한다.
- * @param value
- * @param requiredLocales
- */
-export declare const isMultiLangStringValidRequired: (value?: MultiLangString, requiredLocales?: string[]) => boolean;
-/**
- * MultiLangString 각각의 항목에 prefix 를 추가한다.
- * @param value
- * @param prefix
- */
-export declare const addPrefixToMultiLangString: (value?: MultiLangString, prefix?: MultiLangText) => void;
-export declare const isBlankMultiLangImageFile: (value?: MultiLangStoredFile) => boolean;
-export declare const isMultiLangImageFileValidRequired: (value?: MultiLangStoredFile, requiredLocales?: string[]) => boolean;
-/**
- * `locale` 에 해당하는 이름을 리턴한다.
- * @param locale
- */
-export declare const localeNameProvider: (locale: string) => string | undefined;

package/dist/util/routeUtil.d.ts

@@ -1,3 +0,0 @@
-import { RouteLocation } from 'vue-router';
-
-export declare const parsePathParam: (route: RouteLocation) => string[];

package/dist/util/typeUtil.d.ts

@@ -1,18 +0,0 @@
-export type FunctionPropertyNames<T> = {
-    [K in keyof T]: T[K] extends Function ? K : never;
-}[keyof T];
-export type FunctionProperties<T> = Pick<T, FunctionPropertyNames<T>>;
-export type NonFunctionPropertyNames<T> = {
-    [K in keyof T]: T[K] extends Function ? never : K;
-}[keyof T];
-export type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
-export type PartialNonFunctionProperties<T> = Partial<NonFunctionProperties<T>>;
-export type RawData<T> = PartialNonFunctionProperties<T>;
-/**
- * Array 의 filter 로 null/undefined 가 아닌 것을 걸러낼 때 사용한다.
- * ```ts
- * const array: (string | null)[] = ['test', null, 'sample', undefined]
- * const filtered: string[] = array.filter(notNull)
- * ```
- */
-export declare function notNull<T>(value: T | null | undefined): value is T;

package/dist/util/waitUtil.d.ts

@@ -1,19 +0,0 @@
-/**
- * 특정 조건이 완료될 때까지 여러 번 계속 시도한다.
- * @param condition 조건
- * @param intervalMilliseconds 시도 간격
- * @param maxTrial 최대 시도 수
- */
-export declare const waitUntil: (condition: () => boolean, intervalMilliseconds?: number, maxTrial?: number) => Promise<void>;
-/**
- * 일정 시간동안 기다린다.
- * @param milliSec 기다리는 시간
- */
-export declare const waitDuring: (milliSec?: number) => Promise<void>;
-export declare const tryUntil: (until: () => boolean | undefined, tryCall: () => void, intervalMilliseconds?: number, maxTrial?: number) => void;
-declare const _default: {
-    waitUntil: (condition: () => boolean, intervalMilliseconds?: number, maxTrial?: number) => Promise<void>;
-    waitDuring: (milliSec?: number) => Promise<void>;
-    tryUntil: (until: () => boolean | undefined, tryCall: () => void, intervalMilliseconds?: number, maxTrial?: number) => void;
-};
-export default _default;

package/dist/validator/FieldValidator.d.ts

@@ -1,45 +0,0 @@
-import { ComputedRef, Ref, UnwrapRef } from 'vue';
-import { MultiLangText } from '../model/CommonTypes';
-import { FieldContext } from '../model/FieldContext';
-
-export type ValidationError = {
-    code: string;
-    message: MultiLangText;
-};
-export type ValidationPhase = 'input' | 'change' | 'blur' | 'form';
-export type FieldValidationRule<T> = (value: T, phase: ValidationPhase, fieldContext?: FieldContext<any>) => Promise<ValidationError[] | undefined> | ValidationError[] | undefined;
-export type FieldValidatorOption<T> = {
-    field?: Ref<HTMLElement | undefined>;
-    disabled: Ref<boolean> | ComputedRef<boolean>;
-    initialValue?: T;
-    isValid?: (value: UnwrapRef<T> | undefined, phase: ValidationPhase) => undefined | ValidationError[] | Promise<ValidationError[]>;
-    convertToValue?: (value: string | undefined) => UnwrapRef<T>;
-    convertFromValue?: (value: UnwrapRef<T | undefined>) => string;
-};
-export type FieldValidator<T> = {
-    stringValue: Ref<string | undefined>;
-    value: Ref<UnwrapRef<T> | undefined>;
-    valid: Ref<boolean>;
-    errors: Ref<ValidationError[]>;
-    touched: Ref<boolean>;
-    handleInput: (event: Event) => Promise<void>;
-    handleChange: (event: Event) => Promise<void>;
-    handleFocus: (event: Event) => void;
-    handleBlur: (event: Event) => void;
-    validateValue: (value: UnwrapRef<T>, phase: ValidationPhase) => Promise<void>;
-    validate: (phase?: ValidationPhase) => Promise<void>;
-    clearErrors: () => void;
-    getName: () => string;
-};
-export declare const storeFieldValidator: <T>(field: HTMLElement, validator: FieldValidator<T>) => void;
-export declare const loadFieldValidator: <T>(field: HTMLElement) => FieldValidator<T> | undefined;
-export declare const findFieldValidatorElements: (element?: HTMLElement) => NodeListOf<HTMLElement> | undefined;
-export declare const validateField: (field: HTMLElement | string, phase?: ValidationPhase) => Promise<void>;
-export declare const validateFields: (fields: (HTMLElement | string)[], phase?: ValidationPhase) => Promise<void>;
-export declare const fieldValidator: <T>(option: FieldValidatorOption<T>) => FieldValidator<T>;
-export declare const executeFieldValidationRule: <T>(value: T, rules: FieldValidationRule<T>[] | undefined, errors: ValidationError[], phase: ValidationPhase, fieldContext?: FieldContext<any>) => Promise<boolean>;
-export declare const executeRequiredValidation: (value: string | number | undefined, checkRequired: boolean, requiredMessage: MultiLangText | undefined, errors: ValidationError[]) => boolean;
-export declare const executeRegExpValidation: (value: string, regexp: string | undefined, message: MultiLangText | undefined, errors: ValidationError[]) => boolean;
-export declare const executeBetweenLengthValidation: (text: string, minLength: number | undefined, minLengthMessage: MultiLangText | undefined, maxLength: number | undefined, maxLengthMessage: MultiLangText | undefined, betweenLengthMessage: MultiLangText | undefined, errors: ValidationError[]) => boolean;
-export declare const executeBetweenValueValidation: (value: number, minValue: number | undefined, minValueMessage: MultiLangText | undefined, maxValue: number | undefined, maxValueMessage: MultiLangText | undefined, betweenValueMessage: MultiLangText | undefined, errors: ValidationError[]) => boolean;
-export declare const executeDateRangeValidation: (fromValue: string | undefined, toValue: string | undefined, validationMessage: MultiLangText | undefined, erros: ValidationError[]) => boolean;

package/dist/validator/FormValidator.d.ts

@@ -1,35 +0,0 @@
-import { FieldValidator, ValidationError, ValidationPhase } from './FieldValidator';
-import { Component, Ref } from 'vue';
-
-export type FormValidationError = ValidationError & {
-    name?: string;
-};
-export type FormValidationRule = (phase?: ValidationPhase) => Promise<FormValidationError[] | undefined>;
-export type FormValidatorOption = {
-    element?: Ref<HTMLElement | Component | undefined | null>;
-    rules?: FormValidationRule[];
-};
-export type FormValidator = {
-    /**
-     * Form 안의 모든 FieldValidator 에 대해서 validation 을 수행하고, 그 결과를 리턴한다.
-     */
-    validationResult: () => Promise<FormValidationError[] | undefined>;
-    /**
-     * Form 안의 모든 FieldValidator 에 대해서 validation 을 수행한다.
-     */
-    validate: () => Promise<void>;
-    /**
-     * Form 안의 FieldValidator 를 모두 가져온다.
-     */
-    getFieldValidators: () => FieldValidator<unknown>[];
-    /**
-     * validation result 를 모두 제거하고, validation 을 수행하지 않은 상태로 돌아간다.
-     */
-    clear: () => void;
-};
-export declare class ValidationFailedError {
-    errors: FormValidationError[];
-    constructor(errors: FormValidationError[]);
-}
-export declare const isValidationFailedError: (err: unknown) => err is ValidationFailedError;
-export declare const formValidator: (option: FormValidatorOption) => FormValidator;

package/scss/bluesea-base.scss

@@ -1,6 +0,0 @@
-@forward "./reset";
-@forward "./font";
-@forward "./utility";
-@forward "./layout";
-@forward "./transition";
-@forward "./frame/default";

package/scss/bluesea.scss

@@ -1,2 +0,0 @@
-@use "./bluesea-base" as *;
-@use "../dist/bluesea.css" as *;