@vc-shell/create-vc-app 1.0.341 → 1.1.0-alpha.10

package/dist/templates/sample/dynamic-module/composables/useDetails/index.ts

@@ -1,46 +1,46 @@
-import { computed, ref, Ref } from "vue";
-import { DetailsBaseBladeScope, DetailsComposableArgs, UseDetails, useDetailsFactory } from "@vc-shell/framework";
-import { addNewMockItem, loadMockItem, removeMockItem, updateMockItem } from "../../sample-data/methods";
-import { currencyOptions, MockedItem } from "../../sample-data";
-import { useI18n } from "vue-i18n";
-
-export interface DynamicItemScope extends DetailsBaseBladeScope {
-  currencyOptions: typeof currencyOptions;
-}
-
-export default (args: DetailsComposableArgs): UseDetails<MockedItem, DynamicItemScope> => {
-  const factory = useDetailsFactory<MockedItem>({
-    load: loadMockItem,
-    saveChanges: (details) => {
-      return details.id ? updateMockItem(details) : addNewMockItem(details);
-    },
-    remove: removeMockItem,
-  });
-
-  const { load, saveChanges, remove, loading, item, validationState } = factory();
-
-  const scope: DynamicItemScope = {
-    currencyOptions,
-  };
-
-  const { t } = useI18n({ useScope: "global" });
-
-  const bladeTitle = computed(() => {
-    return args.props.param
-      ? item.value?.name
-        ? item.value?.name + t("SAMPLE_APP.PAGES.DETAILS.TITLE.DETAILS")
-        : t("SAMPLE_APP.PAGES.DETAILS.TITLE.LOADING")
-      : "Test App" + t("SAMPLE_APP.PAGES.DETAILS.TITLE.DETAILS");
-  });
-
-  return {
-    load,
-    saveChanges,
-    remove,
-    loading,
-    item,
-    validationState,
-    bladeTitle,
-    scope,
-  };
-};
+import { computed, ref, Ref } from "vue";
+import { DetailsBaseBladeScope, DetailsComposableArgs, UseDetails, useDetailsFactory } from "@vc-shell/framework";
+import { addNewMockItem, loadMockItem, removeMockItem, updateMockItem } from "../../sample-data/methods";
+import { currencyOptions, MockedItem } from "../../sample-data";
+import { useI18n } from "vue-i18n";
+
+export interface DynamicItemScope extends DetailsBaseBladeScope {
+  currencyOptions: typeof currencyOptions;
+}
+
+export default (args: DetailsComposableArgs): UseDetails<MockedItem, DynamicItemScope> => {
+  const factory = useDetailsFactory<MockedItem>({
+    load: loadMockItem,
+    saveChanges: (details) => {
+      return details.id ? updateMockItem(details) : addNewMockItem(details);
+    },
+    remove: removeMockItem,
+  });
+
+  const { load, saveChanges, remove, loading, item, validationState } = factory();
+
+  const scope: DynamicItemScope = {
+    currencyOptions,
+  };
+
+  const { t } = useI18n({ useScope: "global" });
+
+  const bladeTitle = computed(() => {
+    return args.props.param
+      ? item.value?.name
+        ? item.value?.name + t("SAMPLE_APP.PAGES.DETAILS.TITLE.DETAILS")
+        : t("SAMPLE_APP.PAGES.DETAILS.TITLE.LOADING")
+      : "Test App" + t("SAMPLE_APP.PAGES.DETAILS.TITLE.DETAILS");
+  });
+
+  return {
+    load,
+    saveChanges,
+    remove,
+    loading,
+    item,
+    validationState,
+    bladeTitle,
+    scope,
+  };
+};

package/dist/templates/sample/dynamic-module/composables/useList/index.ts

@@ -1,50 +1,50 @@
-import { computed, ref, Ref } from "vue";
-import {
-  ListComposableArgs,
-  ListBaseBladeScope,
-  useBladeNavigation,
-  useListFactory,
-  type TOpenBladeArgs,
-  UseList,
-} from "@vc-shell/framework";
-import { loadMockItemsList, removeMockItem } from "../../sample-data/methods";
-import { MockedItem, MockedQuery } from "../../sample-data";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface DynamicItemsScope extends ListBaseBladeScope {}
-
-export default (args: ListComposableArgs): UseList<MockedItem[], MockedQuery, DynamicItemsScope> => {
-  const factory = useListFactory<MockedItem[], MockedQuery>({
-    load: loadMockItemsList,
-    remove: async (query, customQuery) => {
-      if (customQuery?.ids === null) return;
-      for (const id of customQuery.ids) {
-        await removeMockItem({ id });
-      }
-    },
-  });
-
-  const { load, remove, items, pagination, loading, query } = factory();
-  const { openBlade, resolveBladeByName } = useBladeNavigation();
-
-  async function openDetailsBlade(data?: TOpenBladeArgs) {
-    await openBlade({
-      blade: resolveBladeByName("SampleDetails"),
-      ...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,
+  UseList,
+} from "@vc-shell/framework";
+import { loadMockItemsList, removeMockItem } from "../../sample-data/methods";
+import { MockedItem, MockedQuery } from "../../sample-data";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface DynamicItemsScope extends ListBaseBladeScope {}
+
+export default (args: ListComposableArgs): UseList<MockedItem[], MockedQuery, DynamicItemsScope> => {
+  const factory = useListFactory<MockedItem[], MockedQuery>({
+    load: loadMockItemsList,
+    remove: async (query, customQuery) => {
+      if (customQuery?.ids === null) return;
+      for (const id of customQuery.ids) {
+        await removeMockItem({ id });
+      }
+    },
+  });
+
+  const { load, remove, items, pagination, loading, query } = factory();
+  const { openBlade, resolveBladeByName } = useBladeNavigation();
+
+  async function openDetailsBlade(data?: TOpenBladeArgs) {
+    await openBlade({
+      blade: resolveBladeByName("SampleDetails"),
+      ...data,
+    });
+  }
+
+  const scope: DynamicItemsScope = {
+    openDetailsBlade,
+  };
+
+  return {
+    items,
+    load,
+    remove,
+    loading,
+    pagination,
+    query,
+    scope,
+  };
+};

package/dist/templates/sample/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/sample/dynamic-module/locales/en.json

@@ -1,69 +1,69 @@
-{
-  "SAMPLE_APP": {
-    "MENU": {
-      "TITLE": "Sample"
-    },
-    "PAGES": {
-      "LIST": {
-        "TOOLBAR": {
-          "REFRESH": "Refresh",
-          "REMOVE": "Remove"
-        },
-        "SEARCH": {
-          "PLACEHOLDER": "Search keywords"
-        },
-        "TABLE": {
-          "TOTALS": "Count:",
-          "HEADER": {
-            "IMAGE": "Img",
-            "PRODUCT_NAME": "Product name",
-            "DESCRIPTION": "Description",
-            "PRICE": "Price",
-            "SALE_PRICE": "Sale price",
-            "CURRENCY": "Currency"
-          },
-          "EMPTY": {
-            "TITLE": "There are no content yet",
-            "ACTION": "Add content"
-          },
-          "NOT_FOUND": {
-            "TITLE": "No content found.",
-            "ACTION": "Reset search"
-          },
-          "ACTIONS": {
-            "DELETE": "Delete"
-          }
-        },
-        "EMPTY": {
-          "NO_ITEMS": "There are no items yet"
-        }
-      },
-      "DETAILS": {
-        "TITLE": {
-          "DETAILS": " details",
-          "LOADING": "Loading..."
-        },
-        "TOOLBAR": {
-          "SAVE": "Save",
-          "DELETE": "Delete"
-        },
-        "FIELDS": {
-          "NAME": "Name",
-          "CONTENT": "Content",
-          "GUID": "GUID",
-          "DESCRIPTION": "Description",
-          "PRICE": "Price",
-          "SALE_PRICE": "Sale price"
-        }
-      },
-      "ALERTS": {
-        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?",
-        "DELETE": "Are you sure you want to delete this item?",
-        "DELETE_SELECTED_CONFIRMATION": {
-          "MESSAGE": "Are you sure you want to delete {count} selected items?",
-          "ALL": "all {totalCount}"
-        }
-      }
-    }
-  }
-}
+{
+  "SAMPLE_APP": {
+    "MENU": {
+      "TITLE": "Sample"
+    },
+    "PAGES": {
+      "LIST": {
+        "TOOLBAR": {
+          "REFRESH": "Refresh",
+          "REMOVE": "Remove"
+        },
+        "SEARCH": {
+          "PLACEHOLDER": "Search keywords"
+        },
+        "TABLE": {
+          "TOTALS": "Count:",
+          "HEADER": {
+            "IMAGE": "Img",
+            "PRODUCT_NAME": "Product name",
+            "DESCRIPTION": "Description",
+            "PRICE": "Price",
+            "SALE_PRICE": "Sale price",
+            "CURRENCY": "Currency"
+          },
+          "EMPTY": {
+            "TITLE": "There are no content yet",
+            "ACTION": "Add content"
+          },
+          "NOT_FOUND": {
+            "TITLE": "No content found.",
+            "ACTION": "Reset search"
+          },
+          "ACTIONS": {
+            "DELETE": "Delete"
+          }
+        },
+        "EMPTY": {
+          "NO_ITEMS": "There are no items yet"
+        }
+      },
+      "DETAILS": {
+        "TITLE": {
+          "DETAILS": " details",
+          "LOADING": "Loading..."
+        },
+        "TOOLBAR": {
+          "SAVE": "Save",
+          "DELETE": "Delete"
+        },
+        "FIELDS": {
+          "NAME": "Name",
+          "CONTENT": "Content",
+          "GUID": "GUID",
+          "DESCRIPTION": "Description",
+          "PRICE": "Price",
+          "SALE_PRICE": "Sale price"
+        }
+      },
+      "ALERTS": {
+        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?",
+        "DELETE": "Are you sure you want to delete this item?",
+        "DELETE_SELECTED_CONFIRMATION": {
+          "MESSAGE": "Are you sure you want to delete {count} selected items?",
+          "ALL": "all {totalCount}"
+        }
+      }
+    }
+  }
+}

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

@@ -1,100 +1,100 @@
-import { DynamicDetailsSchema } from "@vc-shell/framework";
-
-export const details: DynamicDetailsSchema = {
-  settings: {
-    url: "/sample-details",
-    id: "SampleDetails",
-    localizationPrefix: "SAMPLE_APP",
-    composable: "useDetails",
-    component: "DynamicBladeForm",
-    toolbar: [
-      {
-        id: "save",
-        icon: "fas fa-save",
-        title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.SAVE",
-        method: "saveChanges",
-      },
-      {
-        id: "delete",
-        icon: "fas fa-trash",
-        title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.DELETE",
-        method: "remove",
-      },
-    ],
-  },
-  content: [
-    {
-      id: "dynamicItemForm",
-      component: "vc-form",
-      children: [
-        {
-          id: "name",
-          component: "vc-input",
-          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.NAME",
-          rules: { required: true },
-          property: "name",
-        },
-        {
-          id: "contentCard",
-          component: "vc-card",
-          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.CONTENT",
-          fields: [
-            {
-              id: "guid",
-              component: "vc-input",
-              label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.GUID",
-              property: "guid",
-              rules: {
-                required: true,
-                regex: /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/,
-              },
-            },
-            {
-              id: "description",
-              component: "vc-textarea",
-              label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.DESCRIPTION",
-              property: "description",
-              rules: { required: true },
-            },
-          ],
-        },
-        {
-          id: "prices",
-          component: "vc-card",
-          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
-          fields: [
-            {
-              id: "price-fieldset",
-              component: "vc-fieldset",
-              columns: 2,
-              fields: [
-                {
-                  id: "price",
-                  component: "vc-input-currency",
-                  label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
-                  property: "price",
-                  rules: { required: true },
-                  options: "currencyOptions",
-                  optionProperty: "currency",
-                  optionValue: "value",
-                  optionLabel: "label",
-                },
-                {
-                  id: "salePrice",
-                  component: "vc-input-currency",
-                  label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.SALE_PRICE",
-                  property: "salePrice",
-                  rules: { required: true },
-                  options: "currencyOptions",
-                  optionProperty: "currency",
-                  optionValue: "value",
-                  optionLabel: "label",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};
+import { DynamicDetailsSchema } from "@vc-shell/framework";
+
+export const details: DynamicDetailsSchema = {
+  settings: {
+    url: "/sample-details",
+    id: "SampleDetails",
+    localizationPrefix: "SAMPLE_APP",
+    composable: "useDetails",
+    component: "DynamicBladeForm",
+    toolbar: [
+      {
+        id: "save",
+        icon: "fas fa-save",
+        title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.SAVE",
+        method: "saveChanges",
+      },
+      {
+        id: "delete",
+        icon: "fas fa-trash",
+        title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.DELETE",
+        method: "remove",
+      },
+    ],
+  },
+  content: [
+    {
+      id: "dynamicItemForm",
+      component: "vc-form",
+      children: [
+        {
+          id: "name",
+          component: "vc-input",
+          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.NAME",
+          rules: { required: true },
+          property: "name",
+        },
+        {
+          id: "contentCard",
+          component: "vc-card",
+          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.CONTENT",
+          fields: [
+            {
+              id: "guid",
+              component: "vc-input",
+              label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.GUID",
+              property: "guid",
+              rules: {
+                required: true,
+                regex: /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/,
+              },
+            },
+            {
+              id: "description",
+              component: "vc-textarea",
+              label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.DESCRIPTION",
+              property: "description",
+              rules: { required: true },
+            },
+          ],
+        },
+        {
+          id: "prices",
+          component: "vc-card",
+          label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
+          fields: [
+            {
+              id: "price-fieldset",
+              component: "vc-fieldset",
+              columns: 2,
+              fields: [
+                {
+                  id: "price",
+                  component: "vc-input-currency",
+                  label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
+                  property: "price",
+                  rules: { required: true },
+                  options: "currencyOptions",
+                  optionProperty: "currency",
+                  optionValue: "value",
+                  optionLabel: "label",
+                },
+                {
+                  id: "salePrice",
+                  component: "vc-input-currency",
+                  label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.SALE_PRICE",
+                  property: "salePrice",
+                  rules: { required: true },
+                  options: "currencyOptions",
+                  optionProperty: "currency",
+                  optionValue: "value",
+                  optionLabel: "label",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};

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

@@ -1,4 +1,4 @@
-import { grid as testAppList } from "./list";
-import { details as testAppDetails } from "./details";
-
-export { testAppList, testAppDetails };
+import { grid as testAppList } from "./list";
+import { details as testAppDetails } from "./details";
+
+export { testAppList, testAppDetails };