@simplysm/solid 13.0.62 → 13.0.64

package/src/features/address/AddressSearch.tsx

@@ -0,0 +1,75 @@
+import { type Component, createSignal, onMount } from "solid-js";
+import { BusyContainer } from "../../components/feedback/busy/BusyContainer";
+import { useDialogInstance } from "../../components/disclosure/DialogInstanceContext";
+
+export interface AddressSearchResult {
+  postNumber: string | undefined;
+  address: string | undefined;
+  buildingName: string | undefined;
+}
+
+export const AddressSearchContent: Component = () => {
+  const dialogInstance = useDialogInstance<AddressSearchResult>();
+
+  const [initialized, setInitialized] = createSignal(false);
+  let contentEl!: HTMLDivElement;
+
+  onMount(async () => {
+    if (!document.getElementById("daum_address")) {
+      await new Promise<void>((resolve) => {
+        const scriptEl = document.createElement("script");
+        scriptEl.src = "//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js";
+        scriptEl.setAttribute("id", "daum_address");
+
+        scriptEl.onload = (): void => {
+          // @ts-expect-error -- Daum Postcode 글로벌 API
+          daum.postcode.load(() => {
+            resolve();
+          });
+        };
+        document.head.appendChild(scriptEl);
+      });
+    }
+
+    // @ts-expect-error -- Daum Postcode 글로벌 API
+    new daum.Postcode({
+      oncomplete: (data: any): void => {
+        const addr = data.userSelectedType === "R" ? data.roadAddress : data.jibunAddress;
+
+        let extraAddr = "";
+        if (data.userSelectedType === "R") {
+          if (data.bname !== "" && /[동로가]$/g.test(data.bname)) {
+            extraAddr += data.bname;
+          }
+
+          if (data.buildingName !== "" && data.apartment === "Y") {
+            extraAddr += extraAddr !== "" ? ", " + data.buildingName : data.buildingName;
+          }
+
+          if (extraAddr !== "") {
+            extraAddr = " (" + extraAddr + ")";
+          }
+        }
+
+        dialogInstance?.close({
+          postNumber: data.zonecode,
+          address: addr + extraAddr,
+          buildingName: data.buildingName,
+        });
+      },
+      onresize: (size: any): void => {
+        contentEl.style.height = size.height + "px";
+      },
+      width: "100%",
+      height: "100%",
+    }).embed(contentEl, { autoClose: false });
+
+    setInitialized(true);
+  });
+
+  return (
+    <BusyContainer busy={!initialized()}>
+      <div ref={contentEl} data-address-content style={{ "min-height": "100px" }} />
+    </BusyContainer>
+  );
+};

package/src/index.ts

@@ -6,6 +6,17 @@ export * from "./components/form-control/Button";
 // Select
 export * from "./components/form-control/select/Select";
 
+// SelectList
+export * from "./components/form-control/select-list/SelectList";
+
+// DataSelectButton
+export * from "./components/form-control/data-select-button/DataSelectButton";
+
+// SharedData wrappers
+export * from "./components/form-control/shared-data/SharedDataSelect";
+export * from "./components/form-control/shared-data/SharedDataSelectButton";
+export * from "./components/form-control/shared-data/SharedDataSelectList";
+
 // Combobox
 export * from "./components/form-control/combobox/Combobox";
 
@@ -171,3 +182,10 @@ export * from "./helpers/mergeStyles";
 export * from "./helpers/createAppStructure";
 
 //#endregion
+
+//#region ========== Features ==========
+
+// Address
+export * from "./features/address/AddressSearch";
+
+//#endregion

package/src/providers/shared-data/SharedDataContext.ts

@@ -17,6 +17,12 @@ export interface SharedDataDefinition<TData> {
   orderBy: [(item: TData) => unknown, "asc" | "desc"][];
   /** 서버 이벤트 필터 (같은 name의 이벤트 중 filter가 일치하는 것만 수신) */
   filter?: unknown;
+  /** 항목에서 검색 텍스트를 추출하는 함수 */
+  getSearchText?: (item: TData) => string;
+  /** 항목이 숨김 상태인지 판별하는 함수 */
+  getIsHidden?: (item: TData) => boolean;
+  /** 항목의 부모 key를 추출하는 함수 (트리 구조 지원) */
+  getParentKey?: (item: TData) => string | number | undefined;
 }
 
 /**
@@ -32,6 +38,14 @@ export interface SharedDataAccessor<TData> {
   get: (key: string | number | undefined) => TData | undefined;
   /** 서버에 변경 이벤트 전파 (모든 구독자에게 refetch 트리거) */
   emit: (changeKeys?: Array<string | number>) => Promise<void>;
+  /** 항목의 고유 key 추출 함수 */
+  getKey: (item: TData) => string | number;
+  /** 항목에서 검색 텍스트를 추출하는 함수 */
+  getSearchText?: (item: TData) => string;
+  /** 항목이 숨김 상태인지 판별하는 함수 */
+  getIsHidden?: (item: TData) => boolean;
+  /** 항목의 부모 key를 추출하는 함수 (트리 구조 지원) */
+  getParentKey?: (item: TData) => string | number | undefined;
 }
 
 /**

package/src/providers/shared-data/SharedDataProvider.tsx

@@ -171,6 +171,10 @@ export function SharedDataProvider(props: { children: JSX.Element }): JSX.Elemen
             changeKeys,
           );
         },
+        getKey: def.getKey,
+        getSearchText: def.getSearchText,
+        getIsHidden: def.getIsHidden,
+        getParentKey: def.getParentKey,
       };
     }
   }