@vc-shell/create-vc-app 1.0.340 → 1.1.0-alpha.2

package/dist/templates/mocks/sample-data/methods.ts

@@ -1,65 +1,65 @@
-import { type MockedItem, type MockedQuery, mockedItems } from ".";
-
-export function loadMockItemsList(query: MockedQuery) {
-  return new Promise((resolve: (value: MockedItem[]) => void) => {
-    setTimeout(() => resolve(mockedItems), 1000);
-  }).then((res) => {
-    res = res.filter((x) => {
-      if (query.keyword) {
-        return x.name.toLowerCase().includes(query.keyword.toLowerCase());
-      }
-      return true;
-    });
-
-    return { results: res, totalCount: res.length };
-  });
-}
-
-export async function loadMockItem(args?: { id: string }) {
-  return new Promise((resolve: (value: MockedItem) => void) => {
-    setTimeout(() => {
-      const findMockedItem = mockedItems.find((x) => x.id === args?.id);
-
-      if (findMockedItem) resolve({ ...findMockedItem });
-    }, 1000);
-  });
-}
-
-export async function removeMockItem(args: { id: string }) {
-  new Promise((resolve: (value: boolean) => void) => {
-    setTimeout(() => {
-      const index = mockedItems.findIndex((x) => x.id === args.id);
-
-      if (index > -1) {
-        mockedItems.splice(index, 1);
-        resolve(true);
-      } else {
-        resolve(false);
-      }
-    }, 1000);
-  });
-}
-
-export async function addNewMockItem(args: MockedItem) {
-  return new Promise((resolve: (value: MockedItem) => void) => {
-    setTimeout(() => {
-      mockedItems.push(args);
-      resolve(args);
-    }, 1000);
-  });
-}
-
-export async function updateMockItem(args: MockedItem) {
-  return new Promise((resolve: (value: MockedItem) => void) => {
-    setTimeout(() => {
-      const index = mockedItems.findIndex((x) => x.id === args.id);
-
-      if (index > -1) {
-        mockedItems[index] = args;
-        resolve(args);
-      } else {
-        resolve(args);
-      }
-    }, 1000);
-  });
-}
+import { type MockedItem, type MockedQuery, mockedItems } from ".";
+
+export function loadMockItemsList(query: MockedQuery) {
+  return new Promise((resolve: (value: MockedItem[]) => void) => {
+    setTimeout(() => resolve(mockedItems), 1000);
+  }).then((res) => {
+    res = res.filter((x) => {
+      if (query.keyword) {
+        return x.name.toLowerCase().includes(query.keyword.toLowerCase());
+      }
+      return true;
+    });
+
+    return { results: res, totalCount: res.length };
+  });
+}
+
+export async function loadMockItem(args?: { id: string }) {
+  return new Promise((resolve: (value: MockedItem) => void) => {
+    setTimeout(() => {
+      const findMockedItem = mockedItems.find((x) => x.id === args?.id);
+
+      if (findMockedItem) resolve({ ...findMockedItem });
+    }, 1000);
+  });
+}
+
+export async function removeMockItem(args: { id: string }) {
+  new Promise((resolve: (value: boolean) => void) => {
+    setTimeout(() => {
+      const index = mockedItems.findIndex((x) => x.id === args.id);
+
+      if (index > -1) {
+        mockedItems.splice(index, 1);
+        resolve(true);
+      } else {
+        resolve(false);
+      }
+    }, 1000);
+  });
+}
+
+export async function addNewMockItem(args: MockedItem) {
+  return new Promise((resolve: (value: MockedItem) => void) => {
+    setTimeout(() => {
+      mockedItems.push(args);
+      resolve(args);
+    }, 1000);
+  });
+}
+
+export async function updateMockItem(args: MockedItem) {
+  return new Promise((resolve: (value: MockedItem) => void) => {
+    setTimeout(() => {
+      const index = mockedItems.findIndex((x) => x.id === args.id);
+
+      if (index > -1) {
+        mockedItems[index] = args;
+        resolve(args);
+      } else {
+        resolve(args);
+      }
+    }, 1000);
+  });
+}

package/dist/templates/modules/classic-module/composables/index.ts

@@ -1,2 +1,2 @@
-export { default as use{{ModuleNamePascalCase}}List } from "./use{{ModuleNamePascalCase}}List";
-export { default as use{{ModuleNamePascalCase}}Details } from "./use{{ModuleNamePascalCase}}Details";
+export { default as use{{ModuleNamePascalCase}}List } from "./use{{ModuleNamePascalCase}}List";
+export { default as use{{ModuleNamePascalCase}}Details } from "./use{{ModuleNamePascalCase}}Details";

package/dist/templates/modules/classic-module/composables/use{{ModuleNamePascalCase}}Details/index.ts

@@ -1,19 +1,19 @@
-import { computed, ref } from "vue";
-import { useAsync, useLoading } from "@vc-shell/framework";
-
-export default () => {
-  const item = ref({});
-
-  // Implement your own load function
-  const { loading: itemLoading, action: getItem } = useAsync<{ id: string }>(async (payload) => {
-    item.value = {};
-  });
-
-  const loading = useLoading(itemLoading);
-
-  return {
-    item: computed(() => item.value),
-    loading: computed(() => loading.value),
-    getItem,
-  };
-};
+import { computed, ref } from "vue";
+import { useAsync, useLoading } from "@vc-shell/framework";
+
+export default () => {
+  const item = ref({});
+
+  // Implement your own load function
+  const { loading: itemLoading, action: getItem } = useAsync<{ id: string }>(async (payload) => {
+    item.value = {};
+  });
+
+  const loading = useLoading(itemLoading);
+
+  return {
+    item: computed(() => item.value),
+    loading: computed(() => loading.value),
+    getItem,
+  };
+};

package/dist/templates/modules/classic-module/composables/use{{ModuleNamePascalCase}}List/index.ts

@@ -1,23 +1,23 @@
-import { computed, ref } from "vue";
-import { useAsync, useLoading } from "@vc-shell/framework";
-
-export default () => {
-  const data = ref([]);
-  const dataRes = ref();
-
-  // Implement your own load function
-  const { loading: itemLoading, action: getItems } = useAsync(async (payload) => {
-    data.value = [];
-  });
-
-  const loading = useLoading(itemLoading);
-
-  return {
-    data: computed(() => data.value),
-    loading: computed(() => loading.value),
-    totalCount: computed(() => dataRes.value?.totalCount),
-    pages: computed(() => Math.ceil(dataRes.value?.totalCount / 20)),
-    currentPage: 0 / Math.max(1, 20) + 1,
-    getItems,
-  };
-};
+import { computed, ref } from "vue";
+import { useAsync, useLoading } from "@vc-shell/framework";
+
+export default () => {
+  const data = ref([]);
+  const dataRes = ref();
+
+  // Implement your own load function
+  const { loading: itemLoading, action: getItems } = useAsync(async (payload) => {
+    data.value = [];
+  });
+
+  const loading = useLoading(itemLoading);
+
+  return {
+    data: computed(() => data.value),
+    loading: computed(() => loading.value),
+    totalCount: computed(() => dataRes.value?.totalCount),
+    pages: computed(() => Math.ceil(dataRes.value?.totalCount / 20)),
+    currentPage: 0 / Math.max(1, 20) + 1,
+    getItems,
+  };
+};

package/dist/templates/modules/classic-module/index.ts

@@ -1,8 +1,8 @@
-import * as pages from "./pages";
-import * as locales from "./locales";
-import { createAppModule } from "@vc-shell/framework";
-
-export default createAppModule(pages, locales);
-
-export * from "./pages";
-export * from "./composables";
+import * as pages from "./pages";
+import * as locales from "./locales";
+import { createAppModule } from "@vc-shell/framework";
+
+export default createAppModule(pages, locales);
+
+export * from "./pages";
+export * from "./composables";

package/dist/templates/modules/classic-module/locales/en.json

@@ -1,28 +1,28 @@
-{
-  "{{ModuleNameUppercaseSnakeCase}}": {
-    "MENU": {
-      "TITLE": "{{ModuleNameSentenceCase}}"
-    },
-    "PAGES": {
-      "LIST": {
-        "TITLE": "{{ModuleNameSentenceCase}} list",
-        "TOOLBAR": {
-          "REFRESH": "Refresh"
-        },
-        "SEARCH": {
-          "PLACEHOLDER": "Search keywords"
-        },
-        "TABLE": {
-          "TOTALS": "Count:",
-          "HEADER": {}
-        }
-      },
-      "DETAILS": {
-        "TITLE": "{{ModuleNameSentenceCase}} details"
-      },
-      "ALERTS": {
-        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
-      }
-    }
-  }
-}
+{
+  "{{ModuleNameUppercaseSnakeCase}}": {
+    "MENU": {
+      "TITLE": "{{ModuleNameSentenceCase}}"
+    },
+    "PAGES": {
+      "LIST": {
+        "TITLE": "{{ModuleNameSentenceCase}} list",
+        "TOOLBAR": {
+          "REFRESH": "Refresh"
+        },
+        "SEARCH": {
+          "PLACEHOLDER": "Search keywords"
+        },
+        "TABLE": {
+          "TOTALS": "Count:",
+          "HEADER": {}
+        }
+      },
+      "DETAILS": {
+        "TITLE": "{{ModuleNameSentenceCase}} details"
+      },
+      "ALERTS": {
+        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
+      }
+    }
+  }
+}

package/dist/templates/modules/classic-module/locales/index.ts

@@ -1,2 +1,2 @@
-import * as en from "./en.json";
-export { en };
+import * as en from "./en.json";
+export { en };

package/dist/templates/modules/classic-module/pages/details.vue

@@ -1,61 +1,61 @@
-<template>
-  <VcBlade
-    v-loading="loading"
-    :title="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.DETAILS.TITLE')"
-    :expanded="expanded"
-    :closable="closable"
-    width="70%"
-    :toolbar-items="bladeToolbar"
-    @close="$emit('close:blade')"
-    @expand="$emit('expand:blade')"
-    @collapse="$emit('collapse:blade')"
-  >
-    <VcContainer class="tw-p-2">
-      <VcForm>
-        <!-- You can add form fields here -->
-      </VcForm>
-    </VcContainer>
-  </VcBlade>
-</template>
-
-<script lang="ts" setup>
-import { IBladeToolbar, IParentCallArgs } from "@vc-shell/framework";
-import { use{{ModuleNamePascalCase}}Details } from "./../composables";
-import { onMounted, ref } from "vue";
-
-export interface Props {
-  expanded?: boolean;
-  closable?: boolean;
-  param?: string;
-}
-
-export interface Emits {
-  (event: "parent:call", args: IParentCallArgs): void;
-  (event: "collapse:blade"): void;
-  (event: "expand:blade"): void;
-  (event: "close:blade"): void;
-}
-
-defineOptions({
-  url: "/{{ModuleName}}-details",
-  name: "{{ModuleNamePascalCase}}Details",
-});
-
-const props = withDefaults(defineProps<Props>(), {
-  expanded: true,
-  closable: true,
-  param: undefined,
-});
-
-defineEmits<Emits>();
-
-const { loading, getItem } = use{{ModuleNamePascalCase}}Details();
-
-const bladeToolbar = ref<IBladeToolbar[]>([]);
-
-onMounted(async () => {
-  if (props.param) {
-    await getItem({ id: props.param });
-  }
-});
-</script>
+<template>
+  <VcBlade
+    v-loading="loading"
+    :title="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.DETAILS.TITLE')"
+    :expanded="expanded"
+    :closable="closable"
+    width="70%"
+    :toolbar-items="bladeToolbar"
+    @close="$emit('close:blade')"
+    @expand="$emit('expand:blade')"
+    @collapse="$emit('collapse:blade')"
+  >
+    <VcContainer class="tw-p-2">
+      <VcForm>
+        <!-- You can add form fields here -->
+      </VcForm>
+    </VcContainer>
+  </VcBlade>
+</template>
+
+<script lang="ts" setup>
+import { IBladeToolbar, IParentCallArgs } from "@vc-shell/framework";
+import { use{{ModuleNamePascalCase}}Details } from "./../composables";
+import { onMounted, ref } from "vue";
+
+export interface Props {
+  expanded?: boolean;
+  closable?: boolean;
+  param?: string;
+}
+
+export interface Emits {
+  (event: "parent:call", args: IParentCallArgs): void;
+  (event: "collapse:blade"): void;
+  (event: "expand:blade"): void;
+  (event: "close:blade"): void;
+}
+
+defineOptions({
+  url: "/{{ModuleName}}-details",
+  name: "{{ModuleNamePascalCase}}Details",
+});
+
+const props = withDefaults(defineProps<Props>(), {
+  expanded: true,
+  closable: true,
+  param: undefined,
+});
+
+defineEmits<Emits>();
+
+const { loading, getItem } = use{{ModuleNamePascalCase}}Details();
+
+const bladeToolbar = ref<IBladeToolbar[]>([]);
+
+onMounted(async () => {
+  if (props.param) {
+    await getItem({ id: props.param });
+  }
+});
+</script>

package/dist/templates/modules/classic-module/pages/index.ts

@@ -1,2 +1,2 @@
-export { default as List } from "./list.vue";
-export {default as Details } from './details.vue'
+export { default as List } from "./list.vue";
+export {default as Details } from './details.vue'