nuxt-hs-ui 2.0.28 → 2.0.30

package/dist/module.json

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

package/dist/module.mjs

@@ -88,7 +88,6 @@ const module = defineNuxtModule({
     _nuxt.options.appConfig.tv = {
       twMerge: true,
       twMergeConfig: {
-        prefix: twConfig.prefix,
         theme: twConfig.theme
       }
     };

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

@@ -8,10 +8,8 @@
 
 // [ node-modules ]
 import dayjs from "dayjs/esm/index";
-import flatpickr from "flatpickr";
-import monthSelectPlugin from "flatpickr/dist/plugins/monthSelect";
-import { Japanese as ja } from "flatpickr/dist/l10n/ja";
-// import { english as en } from "flatpickr/dist/l10n/default";
+// flatpickr cdn 経由で使用する
+// import flatpickr from "flatpickr";
 // [ vueuse ]
 import { useMounted } from "@vueuse/core";
 // [ NUXT ]
@@ -27,6 +25,7 @@ import {
   useHead,
 } from "#imports";
 // [ utils ]
+import { Sleep } from "../../utils/com";
 import type { ClassType } from "../../utils/class-style";
 import { GetTimeShiftValue, Dayjs, DayjsInit } from "../../utils/dayjs";
 // [ composables ]
@@ -40,6 +39,9 @@ import InputFrame from "./input-frame.vue";
 useHead({
   script: [
     //
+    // https://npmcdn.com/flatpickr@4.6.13/dist/plugins/monthSelect/index.js
+    { src: `https://npmcdn.com/flatpickr/dist/flatpickr.min.js` },
+    { src: `https://npmcdn.com/flatpickr/dist/plugins/monthSelect` },
     { src: `https://npmcdn.com/flatpickr/dist/l10n/ja.js` },
     { src: `https://npmcdn.com/flatpickr/dist/l10n/default.js` },
   ],
@@ -57,7 +59,7 @@ const hsMisc = useHsMisc();
 const isMounted = useMounted();
 // ----------------------------------------------------------------------------
 // flatpickr
-const MonthSelectPlugin: any = monthSelectPlugin;
+// const MonthSelectPlugin: any = monthSelectPlugin;
 const timeDateFormat = "YYYY-MM-DD HH:mm:ss.SSS";
 const timeOutputDateFormat = "HH:mm:ss.SSS";
 const timeShowDateFormat = "HH:mm";
@@ -207,7 +209,7 @@ const state = reactive<State>({
   date: null,
   option: {
     dateFormat: "Z",
-    locale: ja,
+    locale: "ja",
     time_24hr: true,
     minDate: undefined,
     maxDate: undefined,
@@ -263,12 +265,11 @@ watch(
     computed(() => {
       return [props.minDate, props.maxDate, multiLang.state.lang];
     }).value,
-  () => {
+  async () => {
     // console.log('computed', props.minDate, props.maxDate, isMounted.value);
     if (!isMounted.value) return;
-    setTimeout(() => {
-      resetPicekr();
-    }, 1);
+    await Sleep(1);
+    resetPicekr();
   }
 );
 
@@ -354,8 +355,9 @@ const initFlatPickerOption = () => {
     state.option.disableMobile = true;
   }
   if (props.mode === "month") {
+    const monthSelectPlugin = (window as any).monthSelectPlugin;
     state.option.plugins = [
-      new MonthSelectPlugin({
+      new monthSelectPlugin({
         shorthand: true, // デフォルトはfalse
         dateFormat: "m.y", // デフォルトは"F Y"
         altFormat: "F Y", // デフォルトは"F Y"
@@ -397,18 +399,17 @@ const generateFlatPickerOption = () => {
   if (inputElement.value != null) {
     dayjs.locale(multiLang.state.lang);
     switch (multiLang.state.lang) {
+      case "jp":
       case "ja":
         state.option.locale = "ja";
         break;
-      case "en":
-        state.option.locale = "en";
-        break;
       default:
         state.option.locale = "en";
         break;
     }
     // state.option.position = 'above';
     // state.option.static = true;
+    const flatpickr = (window as any).flatpickr;
     state.picker = flatpickr(inputElement.value, state.option);
     state.picker.config.onChange.push(onChange);
     state.picker.config.onOpen.push(onOpen);
@@ -624,11 +625,15 @@ watch(computedActivate, (value) => {
   }
 });
 
-onMounted(() => {
+onMounted(async () => {
+  await Sleep(1);
+  // setTimeout(() => {
   initFlatPickerOption();
   generateFlatPickerOption();
+  // }, 1);
 });
-onUnmounted(() => {
+onUnmounted(async () => {
+  await Sleep(1);
   if (state.picker != null) {
     state.picker.destroy();
     state.picker = null;

package/dist/runtime/plugin/v-select.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/package.json

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