nuxt-hs-ui 2.0.18 → 2.0.20

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "2.0.18",
+  "version": "2.0.20",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/form/check-list.vue

@@ -123,7 +123,13 @@ type Emits = {
   "value-change": [after: number[], before: number[], id: number];
 };
 const emit = defineEmits<Emits>();
-
+// ----------------------------------------------------------------------------
+const slots = defineSlots<{
+  default(props: { msg: string }): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
+}>();
 // ----------------------------------------------------------------------------
 
 // [ 選択肢配列 ]
@@ -313,7 +319,13 @@ const itemClass = computed(() => {
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
   >
-    <template v-if="$slots.overlay" #overlay>
+    <template v-if="slots['left-icons']" #left-icons>
+      <slot name="left-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots['right-icons']" #right-icons>
+      <slot name="right-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots.overlay" #overlay>
       <slot name="overlay"></slot>
     </template>
     <div class="nac-input-box" @mousedown.stop="" @mouseup.stop="">

package/dist/runtime/components/form/datepicker.vue

@@ -171,6 +171,13 @@ type Emits = {
 };
 const emit = defineEmits<Emits>();
 // ----------------------------------------------------------------------------
+const slots = defineSlots<{
+  default(props: { msg: string }): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
+}>();
+// ----------------------------------------------------------------------------
 // ----------------------------------------------------------------------------
 // [ getCurrentInstance ]
 const uid = useId();
@@ -733,15 +740,19 @@ const computedIsFocusOpenBtn = computed(() => {
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
   >
-    <template v-if="!props.readonly" #left-icons="{ disabled: iconDisabled }">
+    <template v-if="slots.overlay" #overlay>
+      <slot name="overlay"></slot>
+    </template>
+    <template v-if="!props.readonly" #left-icons>
+      <slot name="left-icons" :disabled="disabled" />
       <button
         ref="openBtn"
         data-sep="right"
         data-icon="calendar"
         :tabindex="tabindex"
-        :disabled="iconDisabled"
+        :disabled="disabled"
         :class="
-          !iconDisabled
+          !disabled
             ? 'cursor-pointer hover:bg-accent1/[0.1] active:bg-accent1/[0.2]'
             : ''
         "
@@ -821,20 +832,20 @@ const computedIsFocusOpenBtn = computed(() => {
         {{ props.mode === "month" ? "Now" : "Today" }}
       </span>
     </div>
-    <template
-      v-if="!props.hideDeleteBtn && !props.readonly"
-      #right-icons="{ disabled: iconDisabled }"
-    >
-      <div
-        :class="
-          !iconDisabled
-            ? 'text-error cursor-pointer hover:bg-error/[0.1] active:bg-error/[0.2]'
-            : ''
-        "
-        @click="iconEventDelete()"
-      >
-        <i class="fa-solid fa-delete-left"></i>
-      </div>
+    <template v-if="slots['right-icons']" #right-icons>
+      <template v-if="!props.hideDeleteBtn && !props.readonly">
+        <div
+          :class="
+            !disabled
+              ? 'text-error cursor-pointer hover:bg-error/[0.1] active:bg-error/[0.2]'
+              : ''
+          "
+          @click="iconEventDelete()"
+        >
+          <i class="fa-solid fa-delete-left"></i>
+        </div>
+      </template>
+      <slot name="right-icons" :disabled="disabled" />
     </template>
   </InputFrame>
 </template>

package/dist/runtime/components/form/radio.vue

@@ -130,6 +130,13 @@ type Emits = {
 };
 const emit = defineEmits<Emits>();
 // ----------------------------------------------------------------------------
+const slots = defineSlots<{
+  default(props: { msg: string }): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
+}>();
+// ----------------------------------------------------------------------------
 // [ getCurrentInstance ]
 const uid = useId();
 // ----------------------------------------------------------------------------
@@ -380,6 +387,15 @@ const inputClass = computed(() => {
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
   >
+    <template v-if="slots['left-icons']" #left-icons>
+      <slot name="left-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots['right-icons']" #right-icons>
+      <slot name="right-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots.overlay" #overlay>
+      <slot name="overlay"></slot>
+    </template>
     <div class="nac-input">
       <div
         class="radio-row"
@@ -479,10 +495,14 @@ const inputClass = computed(() => {
                 />
                 <div class="radio-text truncate">
                   {{ tx(row.text) }}
-                  <span v-if="row.deleted" class="text-error text-[0.7em] leading-[1em]"
+                  <span
+                    v-if="row.deleted"
+                    class="text-error text-[0.7em] leading-[1em]"
                     >※削除済み</span
                   >
-                  <span v-if="row.hidden" class="text-error text-[0.7em] leading-[1em]"
+                  <span
+                    v-if="row.hidden"
+                    class="text-error text-[0.7em] leading-[1em]"
                     >※非表示</span
                   >
                 </div>

package/dist/runtime/components/form/select.vue

@@ -129,6 +129,13 @@ type Emits = {
 };
 const emit = defineEmits<Emits>();
 // ----------------------------------------------------------------------------
+const slots = defineSlots<{
+  default(props: { msg: string }): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
+}>();
+// ----------------------------------------------------------------------------
 // [ getCurrentInstance ]
 const uid = useId();
 // ----------------------------------------------------------------------------
@@ -280,6 +287,15 @@ const selectClose = () => {
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
   >
+    <template v-if="slots['left-icons']" #left-icons>
+      <slot name="left-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots['right-icons']" #right-icons>
+      <slot name="right-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots.overlay" #overlay>
+      <slot name="overlay"></slot>
+    </template>
     <div
       v-if="displayData === null"
       class="absolute inset-0 flex items-center px-1 pointer-events-none text-[0.9em]"

package/dist/runtime/components/form/text-box.vue

@@ -130,8 +130,9 @@ const emit = defineEmits<Emits>();
 // ----------------------------------------------------------------------------
 const slots = defineSlots<{
   default(props: { msg: string }): any;
-  "right-icons"(): any;
-  "left-icons"(): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
 }>();
 // ----------------------------------------------------------------------------
 // [ getCurrentInstance ]
@@ -307,10 +308,13 @@ const dataListId = ref(`textbox-list-${uid}`);
     @click="elmFocus"
   >
     <template v-if="slots['left-icons']" #left-icons>
-      <slot name="left-icons" />
+      <slot name="left-icons" :disabled="disabled" />
     </template>
     <template v-if="slots['right-icons']" #right-icons>
-      <slot name="left-icons" />
+      <slot name="right-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots.overlay" #overlay>
+      <slot name="overlay"></slot>
     </template>
     <template v-if="props.maxLen > 0" #header-right="{ defaultClass }">
       <div :class="[defaultClass, lenLabelClass]">

package/dist/runtime/components/form/value-box.vue

@@ -160,6 +160,13 @@ type Emits = {
 };
 const emit = defineEmits<Emits>();
 // ----------------------------------------------------------------------------
+const slots = defineSlots<{
+  default(props: { msg: string }): any;
+  overlay?(): any;
+  "right-icons"?(): any;
+  "left-icons"?(): any;
+}>();
+// ----------------------------------------------------------------------------
 // [ getCurrentInstance ]
 const uid = useId();
 
@@ -544,6 +551,12 @@ watch(
     :size="props.size"
     @click="elmFocus"
   >
+    <template v-if="slots['left-icons']" #left-icons>
+      <slot name="left-icons" :disabled="disabled" />
+    </template>
+    <template v-if="slots.overlay" #overlay>
+      <slot name="overlay"></slot>
+    </template>
     <div class="flex items-end justify-end">
       <div class="flex-1">
         <input
@@ -601,6 +614,7 @@ watch(
           <i class="fas fa-caret-down"></i>
         </div>
       </div>
+      <slot name="right-icons" :disabled="disabled" />
     </template>
   </InputFrame>
 </template>

package/dist/runtime/components/layout/container.vue

@@ -27,7 +27,7 @@ const classStyle = computed(() => {
     "mx-auto px-2",
     props.fluid
       ? "w-full"
-      : "max-w-full xs:max-w-[600px] md:max-w-[700px]  lg:max-w-[950px] xl:max-w-[1200px] 2xl:max-w-[1450px]",
+      : "w-full xs:max-w-[600px] md:max-w-[700px]  lg:max-w-[950px] xl:max-w-[1200px] 2xl:max-w-[1450px]",
     ClassTypeToString(props.class)
   );
 });

package/dist/runtime/utils/class-style.d.ts

@@ -2,5 +2,7 @@ export type ClassTypeObje = {
     [key: string]: boolean;
 };
 export type ClassTypeArray = (string | ClassTypeObje | ClassTypeArray)[];
+/** VueSFC の「Prop」に渡されるclassプロパティの型 */
 export type ClassType = string | ClassTypeObje | ClassTypeArray;
+/** VueSFC の「Prop」に渡されるclassプロパティを文字列に変換する */
 export declare const ClassTypeToString: (c: ClassType) => string;

package/dist/runtime/utils/com.d.ts

@@ -2,5 +2,6 @@
 export declare const GenerateUniqeKey: (len?: number) => string;
 /** 一定時間処理を待機 */
 export declare const Sleep: (time: number) => Promise<unknown>;
-/** マウント後にブラウザ側で実行すること */
+/** モバイル系デバイスかどうかの判定
+ * - ブラウザ側で実行すること */
 export declare const IsMobile: () => boolean;

package/dist/runtime/utils/dayjs.d.ts

@@ -4,9 +4,10 @@ export type QUnitType = dayjs.QUnitType;
 export type OpUnitType = dayjs.OpUnitType;
 export declare const DayjsInit: () => void;
 export declare const defaultTimezone = "Asia/Tokyo";
-/** Dayjsオブジェクトを生成 */
+/** dayjsオブジェクト生成 */
 export declare const Dayjs: (arg?: string | number | Dayjs | Date | null | undefined) => Dayjs;
-/** 日付オブジェクト(Null許容) */
+/** dayjsオブジェクト生成
+ * - 日付返還できない場合 Nullを返す */
 export declare const DayjsNullable: (date?: string | null | Date | undefined) => Dayjs | null;
 /**
  * 日付の差分を計測
@@ -18,26 +19,26 @@ export declare const DayjsDiff: (date: Dayjs | null, diff: Dayjs | null, unit: Q
  * 時差を取得する
  * - str:format()
  */
-export declare const GetTimeShiftValue: (date: Dayjs | null) => number;
+export declare const GetTimeShiftValue: (date: Dayjs | null, timeZone?: string) => number;
 /**
- * 日付の差分を計測
- * -  date - diff
+ * 日付の時間部分を[00:00:00.000]にする
  */
 export declare const DateOnly: (date: string | null) => string | null;
 /**
- * 不確定な日付データをフォーマットされた日付に変換される
+ * 日付文字列をフォーマットされた日付に変換される
  * @param  date 文字列、日付オブジェクト
  * @returns 変換OKならDayjsフォーマット文字列、それ以外は空文字
  */
 export declare const DayjsFormat: (date: string | null | Date, f?: string, nullText?: string) => string;
 /**
- * 不確定な日付データをフォーマットされた日付に変換される
+ * 日付文字列をフォーマットされた日付に変換される(変換不可の場合、null)
  * @param  date 文字列、日付オブジェクト
  * @returns 変換OKならDayjsフォーマット文字列、それ以外はnull
  */
 export declare const DayjsFormatNullable: (date: string | null | Date, f?: string) => string | null;
 export declare const DayjsSetLocal: (lang?: "ja" | "en") => void;
 export declare const DayjsSetTimezone: (tz?: string) => void;
+/** Prismaの日付型の条件式を生成する関数 */
 export declare const DayjsBetweenWhereQuery: (arg: {
     from: string | null;
     to: string | null;

package/dist/runtime/utils/dayjs.js

@@ -11,8 +11,6 @@ export const DayjsInit = () => {
   dayjs.extend(utc);
   dayjs.extend(timezone);
   dayjs.extend(advancedFormat);
-  dayjs.extend(utc);
-  dayjs.extend(timezone);
   dayjs.tz.setDefault(defaultTimezone);
   dayjs.locale(ja);
 };
@@ -49,11 +47,11 @@ export const DayjsDiff = (date, diff, unit) => {
     return null;
   }
 };
-export const GetTimeShiftValue = (date) => {
+export const GetTimeShiftValue = (date, timeZone = defaultTimezone) => {
   if (date === null) return 0;
   const format = `YYYY-MM-DD HH:mm`;
   const a = date.format(format);
-  const b = date.tz(defaultTimezone).format(format);
+  const b = date.tz(timeZone).format(format);
   const diff = DayjsDiff(Dayjs(a), Dayjs(b), "m");
   return diff === null ? 0 : diff;
 };

package/dist/runtime/utils/float.d.ts

@@ -1,2 +1,4 @@
+/** 小数点含む数値文字列の数値変換 変換失敗=0 */
 export declare const Float: (i: any, digits?: number) => number;
+/** 小数点含む数値文字列の数値変換 変換失敗=null */
 export declare const FloatNullable: (i: any, digits?: number) => number | null;

package/dist/runtime/utils/multi-lang-object.d.ts

@@ -1,7 +1,5 @@
 import type { SelectItem } from "./select-item.js";
-export type MultiLang = string | {
-    [key: string]: string;
-};
+import { type MultiLang } from "./multi-lang.js";
 export type KeyNumber = {
     [key: string]: number;
 };

package/dist/runtime/utils/number.d.ts

@@ -10,5 +10,6 @@ export declare const InsertComma: (num: number | string | null, digits?: number,
  * 数値をカンマを挿入した文字列に変換する
  * @param  num 数値
  * @returns カンマが挿入された文字列
+ * - 例 12,000,000  => 12,000
  */
 export declare const InsertCommaK: (num: number | string | null) => string;

package/dist/runtime/utils/object.d.ts

@@ -1,18 +1,20 @@
 export declare const GetMapValue: <T>(obj: T, key: keyof T | null) => T[keyof T] | null;
 /**
  * オブジェクトをJSON経由でコピーします
+ * - JSON.parse(JSON.stringify(obj));
  */
 export declare const ObjectCopy: <T>(obj: T) => T;
 /**
- * オブジェクトのキー配列を返します
+ * Object.keys
  */
 export declare const ObjectKeys: <T>(obj: T) => (keyof T)[];
 /**
- * オブジェクトのキー配列を返します
+ * Object.values
  */
 export declare const ObjectValues: <T>(obj: T) => T[keyof T][];
 /**
- * オブジェクトのキー配列を返します
+ * オブジェクトのキーを再利用して
+ * Value値をinitDataにした新しいオブジェクトを生成します
  */
 export declare const ObjectKeyToMap: <T, T2>(obj: T, initData: T2) => { [x in keyof T]: T2; };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "description": "My new Nuxt module",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",