@simplysm/sd-cli 13.0.75 → 13.0.77

package/templates/init/package.json.hbs

@@ -17,12 +17,11 @@
     "vitest": "vitest"
   },
   "devDependencies": {
-    "@simplysm/lint": "~13.0.75",
-    "@simplysm/sd-cli": "~13.0.75",
+    "@simplysm/lint": "~13.0.77",
+    "@simplysm/sd-cli": "~13.0.77",
     "@types/node": "^20.19.35",
     "eslint": "^9.39.3",
     "prettier": "^3.8.1",
-    "stylelint": "^16.26.1",
     "typescript": "^5.9.3",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.18"

package/templates/init/packages/client-admin/package.json.hbs

@@ -6,12 +6,12 @@
   "private": true,
   "dependencies": {
     "@{{projectName}}/db-main": "workspace:*",
-    "@simplysm/core-browser": "~13.0.75",
-    "@simplysm/core-common": "~13.0.75",
+    "@simplysm/core-browser": "~13.0.77",
+    "@simplysm/core-common": "~13.0.77",
     "@simplysm/excel": "^13.0.71",
-    "@simplysm/orm-common": "~13.0.75",
-    "@simplysm/service-client": "~13.0.75",
-    "@simplysm/solid": "~13.0.75",
+    "@simplysm/orm-common": "~13.0.77",
+    "@simplysm/service-client": "~13.0.77",
+    "@simplysm/solid": "~13.0.77",
     "@solid-primitives/event-listener": "^2.4.5",
     "@solidjs/router": "^0.15.4",
     "@tabler/icons-solidjs": "^3.37.1",

package/templates/init/packages/client-admin/src/views/auth/LoginView.tsx

@@ -81,7 +81,7 @@ export function LoginView() {
                   type="email"
                   placeholder="이메일을 입력하세요"
                   required
-                  touchMode
+                  lazyValidation
                   size="lg"
                   autocomplete="employeename"
                   value={data.email}
@@ -95,7 +95,7 @@ export function LoginView() {
               <FormGroup.Item>
                 <TextInput
                   required
-                  touchMode
+                  lazyValidation
                   class="w-full"
                   type="password"
                   placeholder="비밀번호를 입력하세요"

package/templates/init/packages/client-admin/src/views/home/base/employee/EmployeeDetail.tsx.hbs

@@ -53,7 +53,6 @@ export function EmployeeDetail(props: { itemId?: number }) {
       const emp = await db
         .employee()
         .joinLastDataLog()
-        // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
         .where((c) => [expr.eq(c.id, props.itemId)])
         .select((c) => ({
           name: c.name,
@@ -124,64 +123,56 @@ export function EmployeeDetail(props: { itemId?: number }) {
             <section class={"flex flex-col gap-2"}>
               <h3 class="font-bold text-base-400">직원정보</h3>
               <FormTable>
-                <tbody>
-                  <tr>
-                    <th>이름</th>
-                    <td>
-                      <TextInput
-                        required
-                        disabled={!perms().edit}
-                        value={ctx.data.name ?? ""}
-                        onValueChange={(v) => ctx.setData("name", v)}
-                      />
-                    </td>
-                    <th>이메일</th>
-                    <td>
-                      <TextInput
-                        type="email"
-                        disabled={!perms().edit}
-                        value={ctx.data.email ?? ""}
-                        onValueChange={(v) => ctx.setData("email", v)}
-                      />
-                    </td>
-                  </tr>
-                  <tr>
-                    <th>전화번호</th>
-                    <td>
-                      <TextInput
-                        disabled={!perms().edit}
-                        value={ctx.data.phoneNumber ?? ""}
-                        onValueChange={(v) => ctx.setData("phoneNumber", v)}
-                      />
-                    </td>
-                    <th>생년월일</th>
-                    <td>
-                      <DatePicker
-                        disabled={!perms().edit}
-                        value={ctx.data.birthDate}
-                        onValueChange={(v) => ctx.setData("birthDate", v)}
-                      />
-                    </td>
-                  </tr>
-                  <tr>
-                    <th>입사일자</th>
-                    <td>
-                      <DatePicker
-                        disabled={!perms().edit}
-                        value={ctx.data.enteringDate}
-                        onValueChange={(v) => ctx.setData("enteringDate", v)}
-                      />
-                    </td>
-                    <th>퇴사일자</th>
-                    <td>
-                      <DatePicker
-                        disabled={!perms().edit}
-                        value={ctx.data.leavingDate}
-                        onValueChange={(v) => ctx.setData("leavingDate", v)}
-                      />
-                    </td>
-                  </tr>
-                </tbody>
+                <FormTable.Row>
+                  <FormTable.Item label="이름">
+                    <TextInput
+                      required
+                      disabled={!perms().edit}
+                      value={ctx.data.name ?? ""}
+                      onValueChange={(v) => ctx.setData("name", v)}
+                    />
+                  </FormTable.Item>
+                  <FormTable.Item label="이메일">
+                    <TextInput
+                      type="email"
+                      disabled={!perms().edit}
+                      value={ctx.data.email ?? ""}
+                      onValueChange={(v) => ctx.setData("email", v)}
+                    />
+                  </FormTable.Item>
+                </FormTable.Row>
+                <FormTable.Row>
+                  <FormTable.Item label="전화번호">
+                    <TextInput
+                      disabled={!perms().edit}
+                      value={ctx.data.phoneNumber ?? ""}
+                      onValueChange={(v) => ctx.setData("phoneNumber", v)}
+                    />
+                  </FormTable.Item>
+                  <FormTable.Item label="생년월일">
+                    <DatePicker
+                      disabled={!perms().edit}
+                      value={ctx.data.birthDate}
+                      onValueChange={(v) => ctx.setData("birthDate", v)}
+                    />
+                  </FormTable.Item>
+                </FormTable.Row>
+                <FormTable.Row>
+                  <FormTable.Item label="입사일자">
+                    <DatePicker
+                      disabled={!perms().edit}
+                      value={ctx.data.enteringDate}
+                      onValueChange={(v) => ctx.setData("enteringDate", v)}
+                    />
+                  </FormTable.Item>
+                  <FormTable.Item label="퇴사일자">
+                    <DatePicker
+                      disabled={!perms().edit}
+                      value={ctx.data.leavingDate}
+                      onValueChange={(v) => ctx.setData("leavingDate", v)}
+                    />
+                  </FormTable.Item>
+                </FormTable.Row>
               </FormTable>
             </section>
 
@@ -189,19 +180,16 @@ export function EmployeeDetail(props: { itemId?: number }) {
               <section class={"flex flex-col gap-2"}>
                 <h3 class="font-bold text-base-400">인증정보</h3>
                 <FormTable>
-                  <tbody>
-                    <tr>
-                      <th>비밀번호</th>
-                      <td colSpan={3}>
-                        <TextInput
-                          type="password"
-                          disabled={!perms().authEdit}
-                          value={ctx.data.password ?? ""}
-                          onValueChange={(v) => ctx.setData("password", v)}
-                        />
-                      </td>
-                    </tr>
-                  </tbody>
+                  <FormTable.Row>
+                    <FormTable.Item label="비밀번호" colspan={3}>
+                      <TextInput
+                        type="password"
+                        disabled={!perms().authEdit}
+                        value={ctx.data.password ?? ""}
+                        onValueChange={(v) => ctx.setData("password", v)}
+                      />
+                    </FormTable.Item>
+                  </FormTable.Row>
                 </FormTable>
               </section>
             </Show>
@@ -210,19 +198,16 @@ export function EmployeeDetail(props: { itemId?: number }) {
               <section class={"flex flex-col gap-2"}>
                 <h3 class="font-bold text-base-400">개인정보</h3>
                 <FormTable>
-                  <tbody>
-                    <tr>
-                      <th>주민번호</th>
-                      <td colSpan={3}>
-                        <TextInput
-                          format="XXXXXX-XXXXXXX"
-                          disabled={!perms().personalEdit}
-                          value={ctx.data.socialSecurityNumber ?? ""}
-                          onValueChange={(v) => ctx.setData("socialSecurityNumber", v)}
-                        />
-                      </td>
-                    </tr>
-                  </tbody>
+                  <FormTable.Row>
+                    <FormTable.Item label="주민번호" colspan={3}>
+                      <TextInput
+                        format="XXXXXX-XXXXXXX"
+                        disabled={!perms().personalEdit}
+                        value={ctx.data.socialSecurityNumber ?? ""}
+                        onValueChange={(v) => ctx.setData("socialSecurityNumber", v)}
+                      />
+                    </FormTable.Item>
+                  </FormTable.Row>
                 </FormTable>
               </section>
             </Show>
@@ -231,26 +216,22 @@ export function EmployeeDetail(props: { itemId?: number }) {
               <section class={"flex flex-col gap-2"}>
                 <h3 class="font-bold text-base-400">급여정보</h3>
                 <FormTable>
-                  <tbody>
-                    <tr>
-                      <th>계좌은행</th>
-                      <td>
-                        <TextInput
-                          disabled={!perms().payrollEdit}
-                          value={ctx.data.payrollAccountBank ?? ""}
-                          onValueChange={(v) => ctx.setData("payrollAccountBank", v)}
-                        />
-                      </td>
-                      <th>계좌번호</th>
-                      <td>
-                        <TextInput
-                          disabled={!perms().payrollEdit}
-                          value={ctx.data.payrollAccountNumber ?? ""}
-                          onValueChange={(v) => ctx.setData("payrollAccountNumber", v)}
-                        />
-                      </td>
-                    </tr>
-                  </tbody>
+                  <FormTable.Row>
+                    <FormTable.Item label="계좌은행">
+                      <TextInput
+                        disabled={!perms().payrollEdit}
+                        value={ctx.data.payrollAccountBank ?? ""}
+                        onValueChange={(v) => ctx.setData("payrollAccountBank", v)}
+                      />
+                    </FormTable.Item>
+                    <FormTable.Item label="계좌번호">
+                      <TextInput
+                        disabled={!perms().payrollEdit}
+                        value={ctx.data.payrollAccountNumber ?? ""}
+                        onValueChange={(v) => ctx.setData("payrollAccountNumber", v)}
+                      />
+                    </FormTable.Item>
+                  </FormTable.Row>
                 </FormTable>
               </section>
             </Show>

package/templates/init/packages/client-admin/src/views/home/base/employee/EmployeeSheet.tsx.hbs

@@ -164,7 +164,7 @@ export function EmployeeSheet() {
     <CrudSheet<SheetItem, Filter>
       search={search}
       getItemKey={(item) => item.id}
-      itemDeleted={(item) => item.isDeleted}
+      isItemDeleted={(item) => item.isDeleted}
       isItemSelectable={(item) => item.id != null}
       persistKey="employee-page"
       editable={employeePerms.edit}

package/templates/init/packages/client-admin/src/views/home/base/role-permission/RoleDetail.tsx.hbs

@@ -33,7 +33,6 @@ export function RoleDetail(props: { itemId?: number }) {
     return appService.orm.connectWithoutTransaction(async (db) => {
       const role = await db
         .role()
-        // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
         .where((c) => [expr.eq(c.id, props.itemId)])
         .select((c) => ({
           name: c.name,
@@ -61,7 +60,6 @@ export function RoleDetail(props: { itemId?: number }) {
     await appService.orm.connect(async (db) => {
       const count = await db
         .role()
-        // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
         .where((c) => [
           expr.eq(c.name, data.name ?? ""),
 
@@ -78,7 +76,6 @@ export function RoleDetail(props: { itemId?: number }) {
     });
 
     // 저장
-    // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
     const savedId = await appService.orm.connect(async (db) => {
       if (props.itemId == null) {
         const [inserted] = await db.role().insert(
@@ -95,7 +92,6 @@ export function RoleDetail(props: { itemId?: number }) {
       } else {
         await db
           .role()
-          // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
           .where((_c) => [expr.eq(_c.id, props.itemId)])
           .update((_c) => ({
             name: data.name ?? "",
@@ -112,7 +108,6 @@ export function RoleDetail(props: { itemId?: number }) {
     await appService.orm.connect(async (db) => {
       await db
         .role()
-        // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
         .where((_c) => [expr.eq(_c.id, props.itemId!)])
         .update((_c) => ({
           isDeleted: del,
@@ -133,19 +128,16 @@ export function RoleDetail(props: { itemId?: number }) {
       {(ctx) => (
         <div class="p-2">
           <FormTable>
-            <tbody>
-            <tr>
-              <th>이름</th>
-              <td>
+            <FormTable.Row>
+              <FormTable.Item label="이름">
                 <TextInput
                   required
                   disabled={!perms().edit}
                   value={ctx.data.name ?? ""}
                   onValueChange={(v) => ctx.setData("name", v)}
                 />
-              </td>
-            </tr>
-            </tbody>
+              </FormTable.Item>
+            </FormTable.Row>
           </FormTable>
         </div>
       )}

package/templates/init/packages/client-admin/src/views/home/base/role-permission/RolePermissionDetail.tsx.hbs

@@ -57,11 +57,9 @@ export function RolePermissionDetail(props: { roleId: number }) {
   }
 
   async function handleSubmit(data: Record<string, boolean>) {
-    // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
     await appService.orm.connect(async (db) => {
       await db
         .rolePermission()
-        // eslint-disable-next-line solid/reactivity -- 비동기 콜백 내부
         .where((c) => [expr.eq(c.roleId, props.roleId)])
         .delete();
 

package/templates/init/packages/client-admin/src/views/home/base/role-permission/RolePermissionView.tsx

@@ -24,7 +24,7 @@ export function RolePermissionView() {
               variant={"ghost"}
               theme={"primary"}
               size={"xs"}
-              onClick={() => dialog.show(() => <RoleSheet />, { header: "권한그룹", closeOnBackdrop: true })}
+              onClick={() => dialog.show(() => <RoleSheet />, { header: "권한그룹", closeOnInteractOutside: true })}
             >
               <Icon icon={IconExternalLink} />
             </Button>

package/templates/init/packages/client-admin/src/views/home/base/role-permission/RoleSheet.tsx.hbs

@@ -85,7 +85,7 @@ export function RoleSheet() {
     <CrudSheet<SheetItem, Filter>
       search={search}
       getItemKey={(item) => item.id}
-      itemDeleted={(item) => item.isDeleted}
+      isItemDeleted={(item) => item.isDeleted}
       isItemSelectable={(item) => item.id != null}
       persistKey="role-sheet-page"
       editable={rolePerms.edit}

package/templates/init/packages/client-admin/src/views/home/my-info/MyInfoDetail.tsx.hbs

@@ -148,9 +148,8 @@ export function MyInfoDetail() {
           <section>
             <h3 class="mb-4 border-l-4 border-base-500 pl-3 font-bold text-base-500">인증정보</h3>
             <FormTable>
-              <tr>
-                <th>이메일</th>
-                <td>
+              <FormTable.Row>
+                <FormTable.Item label="이메일">
                   <TextInput
                     type="email"
                     required
@@ -158,11 +157,10 @@ export function MyInfoDetail() {
                     onValueChange={(v) => ctx.setData("email", v)}
                     autocomplete="off"
                   />
-                </td>
-              </tr>
-              <tr>
-                <th>현재 비밀번호</th>
-                <td>
+                </FormTable.Item>
+              </FormTable.Row>
+              <FormTable.Row>
+                <FormTable.Item label="현재 비밀번호">
                   <TextInput
                     required={Boolean(ctx.data.newPassword || ctx.data.confirmPassword)}
                     class="w-56"
@@ -172,11 +170,10 @@ export function MyInfoDetail() {
                     onValueChange={(v) => ctx.setData("currentPassword", v)}
                     placeholder="비밀번호 변경 시에만 입력"
                   />
-                </td>
-              </tr>
-              <tr>
-                <th>새 비밀번호</th>
-                <td>
+                </FormTable.Item>
+              </FormTable.Row>
+              <FormTable.Row>
+                <FormTable.Item label="새 비밀번호">
                   <TextInput
                     required={Boolean(ctx.data.currentPassword || ctx.data.confirmPassword)}
                     minLength={8}
@@ -187,11 +184,10 @@ export function MyInfoDetail() {
                     onValueChange={(v) => ctx.setData("newPassword", v)}
                     placeholder="비밀번호 변경 시에만 입력"
                   />
-                </td>
-              </tr>
-              <tr>
-                <th>새 비밀번호 확인</th>
-                <td>
+                </FormTable.Item>
+              </FormTable.Row>
+              <FormTable.Row>
+                <FormTable.Item label="새 비밀번호 확인">
                   <TextInput
                     required={Boolean(ctx.data.currentPassword || ctx.data.newPassword)}
                     minLength={8}
@@ -207,38 +203,35 @@ export function MyInfoDetail() {
                     onValueChange={(v) => ctx.setData("confirmPassword", v)}
                     placeholder="비밀번호 변경 시에만 입력"
                   />
-                </td>
-              </tr>
+                </FormTable.Item>
+              </FormTable.Row>
             </FormTable>
           </section>
 
           <section>
             <h3 class="mb-4 border-l-4 border-base-500 pl-3 font-bold text-base-500">시스템설정</h3>
             <FormTable>
-              <tbody>
-                <tr>
-                  <th>로그인 시 화면</th>
-                  <td>
-                    <Select
-                      class="w-full"
-                      value={ctx.data.firstRouterLink}
-                      onValueChange={(v) => ctx.setData("firstRouterLink", v)}
-                      items={routeOptions()}
-                      renderValue={(v) => <>{routeMap().get(v) ?? v}</>}
-                      placeholder="선택 안함"
+              <FormTable.Row>
+                <FormTable.Item label="로그인 시 화면">
+                  <Select
+                    class="w-full"
+                    value={ctx.data.firstRouterLink}
+                    onValueChange={(v) => ctx.setData("firstRouterLink", v)}
+                    items={routeOptions()}
+                    renderValue={(v) => <>{routeMap().get(v) ?? v}</>}
+                    placeholder="선택 안함"
+                  >
+                    <Select.ItemTemplate>
+                      {(href: string) => <>{routeMap().get(href) ?? href}</>}
+                    </Select.ItemTemplate>
+                    <Select.Action
+                      onClick={() => ctx.setData("firstRouterLink", undefined as any)}
                     >
-                      <Select.ItemTemplate>
-                        {(href: string) => <>{routeMap().get(href) ?? href}</>}
-                      </Select.ItemTemplate>
-                      <Select.Action
-                        onClick={() => ctx.setData("firstRouterLink", undefined as any)}
-                      >
-                        <Icon icon={IconX} class={"text-danger-500"} />
-                      </Select.Action>
-                    </Select>
-                  </td>
-                </tr>
-              </tbody>
+                      <Icon icon={IconX} class={"text-danger-500"} />
+                    </Select.Action>
+                  </Select>
+                </FormTable.Item>
+              </FormTable.Row>
             </FormTable>
           </section>
         </div>

package/templates/init/packages/db-main/package.json.hbs

@@ -7,7 +7,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@simplysm/core-common": "~13.0.75",
-    "@simplysm/orm-common": "~13.0.75"
+    "@simplysm/core-common": "~13.0.77",
+    "@simplysm/orm-common": "~13.0.77"
   }
 }

package/templates/init/packages/server/package.json.hbs

@@ -5,11 +5,11 @@
   "private": true,
   "dependencies": {
     "@{{projectName}}/db-main": "workspace:*",
-    "@simplysm/core-common": "~13.0.75",
+    "@simplysm/core-common": "~13.0.77",
     "@simplysm/excel": "^13.0.71",
-    "@simplysm/orm-common": "~13.0.75",
-    "@simplysm/orm-node": "~13.0.75",
-    "@simplysm/service-server": "~13.0.75",
+    "@simplysm/orm-common": "~13.0.77",
+    "@simplysm/orm-node": "~13.0.77",
+    "@simplysm/service-server": "~13.0.77",
     "bcrypt": "^6.0.0",
     "pg": "^8.19.0",
     "pg-copy-streams": "^7.0.0"

package/templates/init/tests/e2e/package.json.hbs

@@ -6,7 +6,7 @@
   "private": true,
   "dependencies": {
     "@{{projectName}}/db-main": "workspace:*",
-    "@simplysm/orm-node": "~13.0.75",
+    "@simplysm/orm-node": "~13.0.77",
     "bcrypt": "^6.0.0",
     "playwright": "^1.58.2"
   },