nuxt-hs-ui 1.0.10 → 2.0.2

package/dist/runtime/utils/object.js

@@ -0,0 +1,107 @@
+export const GetMapValue = (obj, key) => {
+  if (key === null) return null;
+  return obj[key];
+};
+export const ObjectCopy = (obj) => {
+  return JSON.parse(JSON.stringify(obj));
+};
+export const ObjectKeys = (obj) => {
+  return Object.keys(obj);
+};
+export const ObjectValues = (obj) => {
+  return Object.values(obj);
+};
+export const ObjectKeyToMap = (obj, initData) => {
+  const valueType = typeOf(initData);
+  const ngObje = ["set", "map", "symbol"].includes(valueType);
+  if (ngObje) {
+    throw new Error("Set and Map are not supported");
+  }
+  const isObje = ["array", "object"].includes(valueType);
+  const isUndefined = valueType === void 0;
+  return ObjectKeys(obj).reduce((ret, key) => {
+    if (isUndefined) {
+      ret[key] = initData;
+    } else if (isObje) {
+      ret[key] = ObjectCopy(initData);
+    } else {
+      ret[key] = initData;
+    }
+    return ret;
+  }, {});
+};
+export const ObjectListKeyMap = (obj, key) => {
+  return obj.reduce((ret, row) => {
+    ret[String(row[key])] = row;
+    return ret;
+  }, {});
+};
+export const ObjectCompare = (a, b) => {
+  if (JSON.stringify(a) === JSON.stringify(b)) return true;
+  const objectSort = (obj) => {
+    if (obj === null) {
+      return null;
+    }
+    const sorted = Object.entries(obj).sort();
+    for (const i in sorted) {
+      const val = sorted[i][1];
+      if (typeof val === "object") {
+        sorted[i][1] = objectSort(val);
+      }
+    }
+    return sorted;
+  };
+  const aJSON = JSON.stringify(objectSort(a));
+  const bJSON = JSON.stringify(objectSort(b));
+  return aJSON === bJSON;
+};
+export const ListIdSort = (baseList, idList) => {
+  const listOk = [];
+  const listNg = [];
+  const tList = [];
+  baseList.forEach((row) => tList.push(row.id));
+  idList.forEach((row) => {
+    if (tList.includes(row) === true) {
+      listOk.push(row);
+    } else {
+      listNg.push(row);
+    }
+  });
+  const ret = [];
+  tList.forEach((id) => {
+    if (listOk.includes(id) === true) {
+      ret.push(id);
+    }
+  });
+  listNg.forEach((id) => ret.push(id));
+  return ret;
+};
+const typeOf = (obj) => {
+  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
+};
+export const FlatObj = (obj, flatObj = {}, prefix = "") => {
+  const valueType = typeOf(obj);
+  if (valueType === "undefined") {
+    return flatObj;
+  } else if (valueType === "null" || valueType === "number" || valueType === "string" || valueType === "boolean") {
+    flatObj[prefix] = obj;
+    return flatObj;
+  } else if (valueType === "array") {
+    flatObj[`${prefix}`] = [];
+    obj.forEach((row, index) => {
+      const newKey = `${prefix}[${index}]`;
+      FlatObj(row, flatObj, newKey);
+    });
+    return flatObj;
+  } else if (valueType === "object") {
+    flatObj[`${prefix}`] = {};
+    Object.keys(obj).forEach((key) => {
+      const value = obj[key];
+      const newKey = prefix === "" ? key : prefix + "." + key;
+      FlatObj(value, flatObj, newKey);
+    });
+    return flatObj;
+  } else {
+    throw new Error(`FlatObj :: Unknown  Type ${valueType}`);
+  }
+};

package/dist/runtime/utils/select-item.d.ts

@@ -0,0 +1,31 @@
+import type { MultiLang } from "./multi-lang.js";
+export interface SelectItem {
+    readonly id: number;
+    /**
+     * 多言語の場合は多言語のオブジェクトをセットする
+     */
+    readonly text: MultiLang;
+    /**
+     * 画像用URL
+     */
+    imgUrl?: string;
+    /**
+     * 表示順
+     */
+    order?: number;
+    /**
+     * 非表示 : true = 非表示。
+     * ただし選択要素は表示する
+     * 任意で表示に切り替え変更できる
+     *
+     */
+    hidden?: boolean;
+    /**
+     * 削除非表示 : true = 非表示。
+     * ただし選択要素は表示する
+     */
+    deleted?: boolean;
+}
+type WithoutRequier = Partial<Omit<SelectItem, "id" | "text">>;
+export type SelectItemOrigin = Omit<SelectItem, keyof WithoutRequier> & WithoutRequier;
+export {};

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

@@ -0,0 +1,14 @@
+import type { SelectItem } from "./select-item.js";
+export type DisplaySelectItem = {
+    id: number | null;
+} & Omit<SelectItem, "id">;
+export declare const useDisplayList: (arg: {
+    list: SelectItem[];
+    id: number | null;
+    order: boolean;
+    unKnownData: SelectItem | null;
+    unKnownSelected: boolean;
+    isShowHidden: boolean;
+    require: boolean;
+    nullText: string;
+}) => DisplaySelectItem[];

package/dist/runtime/utils/select.js

@@ -0,0 +1,36 @@
+export const useDisplayList = (arg) => {
+  const {
+    //
+    list,
+    id,
+    order,
+    unKnownData,
+    unKnownSelected,
+    isShowHidden,
+    require,
+    nullText
+  } = arg;
+  const ret = list.filter((row) => {
+    if (row.deleted === true && row.id != id) {
+      return false;
+    }
+    if (isShowHidden === false && row.hidden === true && row.id != id) {
+      return false;
+    }
+    return true;
+  }).sort((a, b) => {
+    if (!order) return 0;
+    if (a.order === void 0 || b.order === void 0) return 0;
+    if (a.order < b.order) return -1;
+    if (a.order > b.order) return 1;
+    return 0;
+  });
+  const uk = unKnownData;
+  if (uk !== null && unKnownSelected) {
+    ret.push(uk);
+  }
+  if (!require) {
+    ret.unshift({ id: null, text: nullText });
+  }
+  return ret;
+};

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

@@ -0,0 +1,39 @@
+/**
+ * 指定した文字数にカットした文字を返却する
+ * @param  text 対象の文字列
+ * @param  len カットしたい文字数
+ * @param  addWard 省略文字（省略した場合「...」）
+ * @returns カンマが挿入された文字列
+ */
+export declare const CutLen: (text: string, len: number, addWard?: string) => string;
+export declare const LenB: (str: string) => number;
+/**
+ * 指定した文字数にカットした文字を返却する
+ * @param  text 対象の文字列
+ * @param  len カットしたい文字数(バイト計算)
+ * @param  w 省略文字（省略した場合「...」）
+ * @returns カンマが挿入された文字列
+ */
+export declare const CutLenB: (text: string, len: number, w?: string | undefined) => string;
+/**
+ * 指定した文字数にカットした文字を返却する
+ * @param  text 対象の文字列
+ * @param  len カットしたい文字数(バイト計算)
+ * @param  w 埋める文字 半角で指定すること
+ * @returns カンマが挿入された文字列
+ */
+export declare const PaddingLeft: (text: string | number | null, len: number, w: string, ryaku?: string) => string;
+/**
+ * 指定した文字数にカットした文字を返却する
+ * @param  text 対象の文字列
+ * @param  len カットしたい文字数(バイト計算)
+ * @param  w 埋める文字
+ * @returns カンマが挿入された文字列
+ */
+export declare const PaddingRight: (text: string | number | null, len: number, w: string, ryaku?: string) => string;
+export declare const ToString: (value: any) => string;
+export declare const ToStringNullable: (value: any) => string | null;
+/**
+ * パス禁止文字
+ */
+export declare const SafePathString: (str: string) => string;

package/dist/runtime/utils/string.js

@@ -0,0 +1,125 @@
+export const CutLen = (text, len, addWard = "") => {
+  if (text === null) return "";
+  if (len === 0) return text;
+  return text.substring(0, len) + addWard;
+};
+export const LenB = (str) => {
+  let len = 0;
+  for (let i = 0; i < str.length; i++) {
+    if (str[i].match(/[ -~]/)) {
+      len += 1;
+    } else {
+      len += 2;
+    }
+  }
+  return len;
+};
+export const CutLenB = (text, len, w = void 0) => {
+  if (text === null) return "";
+  if (len === 0) return "";
+  w = w === void 0 ? "..." : w;
+  let tempStr = "";
+  for (let i = 0; i < text.length; i++) {
+    if (text[i].match(/[ -~]/)) {
+      if (LenB(tempStr + w) + 1 > len) {
+        break;
+      }
+    } else if (LenB(tempStr + w) + 2 > len) {
+      break;
+    }
+    tempStr += text[i];
+  }
+  text = tempStr + w;
+  return text;
+};
+export const PaddingLeft = (text, len, w, ryaku = "") => {
+  text = text == null ? "" : String(text);
+  const textlen = LenB(text);
+  len = len - LenB(ryaku);
+  if (textlen <= len) {
+    return w.repeat(len - textlen) + text;
+  } else {
+    let str = "";
+    for (let i = 0; i < text.length; i++) {
+      if (text[text.length - i - 1].match(/[ -~]/)) {
+        if (LenB(str) + 1 > len) {
+          break;
+        }
+      } else if (LenB(str) + 2 > len) {
+        break;
+      }
+      str = text[text.length - i - 1] + str;
+    }
+    text = str;
+    return ryaku + w.repeat(len - LenB(text)) + text;
+  }
+};
+export const PaddingRight = (text, len, w, ryaku = "") => {
+  text = text == null ? "" : String(text);
+  const textlen = LenB(text);
+  len = len - LenB(ryaku);
+  if (textlen <= len) {
+    return text + w.repeat(len - textlen);
+  } else {
+    let str = "";
+    for (let i = 0; i < text.length; i++) {
+      if (text[i].match(/[ -~]/)) {
+        if (LenB(str) + 1 > len) {
+          break;
+        }
+      } else if (LenB(str) + 2 > len) {
+        break;
+      }
+      str = str + text[i];
+    }
+    text = str;
+    return text + w.repeat(len - LenB(text)) + ryaku;
+  }
+};
+const typeOf = (obj) => {
+  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
+};
+export const ToString = (value) => {
+  try {
+    if (value === null || value === void 0) return "";
+    let text = "";
+    switch (typeOf(value)) {
+      case "array":
+      case "object":
+        text = "\n" + JSON.stringify(value, null, 2);
+        break;
+      default:
+        text = `${value}`;
+    }
+    return text;
+  } catch {
+    return "";
+  }
+};
+export const ToStringNullable = (value) => {
+  try {
+    if (value === null || value === void 0) return null;
+    let text = "";
+    switch (typeOf(value)) {
+      case "array":
+      case "object":
+        text = "\n" + JSON.stringify(value, null, 2);
+        break;
+      default:
+        text = `${value}`;
+    }
+    return text;
+  } catch {
+    return "";
+  }
+};
+export const SafePathString = (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 = String(str).replace(specialChars, `-`).replace(slash, `\\`).replace(spaces, ` `).replace(backSlashs, `\\`).replace(sandwich, `\\`).replace(beginningEnd, ``).replace(/\s/, `_`);
+  return replacedStr;
+};

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

@@ -0,0 +1,108 @@
+import { type Theme } from "../utils/theme.js";
+/**
+ * セル内部にボタンを配置した時用
+ */
+export declare const cellMouseOut: (e: any) => void;
+/**
+ * セル内部にボタンを配置した時用
+ */
+export declare const cellMouseUp: (e: any) => void;
+/**
+ * セル内部にボタンを配置した時用
+ */
+export declare const cellMouseDown: (e: any) => void;
+export interface SortItem<T> {
+    key: T;
+    order: 1 | -1;
+}
+export declare const ColumnsPropsDisplay: {
+    headerSort: boolean;
+    download: boolean;
+};
+export declare const ColumnsDisplay: (field?: string | undefined, width?: number | undefined) => {
+    headerSort: boolean;
+    download: boolean;
+    field: string | undefined;
+    width: string | undefined;
+    minWidth: string | undefined;
+};
+export declare const InitEmitFunc: () => {
+    tableReBuild: () => void;
+    tableRedraw: () => void;
+    tableRefresh: () => void;
+    tableRefreshStopToggle: () => void;
+};
+export declare const TabulatorInitEmitFunc: () => {
+    tableReBuild: () => void;
+    tableRedraw: () => void;
+    tableRefresh: () => void;
+    tableRefreshStopToggle: () => void;
+};
+export declare const Option: (option?: any) => any;
+export declare const TabulatorFunc: {
+    cellMouseOut: (e: any) => void;
+    cellMouseUp: (e: any) => void;
+    cellMouseDown: (e: any) => void;
+    ColumnsDisplay: (field?: string | undefined, width?: number | undefined) => {
+        headerSort: boolean;
+        download: boolean;
+        field: string | undefined;
+        width: string | undefined;
+        minWidth: string | undefined;
+    };
+    InitEmitFunc: () => {
+        tableReBuild: () => void;
+        tableRedraw: () => void;
+        tableRefresh: () => void;
+        tableRefreshStopToggle: () => void;
+    };
+    Option: (option?: any) => any;
+};
+/**
+ * パス禁止文字
+ */
+export declare const ReplaceFolderName: (str: string) => string;
+export declare const SortIconClassName: <T>(uid: string) => (key: T) => string;
+export declare const GetCellHtml: (html: string) => string;
+export declare const GetHeaderHtml: (html: string) => string;
+/** Data-Row-Table ボタン列 */
+export declare const GetListTableBtnSetting: (arg: {
+    detailUrl: string;
+    mode: "select" | "detail";
+    actionBtnTheme: Theme;
+    componentName: string;
+    TabulatorFunc: typeof TabulatorFunc;
+    emit: any;
+    size: string;
+}) => {
+    title: string;
+    formatter: (cell: any) => string;
+    cellClick: (e: any, cell: any) => void;
+    cellMouseUp: (e: any) => void;
+    cellMouseOut: (e: any) => void;
+    cellMouseDown: (e: any) => void;
+    headerSort: boolean;
+    download: boolean;
+    field: string | undefined;
+    width: string | undefined;
+    minWidth: string | undefined;
+};
+/** List用 並べ替え処理 */
+export declare const ListOriginSortItems: <T>(arg: {
+    a: T;
+    b: T;
+    sortCount: number;
+    SortReverse: string[];
+    sort: SortItem<string>[];
+}) => number | null;
+/** List用 表示中ページの配列生成 */
+export declare const ListPage: <T>(arg: {
+    size: number;
+    index: number;
+    list: T[];
+}) => T[];
+/** List用 並べ替え */
+export declare const SortToggle: <SortKey extends string>(arg: {
+    key: SortKey;
+    sort: SortItem<SortKey>[];
+}) => SortItem<SortKey>[];