@vc-shell/create-vc-app 1.0.326 → 1.0.328-0

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

@@ -1,162 +1,162 @@
-<template>
-  <VcBlade
-    :title="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TITLE')"
-    width="50%"
-    :expanded="expanded"
-    :closable="closable"
-    :toolbar-items="bladeToolbar"
-    @close="$emit('close:blade')"
-    @expand="$emit('expand:blade')"
-    @collapse="$emit('collapse:blade')"
-  >
-    <!-- Blade contents -->
-    <VcTable
-      :expanded="expanded"
-      class="tw-grow tw-basis-0"
-      multiselect
-      :loading="loading"
-      :columns="columns"
-      :sort="sort"
-      :pages="pages"
-      :total-count="totalCount"
-      :search-value="searchValue"
-      :current-page="currentPage"
-      :search-placeholder="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.SEARCH.PLACEHOLDER')"
-      :total-label="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TABLE.TOTALS')"
-      :selected-item-id="selectedItemId"
-      state-key="{{ModuleNameUppercaseSnakeCase}}"
-      :items="data"
-      @item-click="onItemClick"
-      @header-click="onHeaderClick"
-    >
-    </VcTable>
-  </VcBlade>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, markRaw, onMounted, watch } from "vue";
-import { IBladeEvent, IBladeToolbar, IParentCallArgs, ITableColumns, useBladeNavigation } from "@vc-shell/framework";
-import { useI18n } from "vue-i18n";
-import { use{{ModuleNamePascalCase}}List } from "./../composables";
-import Details from "./details.vue";
-
-export interface Props {
-  expanded?: boolean;
-  closable?: boolean;
-  param?: string;
-  options?: Record<string, unknown>;
-}
-
-export interface Emits {
-  (event: "parent:call", args: IParentCallArgs): void;
-  (event: "collapse:blade"): void;
-  (event: "expand:blade"): void;
-  (event: "open:blade", blade: IBladeEvent): void;
-  (event: "close:blade"): void;
-}
-
-defineOptions({
-  url: "/{{ModuleName}}",
-  name: "{{ModuleNamePascalCase}}List",
-  isWorkspace: true,
-  menuItem: {
-    title: "{{ModuleNameUppercaseSnakeCase}}.MENU.TITLE",
-    icon: "fas fa-file-alt",
-    priority: 1,
-  },
-});
-
-const props = withDefaults(defineProps<Props>(), {
-  expanded: true,
-  closable: true,
-});
-
-defineEmits<Emits>();
-
-const { t } = useI18n({ useScope: "global" });
-const { openBlade } = useBladeNavigation();
-const { getItems, data, loading, totalCount, pages, currentPage } = use{{ModuleNamePascalCase}}List();
-
-const sort = ref("createdDate:DESC");
-const searchValue = ref();
-const selectedItemId = ref<string>();
-
-watch(
-  () => props.param,
-  (newVal) => {
-      selectedItemId.value = newVal;
-  },
-  { immediate: true },
-);
-
-onMounted(async () => {
-  await getItems();
-});
-
-const bladeToolbar = ref<IBladeToolbar[]>([
-  {
-    id: "refresh",
-    title: computed(() => t("{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TOOLBAR.REFRESH")),
-    icon: "fas fa-sync-alt",
-    async clickHandler() {
-      await reload();
-    },
-  },
-]);
-
-const columns = ref<ITableColumns[]>([
-  // You can add columns here
-]);
-
-const title = computed(() => t("{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TITLE"));
-
-const reload = async () => {
-  await getItems();
-};
-
-const onItemClick = (item: { id: string }) => {
-  openBlade({
-    blade: markRaw(Details),
-    param: item.id,
-    onOpen() {
-      selectedItemId.value = item.id;
-    },
-    onClose() {
-      selectedItemId.value = undefined;
-    },
-  });
-};
-
-const onHeaderClick = (item: ITableColumns) => {
-  const sortOptions = ["DESC", "ASC", ""];
-
-  if (item.sortable) {
-    if (sort.value.split(":")[0] === item.id) {
-      const index = sortOptions.findIndex((x) => {
-        const sorting = sort.value.split(":")[1];
-        if (sorting) {
-          return x === sorting;
-        } else {
-          return x === "";
-        }
-      });
-
-      if (index !== -1) {
-        const newSort = sortOptions[(index + 1) % sortOptions.length];
-
-        if (newSort === "") {
-          sort.value = `${item.id}`;
-        } else {
-          sort.value = `${item.id}:${newSort}`;
-        }
-      }
-    } else {
-      sort.value = `${item.id}:${sortOptions[0]}`;
-    }
-  }
-};
-
-defineExpose({
-  title,
-});
-</script>
+<template>
+  <VcBlade
+    :title="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TITLE')"
+    width="50%"
+    :expanded="expanded"
+    :closable="closable"
+    :toolbar-items="bladeToolbar"
+    @close="$emit('close:blade')"
+    @expand="$emit('expand:blade')"
+    @collapse="$emit('collapse:blade')"
+  >
+    <!-- Blade contents -->
+    <VcTable
+      :expanded="expanded"
+      class="tw-grow tw-basis-0"
+      multiselect
+      :loading="loading"
+      :columns="columns"
+      :sort="sort"
+      :pages="pages"
+      :total-count="totalCount"
+      :search-value="searchValue"
+      :current-page="currentPage"
+      :search-placeholder="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.SEARCH.PLACEHOLDER')"
+      :total-label="$t('{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TABLE.TOTALS')"
+      :selected-item-id="selectedItemId"
+      state-key="{{ModuleNameUppercaseSnakeCase}}"
+      :items="data"
+      @item-click="onItemClick"
+      @header-click="onHeaderClick"
+    >
+    </VcTable>
+  </VcBlade>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, markRaw, onMounted, watch } from "vue";
+import { IBladeEvent, IBladeToolbar, IParentCallArgs, ITableColumns, useBladeNavigation } from "@vc-shell/framework";
+import { useI18n } from "vue-i18n";
+import { use{{ModuleNamePascalCase}}List } from "./../composables";
+import Details from "./details.vue";
+
+export interface Props {
+  expanded?: boolean;
+  closable?: boolean;
+  param?: string;
+  options?: Record<string, unknown>;
+}
+
+export interface Emits {
+  (event: "parent:call", args: IParentCallArgs): void;
+  (event: "collapse:blade"): void;
+  (event: "expand:blade"): void;
+  (event: "open:blade", blade: IBladeEvent): void;
+  (event: "close:blade"): void;
+}
+
+defineOptions({
+  url: "/{{ModuleName}}",
+  name: "{{ModuleNamePascalCase}}List",
+  isWorkspace: true,
+  menuItem: {
+    title: "{{ModuleNameUppercaseSnakeCase}}.MENU.TITLE",
+    icon: "fas fa-file-alt",
+    priority: 1,
+  },
+});
+
+const props = withDefaults(defineProps<Props>(), {
+  expanded: true,
+  closable: true,
+});
+
+defineEmits<Emits>();
+
+const { t } = useI18n({ useScope: "global" });
+const { openBlade } = useBladeNavigation();
+const { getItems, data, loading, totalCount, pages, currentPage } = use{{ModuleNamePascalCase}}List();
+
+const sort = ref("createdDate:DESC");
+const searchValue = ref();
+const selectedItemId = ref<string>();
+
+watch(
+  () => props.param,
+  (newVal) => {
+      selectedItemId.value = newVal;
+  },
+  { immediate: true },
+);
+
+onMounted(async () => {
+  await getItems();
+});
+
+const bladeToolbar = ref<IBladeToolbar[]>([
+  {
+    id: "refresh",
+    title: computed(() => t("{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TOOLBAR.REFRESH")),
+    icon: "fas fa-sync-alt",
+    async clickHandler() {
+      await reload();
+    },
+  },
+]);
+
+const columns = ref<ITableColumns[]>([
+  // You can add columns here
+]);
+
+const title = computed(() => t("{{ModuleNameUppercaseSnakeCase}}.PAGES.LIST.TITLE"));
+
+const reload = async () => {
+  await getItems();
+};
+
+const onItemClick = (item: { id: string }) => {
+  openBlade({
+    blade: markRaw(Details),
+    param: item.id,
+    onOpen() {
+      selectedItemId.value = item.id;
+    },
+    onClose() {
+      selectedItemId.value = undefined;
+    },
+  });
+};
+
+const onHeaderClick = (item: ITableColumns) => {
+  const sortOptions = ["DESC", "ASC", ""];
+
+  if (item.sortable) {
+    if (sort.value.split(":")[0] === item.id) {
+      const index = sortOptions.findIndex((x) => {
+        const sorting = sort.value.split(":")[1];
+        if (sorting) {
+          return x === sorting;
+        } else {
+          return x === "";
+        }
+      });
+
+      if (index !== -1) {
+        const newSort = sortOptions[(index + 1) % sortOptions.length];
+
+        if (newSort === "") {
+          sort.value = `${item.id}`;
+        } else {
+          sort.value = `${item.id}:${newSort}`;
+        }
+      }
+    } else {
+      sort.value = `${item.id}:${sortOptions[0]}`;
+    }
+  }
+};
+
+defineExpose({
+  title,
+});
+</script>

package/dist/templates/modules/dynamic-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/dynamic-module/composables/use{{ModuleNamePascalCase}}Details/index.ts

@@ -1,37 +1,37 @@
-import { computed, ref, Ref } from "vue";
-import { DetailsBaseBladeScope, IBladeToolbar, useDetailsFactory, DetailsComposableArgs } from "@vc-shell/framework";
-
-export interface DynamicItemScope extends DetailsBaseBladeScope {}
-
-export default (args: DetailsComposableArgs) => {
-  const factory = useDetailsFactory({
-    load: async () => {
-      return {};
-    },
-    saveChanges: () => {
-      throw new Error("Function not implemented.");
-    },
-    remove: () => {
-      throw new Error("Function not implemented.");
-    },
-  });
-
-  const { load, saveChanges, remove, loading, item, validationState } = factory();
-
-  const scope: DynamicItemScope = {};
-
-  const bladeTitle = computed(() => {
-    return "{{ModuleNameSentenceCase}} details";
-  });
-
-  return {
-    load,
-    saveChanges,
-    remove,
-    loading,
-    item,
-    validationState,
-    bladeTitle,
-    scope,
-  };
-};
+import { computed, ref, Ref } from "vue";
+import { DetailsBaseBladeScope, IBladeToolbar, useDetailsFactory, DetailsComposableArgs } from "@vc-shell/framework";
+
+export interface DynamicItemScope extends DetailsBaseBladeScope {}
+
+export default (args: DetailsComposableArgs) => {
+  const factory = useDetailsFactory({
+    load: async () => {
+      return {};
+    },
+    saveChanges: () => {
+      throw new Error("Function not implemented.");
+    },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    },
+  });
+
+  const { load, saveChanges, remove, loading, item, validationState } = factory();
+
+  const scope: DynamicItemScope = {};
+
+  const bladeTitle = computed(() => {
+    return "{{ModuleNameSentenceCase}} details";
+  });
+
+  return {
+    load,
+    saveChanges,
+    remove,
+    loading,
+    item,
+    validationState,
+    bladeTitle,
+    scope,
+  };
+};

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

@@ -1,49 +1,49 @@
-import { computed, ref, Ref } from "vue";
-import {
-  ListComposableArgs,
-  ListBaseBladeScope,
-  useBladeNavigation,
-  useListFactory,
-  type TOpenBladeArgs,
-} from "@vc-shell/framework";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface DynamicItemsScope extends ListBaseBladeScope {}
-
-export default (args: ListComposableArgs) => {
-  const factory = useListFactory({
-    load: async () => {
-      return {
-        totalCount: 0,
-        results: [],
-      };
-    },
-    remove: () => {
-      throw new Error("Function not implemented.");
-    },
-  });
-
-  const { load, remove, items, pagination, loading, query } = factory();
-  const { openBlade, resolveBladeByName } = useBladeNavigation();
-
-  async function openDetailsBlade(data?: TOpenBladeArgs) {
-    await openBlade({
-      blade: resolveBladeByName("{{ModuleNamePascalCase}}Details"),
-      ...data,
-    });
-  }
-
-  const scope: DynamicItemsScope = {
-    openDetailsBlade,
-  };
-
-  return {
-    items,
-    load,
-    remove,
-    loading,
-    pagination,
-    query,
-    scope,
-  };
-};
+import { computed, ref, Ref } from "vue";
+import {
+  ListComposableArgs,
+  ListBaseBladeScope,
+  useBladeNavigation,
+  useListFactory,
+  type TOpenBladeArgs,
+} from "@vc-shell/framework";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface DynamicItemsScope extends ListBaseBladeScope {}
+
+export default (args: ListComposableArgs) => {
+  const factory = useListFactory({
+    load: async () => {
+      return {
+        totalCount: 0,
+        results: [],
+      };
+    },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    },
+  });
+
+  const { load, remove, items, pagination, loading, query } = factory();
+  const { openBlade, resolveBladeByName } = useBladeNavigation();
+
+  async function openDetailsBlade(data?: TOpenBladeArgs) {
+    await openBlade({
+      blade: resolveBladeByName("{{ModuleNamePascalCase}}Details"),
+      ...data,
+    });
+  }
+
+  const scope: DynamicItemsScope = {
+    openDetailsBlade,
+  };
+
+  return {
+    items,
+    load,
+    remove,
+    loading,
+    pagination,
+    query,
+    scope,
+  };
+};

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

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

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

@@ -1,35 +1,35 @@
-{
-  "{{ModuleNameUppercaseSnakeCase}}": {
-    "MENU": {
-      "TITLE": "{{ModuleNameSentenceCase}}"
-    },
-    "PAGES": {
-      "LIST": {
-        "TOOLBAR": {
-          "REFRESH": "Refresh"
-        },
-        "SEARCH": {
-          "PLACEHOLDER": "Search keywords"
-        },
-        "TABLE": {
-          "TOTALS": "Count:",
-          "HEADER": {},
-          "EMPTY": {
-            "TITLE": "There are no content yet",
-            "ACTION": "Add content"
-          },
-          "NOT_FOUND": {
-            "TITLE": "No content found.",
-            "ACTION": "Reset search"
-          }
-        },
-        "EMPTY": {
-          "NO_ITEMS": "There are no items yet"
-        }
-      },
-      "ALERTS": {
-        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
-      }
-    }
-  }
-}
+{
+  "{{ModuleNameUppercaseSnakeCase}}": {
+    "MENU": {
+      "TITLE": "{{ModuleNameSentenceCase}}"
+    },
+    "PAGES": {
+      "LIST": {
+        "TOOLBAR": {
+          "REFRESH": "Refresh"
+        },
+        "SEARCH": {
+          "PLACEHOLDER": "Search keywords"
+        },
+        "TABLE": {
+          "TOTALS": "Count:",
+          "HEADER": {},
+          "EMPTY": {
+            "TITLE": "There are no content yet",
+            "ACTION": "Add content"
+          },
+          "NOT_FOUND": {
+            "TITLE": "No content found.",
+            "ACTION": "Reset search"
+          }
+        },
+        "EMPTY": {
+          "NO_ITEMS": "There are no items yet"
+        }
+      },
+      "ALERTS": {
+        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
+      }
+    }
+  }
+}

package/dist/templates/modules/dynamic-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/dynamic-module/pages/details.ts

@@ -1,20 +1,20 @@
-import { DynamicDetailsSchema } from "@vc-shell/framework";
-
-export const details: DynamicDetailsSchema = {
-  settings: {
-    url: "/{{ModuleName}}-details",
-    id: "{{ModuleNamePascalCase}}Details",
-    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
-    composable: "use{{ModuleNamePascalCase}}Details",
-    component: "DynamicBladeForm",
-  },
-  content: [
-    {
-      id: "dynamicItemForm",
-      component: "vc-form",
-      children: [
-        // You can add fields here
-      ],
-    },
-  ],
-};
+import { DynamicDetailsSchema } from "@vc-shell/framework";
+
+export const details: DynamicDetailsSchema = {
+  settings: {
+    url: "/{{ModuleName}}-details",
+    id: "{{ModuleNamePascalCase}}Details",
+    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
+    composable: "use{{ModuleNamePascalCase}}Details",
+    component: "DynamicBladeForm",
+  },
+  content: [
+    {
+      id: "dynamicItemForm",
+      component: "vc-form",
+      children: [
+        // You can add fields here
+      ],
+    },
+  ],
+};

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

@@ -1,4 +1,4 @@
-import { grid as {{ModuleNameExports}}List } from "./list";
-import { details as {{ModuleNameExports}}Details } from "./details";
-
-export { {{ModuleNameExports}}List, {{ModuleNameExports}}Details };
+import { grid as {{ModuleNameExports}}List } from "./list";
+import { details as {{ModuleNameExports}}Details } from "./details";
+
+export { {{ModuleNameExports}}List, {{ModuleNameExports}}Details };