@jk-core/components 1.0.2 → 1.1.1

package/src/utils/ts/formatFileSize.ts

@@ -0,0 +1,16 @@
+export const formatFileSize = (bytes: number, unit: 'KB' | 'MB' | 'GB' | 'TB' = 'MB') => {
+  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+  let unitIndex = 0;
+  let size = bytes;
+
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024;
+    unitIndex += 1;
+    if (units[unitIndex] === unit) break;
+  }
+
+  return ({
+    size,
+    unit: units[unitIndex],
+  });
+};

package/src/utils/ts/formatMoney.ts

@@ -0,0 +1,16 @@
+const formatMoney = (value?: number) => {
+  if (value === undefined) return '- 원';
+
+  let money = value;
+  const units = ['원', '만원', '억원', '조원', '경원', '해원'];
+  let unitIndex = 0;
+
+  while (money >= 10000 && unitIndex < units.length - 1) {
+    money /= 10000;
+    unitIndex += 1;
+  }
+  money = Math.round(money);
+  return [money, units[unitIndex]];
+};
+
+export default formatMoney;

package/src/utils/ts/gradientRatio.ts

@@ -0,0 +1,61 @@
+/**
+ * 특정 퍼센트에서 시작 색상과 끝 색상 사이의 그라디언트 색상을 계산합니다.
+ *
+ * @param {Object} params - 그라디언트 계산을 위한 매개변수입니다.
+ * @param {number} params.currPercent - 그라디언트 색상을 계산할 현재 퍼센트입니다.
+ * @param {number} params.startPercent - 그라디언트의 시작 퍼센트입니다.
+ * @param {string} params.startColor - 그라디언트의 시작 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
+ * @param {number} params.endPercent - 그라디언트의 끝 퍼센트입니다.
+ * @param {string} params.endColor - 그라디언트의 끝 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
+ * @returns {string} 계산된 그라디언트 색상입니다. 16진수 형식(앞에 # 없이)으로 반환됩니다.
+ */
+const gradientRatio = ({
+  currPercent,
+  startPercent,
+  startColor,
+  endPercent,
+  endColor,
+}: {
+  currPercent: number;
+  startPercent: number;
+  startColor: string;
+  endPercent: number;
+  endColor: string;
+}) => {
+  if (currPercent < startPercent) return startColor;
+  if (currPercent > endPercent) return endColor;
+
+  const start = {
+    R: parseInt(startColor.substr(0, 2), 16),
+    G: parseInt(startColor.substr(2, 2), 16),
+    B: parseInt(startColor.substr(4, 2), 16),
+  };
+  const end = {
+    R: parseInt(endColor.substr(0, 2), 16),
+    G: parseInt(endColor.substr(2, 2), 16),
+    B: parseInt(endColor.substr(4, 2), 16),
+  };
+  const R = {
+    coefficient: (end.R - start.R) / (endPercent - startPercent),
+    intercept: start.R - (((end.R - start.R) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+  const G = {
+    coefficient: (end.G - start.G) / (endPercent - startPercent),
+    intercept: start.G - (((end.G - start.G) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+  const B = {
+    coefficient: (end.B - start.B) / (endPercent - startPercent),
+    intercept: start.B - (((end.B - start.B) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+
+  R.value = Math.round(R.coefficient * currPercent + R.intercept).toString(16).padStart(2, '0');
+  G.value = Math.round(G.coefficient * currPercent + G.intercept).toString(16).padStart(2, '0');
+  B.value = Math.round(B.coefficient * currPercent + B.intercept).toString(16).padStart(2, '0');
+
+  return (R.value + G.value + B.value);
+};
+
+export default gradientRatio;

package/src/utils/ts/kiloToMega.ts

@@ -0,0 +1,30 @@
+import { roundNum } from '@jk-core/utils';
+
+const KiloToMega = (amount: number | null | undefined, unit = 'Wh', scale = 2, isKilo = true) => {
+  const validAmount = amount ?? 0;
+
+  if (!isKilo) {
+    if (roundNum(validAmount / Math.pow(10, 9)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 9), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 9), scale)} G${unit}` };
+    }
+    if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} M${unit}` };
+    }
+    if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `k${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} k${unit}` };
+    }
+
+    return { generation: roundNum(validAmount, scale), unit: `${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} ${unit}` };
+  }
+
+  if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
+    return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} G${unit}` };
+  }
+  if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
+    return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} M${unit}` };
+  }
+
+  return { generation: roundNum(validAmount, scale), unit: `k${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} k${unit}` };
+};
+
+export default KiloToMega;

package/src/utils/ts/maskingPhone.ts

@@ -0,0 +1,9 @@
+const maskingPhone = (phone: string = '') => {
+  const phoneArr = phone.split('-');
+  if (phoneArr.length === 3) {
+    return `${phoneArr[0]}-****-${phoneArr[2]}`;
+  }
+  return phone;
+};
+
+export default maskingPhone;

package/src/utils/ts/toQueryString.ts

@@ -0,0 +1,7 @@
+const makeQueryString = ({ path, data }: { path: string; data: object; }) =>
+  `${path}?${Object.entries(data).reduce((acc, [key, value]) => {
+    acc.append(key, value);
+    return acc;
+  }, new URLSearchParams())}`;
+
+export default makeQueryString;

package/src/utils/ts/valueAsNumber.ts

@@ -0,0 +1,16 @@
+/**
+ * useForm의 register option중
+ * valueAsNumber: true인 경우에
+ * input 필드가 비어있는 경우 (즉, ''인 경우)
+ * 필드값이 NaN으로 할당되어 이를 대체하기위한 함수
+ *
+ * e.g.) ...register('calibrationFactor', valueAsNumber()),
+ * e.g.) ...register('vltMp', { required: true, ...valueAsNumber() }),
+ */
+export const valueAsNumber = () => ({
+  setValueAs: (v: string): undefined | string | number => {
+    if (v === '' || v === undefined) return undefined;
+    if (Number.isNaN(Number(v))) return v;
+    return Number(v);
+  },
+});