nuxt-hs-ui 2.1.2 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.15.0"
6
6
  },
7
- "version": "2.1.2",
7
+ "version": "2.1.4",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "0.8.4",
10
10
  "unbuild": "2.0.0"
@@ -20,20 +20,30 @@ import CardItem from "../layout/card-item.vue";
20
20
  interface Props {
21
21
  class?: ClassType;
22
22
  links: { label: string; to?: string }[];
23
+ classLink?: ClassType;
24
+ classSeq?: ClassType;
23
25
  }
24
26
  const props = withDefaults(defineProps<Props>(), {
25
27
  class: "",
28
+ classLink: "",
29
+ classUnlink: "",
26
30
  });
27
31
 
28
32
  const classStyle = computed(() => {
29
33
  return twMerge(`w-full min-w-0`, ClassTypeToString(props.class));
30
34
  });
35
+ const classStyleLink = computed(() => {
36
+ return twMerge(`text-main1`, ClassTypeToString(props.classLink));
37
+ });
38
+ const classStyleUnlink = computed(() => {
39
+ return twMerge(`text-gray-600`, ClassTypeToString(props.classLink));
40
+ });
31
41
  </script>
32
42
 
33
43
  <template>
34
44
  <Card :class="classStyle">
35
45
  <CardItem
36
- class="px-1 py-1 sm:px-4 sm:py-1 min-w-0"
46
+ class="px-1 py-1 sm:px-4 sm:py-1 min-w-0 h-full flex-c"
37
47
  theme="back"
38
48
  variant="body"
39
49
  >
@@ -43,15 +53,14 @@ const classStyle = computed(() => {
43
53
  <NuxtLink
44
54
  v-if="item.to !== undefined"
45
55
  :to="item.to"
46
- class="text-main1"
47
- :class="{ hasBefore: index !== 0 }"
56
+ :class="[classStyleLink, { hasBefore: index !== 0 }]"
48
57
  >
49
58
  {{ item.label }}
50
59
  </NuxtLink>
51
60
  <span
52
61
  v-else
53
- class="text-gray-600"
54
- :class="{ hasBefore: index !== 0 }"
62
+ class=""
63
+ :class="[classStyleUnlink, { hasBefore: index !== 0 }]"
55
64
  >
56
65
  {{ item.label }}
57
66
  </span>
@@ -59,6 +59,25 @@ export declare const Func: {
59
59
  };
60
60
  Option: (option?: any) => any;
61
61
  };
62
+ export declare const TabulatorFunc: {
63
+ cellMouseOut: (e: any) => void;
64
+ cellMouseUp: (e: any) => void;
65
+ cellMouseDown: (e: any) => void;
66
+ ColumnsDisplay: (field?: string | undefined, width?: number | undefined) => {
67
+ headerSort: boolean;
68
+ download: boolean;
69
+ field: string | undefined;
70
+ width: string | undefined;
71
+ minWidth: string | undefined;
72
+ };
73
+ InitEmitFunc: () => {
74
+ tableReBuild: () => void;
75
+ tableRedraw: () => void;
76
+ tableRefresh: () => void;
77
+ tableRefreshStopToggle: () => void;
78
+ };
79
+ Option: (option?: any) => any;
80
+ };
62
81
  /**
63
82
  * パス禁止文字
64
83
  */
@@ -75,7 +94,19 @@ export declare const GetListTableBtnSetting: (arg: {
75
94
  TabulatorFunc: typeof TabulatorFunc;
76
95
  emit: any;
77
96
  size: string;
78
- }) => any;
97
+ }) => {
98
+ title: string;
99
+ formatter: (cell: any) => string;
100
+ cellClick: (e: any, cell: any) => void;
101
+ cellMouseUp: (e: any) => void;
102
+ cellMouseOut: (e: any) => void;
103
+ cellMouseDown: (e: any) => void;
104
+ headerSort: boolean;
105
+ download: boolean;
106
+ field: string | undefined;
107
+ width: string | undefined;
108
+ minWidth: string | undefined;
109
+ };
79
110
  /** List用 並べ替え処理 */
80
111
  export declare const ListOriginSortItems: <T>(arg: {
81
112
  a: T;
@@ -175,6 +175,7 @@ export const Func = {
175
175
  InitEmitFunc,
176
176
  Option
177
177
  };
178
+ export const TabulatorFunc = Func;
178
179
  export const ReplaceFolderName = (str) => {
179
180
  const specialChars = /:|\?|\.|"|<|>|\|/g;
180
181
  const slash = /\//g;
@@ -206,14 +207,14 @@ export const GetListTableBtnSetting = (arg) => {
206
207
  mode,
207
208
  actionBtnTheme,
208
209
  componentName,
209
- TabulatorFunc,
210
+ TabulatorFunc: TabulatorFunc2,
210
211
  emit,
211
212
  size
212
213
  } = arg;
213
214
  const storeMultiLang = useHsMultiLang();
214
215
  const tx = storeMultiLang.tx;
215
216
  return {
216
- ...TabulatorFunc.ColumnsDisplay("", 100),
217
+ ...TabulatorFunc2.ColumnsDisplay("", 100),
217
218
  title: ``,
218
219
  formatter: (cell) => {
219
220
  const row = cell.getRow().getData();
@@ -249,9 +250,9 @@ ${icon}${caption}
249
250
  emit("select-private-id", row.pId);
250
251
  }
251
252
  },
252
- cellMouseUp: TabulatorFunc.cellMouseUp,
253
- cellMouseOut: TabulatorFunc.cellMouseOut,
254
- cellMouseDown: TabulatorFunc.cellMouseDown
253
+ cellMouseUp: TabulatorFunc2.cellMouseUp,
254
+ cellMouseOut: TabulatorFunc2.cellMouseOut,
255
+ cellMouseDown: TabulatorFunc2.cellMouseDown
255
256
  };
256
257
  };
257
258
  export const ListOriginSortItems = (arg) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nuxt-hs-ui",
3
- "version": "2.1.2",
3
+ "version": "2.1.4",
4
4
  "description": "My new Nuxt module",
5
5
  "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
6
6
  "license": "MIT",