nuxt-hs-ui 1.0.10 → 2.0.2

package/dist/runtime/utils/tabulator.js

@@ -0,0 +1,296 @@
+import { Int } from "./number.js";
+import { ObjectCopy } from "./object.js";
+import { useHsMultiLang } from "../composables/use-hs-multi-lang.js";
+import { GetGolorCode } from "../utils/theme.js";
+export const cellMouseOut = (e) => {
+  const elm = e.target;
+  const overlays = elm.querySelectorAll("span.overlay");
+  Array.from(overlays).forEach((child) => {
+    child.classList.remove("flash");
+  });
+};
+export const cellMouseUp = (e) => {
+  const elm = e.target;
+  const overlays = elm.querySelectorAll("span.overlay");
+  Array.from(overlays).forEach((child) => {
+    child.classList.remove("flash");
+  });
+};
+export const cellMouseDown = (e) => {
+  const elm = e.target;
+  if (elm.classList.contains("table-cell-btn") === true) {
+    const offsetX = e.offsetX;
+    const offsetY = e.offsetY;
+    const width = Int(elm.clientWidth) + 20;
+    const overlays = elm.querySelectorAll("span.overlay");
+    Array.from(overlays).forEach((child) => {
+      child.style.top = `${-width + offsetY}px`;
+      child.style.left = `${-width + offsetX}px`;
+      child.style.width = `${width * 2}px`;
+      child.style.height = `${width * 2}px`;
+      child.classList.add("flash");
+      setTimeout(() => child.classList.remove("flash"), 1e4);
+    });
+  }
+};
+export const ColumnsPropsDisplay = {
+  headerSort: false,
+  download: false
+};
+export const ColumnsDisplay = (field = void 0, width = void 0) => {
+  return {
+    headerSort: false,
+    download: false,
+    field,
+    width: width === void 0 ? void 0 : String(width),
+    minWidth: width === void 0 ? void 0 : String(width)
+  };
+};
+export const InitEmitFunc = () => {
+  return {
+    // tableExcelDownload: async () => {
+    //   console.error('初期化が完了していません');
+    //   await Sleep(1);
+    // },
+    tableReBuild: () => {
+      console.error("\u521D\u671F\u5316\u304C\u5B8C\u4E86\u3057\u3066\u3044\u307E\u305B\u3093");
+    },
+    tableRedraw: () => {
+      console.error("\u521D\u671F\u5316\u304C\u5B8C\u4E86\u3057\u3066\u3044\u307E\u305B\u3093");
+    },
+    tableRefresh: () => {
+      console.error("\u521D\u671F\u5316\u304C\u5B8C\u4E86\u3057\u3066\u3044\u307E\u305B\u3093");
+    },
+    tableRefreshStopToggle: () => {
+      console.error("\u521D\u671F\u5316\u304C\u5B8C\u4E86\u3057\u3066\u3044\u307E\u305B\u3093");
+    }
+  };
+};
+export const TabulatorInitEmitFunc = InitEmitFunc;
+export const Option = (option) => {
+  return Object.assign(
+    {
+      locale: "ja",
+      langs: {
+        ja: {
+          columns: {},
+          data: {
+            loading: "Loading",
+            // data loader text
+            error: "Error"
+            // data error text
+          },
+          groups: {
+            item: "item",
+            // the singular  for item
+            items: "items"
+            // the plural for items
+          },
+          pagination: {
+            page_size: "\u8868\u793A\u4EF6\u6570",
+            page_title: "Show Page",
+            first: "",
+            // text for the first page button
+            first_title: "\u6700\u521D\u306E\u30DA\u30FC\u30B8",
+            // tooltip text for the first page button
+            last: "",
+            last_title: "\u6700\u5F8C\u306E\u30DA\u30FC\u30B8",
+            prev: "",
+            prev_title: "Prev Page",
+            next: "",
+            next_title: "Next Page",
+            all: "All",
+            counter: {
+              showing: "Showing",
+              of: "of",
+              rows: "rows",
+              pages: "pages"
+            }
+          }
+        },
+        en: {
+          columns: {},
+          data: {
+            loading: "Loading",
+            // data loader text
+            error: "Error"
+            // data error text
+          },
+          groups: {
+            item: "item",
+            // the singular  for item
+            items: "items"
+            // the plural for items
+          },
+          pagination: {
+            page_size: "Page Size ",
+            page_title: "Show Page",
+            first: "",
+            // text for the first page button
+            first_title: "First",
+            // tooltip text for the first page button
+            last: "",
+            last_title: "Last",
+            prev: "",
+            prev_title: "Prev ",
+            next: "",
+            next_title: "Next",
+            all: "All",
+            counter: {
+              showing: "Showing",
+              of: "of",
+              rows: "rows",
+              pages: "pages"
+            }
+          }
+        }
+      },
+      layout: "fitColumns",
+      downloadConfig: {
+        columnHeaders: true,
+        // do not include column headers in downloaded table
+        columnGroups: false,
+        // do not include column groups in column headers for downloaded table
+        rowGroups: false,
+        // do not include row groups in downloaded table
+        columnCalcs: false,
+        // do not include column calcs in downloaded table
+        dataTree: false
+        // do not include data tree in downloaded table
+      }
+      // pagination: true,
+      // paginationSize: 20,
+      // paginationSizeSelector: [20, 50, 100],
+      // clipboard: true,
+      // ...option,
+    },
+    option
+  );
+};
+export const TabulatorFunc = {
+  cellMouseOut,
+  cellMouseUp,
+  cellMouseDown,
+  ColumnsDisplay,
+  InitEmitFunc,
+  Option
+};
+export const ReplaceFolderName = (str) => {
+  const specialChars = /:|\?|\.|"|<|>|\|/g;
+  const slash = /\//g;
+  const spaces = /\s{2,}/g;
+  const backSlashs = /\\{2,}/g;
+  const sandwich = /(\s\\|\\\s)+(\s|\\)?/g;
+  const beginningEnd = /^(\s|\\)+|(\s|\\)+$/g;
+  const replacedStr = str.replace(specialChars, `-`).replace(slash, `\\`).replace(spaces, ` `).replace(backSlashs, `\\`).replace(sandwich, `\\`).replace(beginningEnd, ``);
+  return replacedStr;
+};
+export const SortIconClassName = (uid) => {
+  return (key) => {
+    return `table-sort-${uid}-` + key;
+  };
+};
+const headerStyle = `style="--row-height:28px;"`;
+const rowStyle = `style="--row-height:28px;"`;
+export const GetCellHtml = (html) => `<div class="v-cell-container" ${rowStyle}>{replace}</div>`.replace(
+  /\{replace\}/g,
+  html
+);
+export const GetHeaderHtml = (html) => `<div class="v-cell-container" ${headerStyle}>{replace}</div>`.replace(
+  /\{replace\}/g,
+  html
+);
+export const GetListTableBtnSetting = (arg) => {
+  const {
+    detailUrl,
+    mode,
+    actionBtnTheme,
+    componentName,
+    TabulatorFunc: TabulatorFunc2,
+    emit,
+    size
+  } = arg;
+  const storeMultiLang = useHsMultiLang();
+  const tx = storeMultiLang.tx;
+  return {
+    ...TabulatorFunc2.ColumnsDisplay("", 100),
+    title: ``,
+    formatter: (cell) => {
+      const row = cell.getRow().getData();
+      const baseUrl = detailUrl;
+      const herf = mode === "detail" ? `href="${baseUrl.replace(/new/, "")}${row.pId}"` : "";
+      const style = [
+        `border:solid 2px ${GetGolorCode(actionBtnTheme)}`,
+        `color:${GetGolorCode(actionBtnTheme)}`,
+        `width:100%`
+      ].join(";");
+      const overlayBg = `bg-${actionBtnTheme}`;
+      const caption = mode === "detail" ? tx({ ja: "\u8A73\u7D30", en: "Detail" }).value : tx({ ja: "\u9078\u629E", en: "Select" }).value;
+      const icon = mode === "detail" ? `<i class="fa-solid fa-window-restore me-1"></i>` : `<i class="fa-solid fa-pen-to-square me-1"></i>`;
+      return GetCellHtml(`
+<div class="v-cell-row" style="--row-size:${size};">
+<div class="v-cell" style="width:100%">
+<a class="table-cell-btn cursor-pointer" style="${style}" onclick="window.${componentName}_func(event);" ${herf}>
+${icon}${caption}
+<span class='overlay ${overlayBg}'></span>
+</a>
+</div>
+</div>
+    `);
+    },
+    cellClick: (e, cell) => {
+      if (window[`${componentName}_flag`] === true) return;
+      const row = cell.getRow().getData();
+      if (e.target.classList.contains("table-cell-btn") === true) {
+        emit("selected-id", row.id);
+        emit("select-private-id", row.pId);
+      }
+    },
+    cellMouseUp: TabulatorFunc2.cellMouseUp,
+    cellMouseOut: TabulatorFunc2.cellMouseOut,
+    cellMouseDown: TabulatorFunc2.cellMouseDown
+  };
+};
+export const ListOriginSortItems = (arg) => {
+  const { a, b, sortCount, SortReverse, sort } = arg;
+  for (let i = 0; i < sortCount; i++) {
+    const row = sort[i];
+    const isReverse = SortReverse.includes(row.key) === true ? -1 : 1;
+    const aRow = a[row.key];
+    const bRow = b[row.key];
+    if (aRow === null) return 1;
+    if (bRow === null) return -1;
+    if (aRow > bRow) return -1 * row.order * isReverse;
+    if (aRow < bRow) return 1 * row.order * isReverse;
+  }
+  return null;
+};
+export const ListPage = (arg) => {
+  const { size, index, list } = arg;
+  const st = index * size;
+  const end = (index + 1) * size - 1;
+  return list.map((row) => row).filter((row, index2) => {
+    if (index2 < st) return false;
+    if (end < index2) return false;
+    return true;
+  });
+};
+export const SortToggle = (arg) => {
+  const { key, sort } = arg;
+  let temp = ObjectCopy(sort);
+  const getActiveSortItem = (key2) => {
+    const ret = temp.find((row) => row.key === key2);
+    if (ret) return ret;
+    return null;
+  };
+  const item = getActiveSortItem(key);
+  if (item === null) {
+    temp.unshift({ key, order: -1 });
+  } else {
+    temp = temp.filter((row) => row.key !== item.key);
+    if (item.order === -1) {
+      temp.unshift({ key, order: 1 });
+    }
+  }
+  return temp.filter((row, index) => index < 4);
+};

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

@@ -0,0 +1,21 @@
+export declare const Theme: {
+    readonly main0: "main0";
+    readonly main1: "main1";
+    readonly main2: "main2";
+    readonly main3: "main3";
+    readonly accent1: "accent1";
+    readonly accent2: "accent2";
+    readonly info: "info";
+    readonly link: "link";
+    readonly download: "download";
+    readonly success: "success";
+    readonly warn: "warn";
+    readonly error: "error";
+    readonly white: "white";
+    readonly black: "black";
+    readonly dark: "dark";
+    readonly back: "back";
+};
+export type Theme = (typeof Theme)[keyof typeof Theme];
+export declare const ThemeKyes: [keyof typeof Theme];
+export declare const GetGolorCode: (code: string) => any;

package/dist/runtime/utils/theme.js

@@ -0,0 +1,31 @@
+import { useRuntimeConfig } from "#imports";
+export const Theme = {
+  main0: "main0",
+  main1: "main1",
+  main2: "main2",
+  main3: "main3",
+  //
+  accent1: "accent1",
+  accent2: "accent2",
+  //
+  info: "info",
+  link: "link",
+  download: "download",
+  success: "success",
+  warn: "warn",
+  error: "error",
+  //
+  white: "white",
+  black: "black",
+  dark: "dark",
+  back: "back"
+};
+export const ThemeKyes = Object.keys(Theme);
+export const GetGolorCode = (code) => {
+  const { public: config } = useRuntimeConfig();
+  const colors = config.hsui.colors || {};
+  if (code in colors) {
+    return colors[code] || "#000000";
+  }
+  return "#000000";
+};

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

@@ -0,0 +1,101 @@
+export declare const tv: import("tailwind-variants").CreateTV<boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined>;
+export declare const TvTheme: import("tailwind-variants").TVReturnType<{
+    theme: {
+        main0: string;
+        main1: string;
+        main2: string;
+        main3: string;
+        accent1: string;
+        accent2: string;
+        info: string;
+        link: string;
+        download: string;
+        success: string;
+        warn: string;
+        error: string;
+        white: string;
+        black: string;
+        dark: string;
+        back: string;
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        theme?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & import("tailwind-variants/dist/config.js").TWMConfig & (boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined), {
+    theme: {
+        main0: string;
+        main1: string;
+        main2: string;
+        main3: string;
+        accent1: string;
+        accent2: string;
+        info: string;
+        link: string;
+        download: string;
+        success: string;
+        warn: string;
+        error: string;
+        white: string;
+        black: string;
+        dark: string;
+        back: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    theme: {
+        main0: string;
+        main1: string;
+        main2: string;
+        main3: string;
+        accent1: string;
+        accent2: string;
+        info: string;
+        link: string;
+        download: string;
+        success: string;
+        warn: string;
+        error: string;
+        white: string;
+        black: string;
+        dark: string;
+        back: string;
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    theme: {
+        main0: string;
+        main1: string;
+        main2: string;
+        main3: string;
+        accent1: string;
+        accent2: string;
+        info: string;
+        link: string;
+        download: string;
+        success: string;
+        warn: string;
+        error: string;
+        white: string;
+        black: string;
+        dark: string;
+        back: string;
+    };
+}, {
+    theme: {
+        main0: string;
+        main1: string;
+        main2: string;
+        main3: string;
+        accent1: string;
+        accent2: string;
+        info: string;
+        link: string;
+        download: string;
+        success: string;
+        warn: string;
+        error: string;
+        white: string;
+        black: string;
+        dark: string;
+        back: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/runtime/utils/tv.js

@@ -0,0 +1,26 @@
+import { createTV } from "tailwind-variants";
+import _appConfig from "#build/app.config";
+const appConfig = _appConfig;
+export const tv = createTV(appConfig.tv || {});
+export const TvTheme = tv({
+  variants: {
+    theme: {
+      main0: "",
+      main1: "",
+      main2: "",
+      main3: "",
+      accent1: "",
+      accent2: "",
+      info: "",
+      link: "",
+      download: "",
+      success: "",
+      warn: "",
+      error: "",
+      white: "",
+      black: "",
+      dark: "",
+      back: ""
+    }
+  }
+});

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

@@ -0,0 +1,3 @@
+export declare const WarekiShort: (yyyy: any, nullText?: string) => string;
+export declare const Wareki: (yyyy: any, withoutUnit?: boolean, nullText?: string, len?: number | undefined, lang?: string) => string;
+export declare const WarekiToYYYYMMDD: (wareki: string | null) => number;

package/dist/runtime/utils/wareki.js

@@ -0,0 +1,106 @@
+import { Int } from "./number.js";
+import { PaddingLeft } from "./string.js";
+export const WarekiShort = (yyyy, nullText = "") => {
+  try {
+    if (yyyy === void 0 || yyyy == null) return nullText;
+    yyyy = Int(yyyy);
+    if (yyyy > 2019) {
+      return `R${String(yyyy - 2018)}`;
+    } else if (yyyy === 2019) {
+      return `R1`;
+    } else if (yyyy > 1989) {
+      return `H${String(yyyy - 1988)}`;
+    } else if (yyyy === 1989) {
+      return `H1`;
+    } else if (yyyy > 1926) {
+      return `S${String(yyyy - 1925)}`;
+    } else {
+      return `?`;
+    }
+  } catch {
+    return nullText;
+  }
+};
+export const Wareki = (yyyy, withoutUnit = false, nullText = "", len = void 0, lang = "ja") => {
+  try {
+    const unit = lang === "ja" ? "\u5E74" : "y";
+    if (yyyy === void 0 || yyyy == null) return nullText;
+    yyyy = Int(yyyy);
+    if (yyyy > 2019) {
+      if (withoutUnit) {
+        if (len === void 0) {
+          return `R${String(yyyy - 2018)}`;
+        } else {
+          return `R${PaddingLeft(String(yyyy - 2018), len, "0")}`;
+        }
+      } else {
+        return `R${String(yyyy - 2018)} (${String(yyyy)}${unit})`;
+      }
+    } else if (yyyy === 2019) {
+      if (withoutUnit) {
+        return `R1`;
+      } else {
+        return `R1 (${String(yyyy)}${unit})`;
+      }
+    } else if (yyyy > 1989) {
+      if (withoutUnit) {
+        if (len === void 0) {
+          return `H${String(yyyy - 1988)}`;
+        } else {
+          return `H${PaddingLeft(String(yyyy - 1988), len, "0")}`;
+        }
+      } else {
+        return `H${String(yyyy - 1988)} (${String(yyyy)}${unit})`;
+      }
+    } else if (yyyy === 1989) {
+      if (withoutUnit) {
+        return `H1`;
+      } else {
+        return `H1 (${String(yyyy)}${unit})`;
+      }
+    } else if (yyyy > 1926) {
+      if (withoutUnit) {
+        if (len === void 0) {
+          return `S${String(yyyy - 1925)}`;
+        } else {
+          return `S${PaddingLeft(String(yyyy - 1925), len, "0")}`;
+        }
+      } else {
+        return `S${String(yyyy - 1925)} (${String(yyyy)}${unit})`;
+      }
+    } else {
+      return `${String(yyyy)}`;
+    }
+  } catch {
+    return nullText;
+  }
+};
+export const WarekiToYYYYMMDD = (wareki) => {
+  try {
+    let YYYYMMDD = "";
+    if (wareki === null || wareki === "") return 0;
+    const arr = wareki.replace(/日/g, "").replace(/月/g, "-").replace(/年/g, "-").split("-");
+    if (arr.length > 0) {
+      if (/令和/.test(arr[0]) === true) {
+        YYYYMMDD += String(Int(arr[0].replace(/令和/g, "")) + 2018);
+      } else if (/平成/.test(arr[0]) === true) {
+        YYYYMMDD += String(Int(arr[0].replace(/平成/g, "")) + 1988);
+      } else if (/昭和/.test(arr[0]) === true) {
+        YYYYMMDD += String(Int(arr[0].replace(/昭和/g, "")) + 1925);
+      }
+    }
+    if (YYYYMMDD.length === 0) return 0;
+    YYYYMMDD = ("0000" + YYYYMMDD).slice(-4);
+    for (let i = 1; i <= 2; i++) {
+      if (arr.length > i && arr[i] !== "") {
+        YYYYMMDD += ("00" + arr[i]).slice(-2);
+      } else {
+        YYYYMMDD += "00";
+      }
+    }
+    return Int(YYYYMMDD);
+  } catch (error) {
+    console.error(error);
+    return 0;
+  }
+};

package/dist/types.d.mts

@@ -1,17 +1 @@
-
-import type { ModuleOptions } from './module.js'
-
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['hsui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['hsui']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['hsui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['hsui']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module.js'
+export { type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,17 +1 @@
-
-import type { ModuleOptions } from './module'
-
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['hsui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['hsui']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['hsui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['hsui']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module'
+export { type ModuleOptions, default } from './module'