@g1cloud/bluesea 5.0.0-alpha.1

package/dist/util/componentUtil.d.ts

@@ -0,0 +1,7 @@
+declare const componentUtil: {
+    handleExternalErrorMessage(showErrorMessage: boolean, errorMessage?: string, elementId?: string): void;
+    generateNextId(prefix: string): string;
+    isRelativeSize(size?: string): boolean;
+    delayed<T>(func: () => T, millis?: number): void;
+};
+export default componentUtil;

package/dist/util/formatUtil.d.ts

@@ -0,0 +1,61 @@
+import { Dayjs } from "dayjs";
+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>;
+    /**
+     * 날짜를 주어진 형식의 문자열로 변환한다.
+     * ````javascript
+     *   formatUtil.formatDate('2020-10-04T12:34:56.000') // returns "2020.10.04"
+     *   formatUtil.formatDate('2020-10-04T12:34:56.000', 'MINUTE') // returns "2020.10.04 12:34"
+     *   formatUtil.formatDate(null, 'DATE') // returns ''
+     *   formatUtil.formatDate(undefined, 'DATE') // returns ''
+     * ````
+     * @param date 날짜. string, Date, Dayjs 타입 중 하나.
+     * @param pattern 'DATE', 'MINUTE', 또는 날짜 패턴 (ex: 'YYYY.MM.DD')
+     * @returns pattern 형식으로 변환된 문자열. date 나 pattern 이 false 이면 빈 문자열을 리턴한다.
+     */
+    formatDate(date?: string | Date | Dayjs | null, pattern?: string): string;
+    /**
+     * 숫자에 구분점을 넣는다.
+     * @param value
+     * @return
+     */
+    formatNumber(value?: number | string | null): 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/routeUtil.d.ts

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

package/dist/util/typeUtil.d.ts

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,19 @@
+/**
+ * 특정 조건이 완료될 때까지 여러 번 계속 시도한다.
+ * @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/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@g1cloud/bluesea",
+  "private": false,
+  "version": "5.0.0-alpha.1",
+  "description": "Ui Library for g1cloud BackOffice.",
+  "type": "module",
+  "engines": {
+    "node": ">= 20.10.0"
+  },
+  "author": "kimos@g1project.net",
+  "license": "LicenseRef-LICENSE",
+  "files": [
+    "dist",
+    "css",
+    "!dist/tests"
+  ],
+  "module": "dist/bluesea.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "dayjs": "^1.11.10",
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5",
+    "@vue/shared": "^3.4.5"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.2",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "@vitest/coverage-v8": "^1.1.3",
+    "jsdom": "^23.1.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vitest": "^1.1.3",
+    "vitest-canvas-mock": "^0.3.3",
+    "vue-tsc": "^1.8.22"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.10",
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest"
+  }
+}