@vc-shell/framework 1.0.340 → 1.1.0-alpha.2

package/ui/components/molecules/vc-input/vc-input.stories.ts

@@ -1,165 +1,165 @@
-import type { Meta, StoryFn } from "@storybook/vue3";
-import { VcInput } from "./";
-import { VcButton } from "../..";
-
-export default {
-  title: "molecules/VcInput",
-  component: VcInput,
-  args: {
-    label: "This is an input",
-    placeholder: "Placeholder",
-  },
-  argTypes: {
-    maxlength: {
-      description: "Maximum number of characters that can be entered.",
-      control: "number",
-      table: {
-        type: {
-          summary: "number",
-        },
-        defaultValue: {
-          summary: "1024",
-        },
-      },
-    },
-  },
-} satisfies Meta<typeof VcInput>;
-
-export const Template: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput },
-  setup() {
-    return { args };
-  },
-  template: '<vc-input v-bind="args"></vc-input>',
-});
-
-export const Error: StoryFn<typeof VcInput> = Template.bind({});
-Error.args = {
-  errorMessage: "This is an error",
-  error: true,
-};
-
-export const Disabled: StoryFn<typeof VcInput> = Template.bind({});
-Disabled.args = {
-  disabled: true,
-};
-
-export const Hint: StoryFn<typeof VcInput> = Template.bind({});
-Hint.args = {
-  hint: "This is a hint",
-};
-
-export const Tooltip: StoryFn<typeof VcInput> = Template.bind({});
-Tooltip.args = {
-  tooltip: "This is a tooltip",
-};
-
-export const Required: StoryFn<typeof VcInput> = Template.bind({});
-Required.args = {
-  required: true,
-};
-
-export const Prefix: StoryFn<typeof VcInput> = Template.bind({});
-Prefix.args = {
-  prefix: "Prefix",
-};
-
-export const Suffix: StoryFn<typeof VcInput> = Template.bind({});
-Suffix.args = {
-  suffix: "Suffix",
-};
-
-export const CustomInputControlSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #control="{ placeholder }">
-    <input
-      type="range"
-      :disabled="disabled"
-      :placeholder="placeholder"
-    />
-    </template>
-  </vc-input>`,
-});
-
-export const CustomPrependSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput, VcButton },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #prepend>
-      <vc-button>Action</vc-button>
-    </template>
-  </vc-input>`,
-});
-
-export const CustomAppendSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput, VcButton },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #append>
-      <vc-button>Action</vc-button>
-    </template>
-  </vc-input>`,
-});
-
-export const CustomPrependInnerSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput, VcButton },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #prepend-inner>
-      <vc-button>Action</vc-button>
-    </template>
-  </vc-input>`,
-});
-
-export const CustomAppendInnerSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput, VcButton },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #append-inner>
-      <vc-button>Action</vc-button>
-    </template>
-  </vc-input>`,
-});
-
-export const CustomErrorSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args" error>
-    <template #error>
-      <p class="tw-font-bold tw-text-green-700">This is an custom error message</p>
-    </template>
-  </vc-input>`,
-});
-
-export const CustomHintSlot: StoryFn<typeof VcInput> = (args) => ({
-  components: { VcInput, VcButton },
-  setup() {
-    return { args };
-  },
-  template: `
-  <vc-input v-bind="args">
-    <template #hint>
-      <VcButton text>Custom hint action button</VcButton>
-    </template>
-  </vc-input>`,
-});
+import type { Meta, StoryFn } from "@storybook/vue3";
+import { VcInput } from "./";
+import { VcButton } from "../..";
+
+export default {
+  title: "molecules/VcInput",
+  component: VcInput,
+  args: {
+    label: "This is an input",
+    placeholder: "Placeholder",
+  },
+  argTypes: {
+    maxlength: {
+      description: "Maximum number of characters that can be entered.",
+      control: "number",
+      table: {
+        type: {
+          summary: "number",
+        },
+        defaultValue: {
+          summary: "1024",
+        },
+      },
+    },
+  },
+} satisfies Meta<typeof VcInput>;
+
+export const Template: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput },
+  setup() {
+    return { args };
+  },
+  template: '<vc-input v-bind="args"></vc-input>',
+});
+
+export const Error: StoryFn<typeof VcInput> = Template.bind({});
+Error.args = {
+  errorMessage: "This is an error",
+  error: true,
+};
+
+export const Disabled: StoryFn<typeof VcInput> = Template.bind({});
+Disabled.args = {
+  disabled: true,
+};
+
+export const Hint: StoryFn<typeof VcInput> = Template.bind({});
+Hint.args = {
+  hint: "This is a hint",
+};
+
+export const Tooltip: StoryFn<typeof VcInput> = Template.bind({});
+Tooltip.args = {
+  tooltip: "This is a tooltip",
+};
+
+export const Required: StoryFn<typeof VcInput> = Template.bind({});
+Required.args = {
+  required: true,
+};
+
+export const Prefix: StoryFn<typeof VcInput> = Template.bind({});
+Prefix.args = {
+  prefix: "Prefix",
+};
+
+export const Suffix: StoryFn<typeof VcInput> = Template.bind({});
+Suffix.args = {
+  suffix: "Suffix",
+};
+
+export const CustomInputControlSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #control="{ placeholder }">
+    <input
+      type="range"
+      :disabled="disabled"
+      :placeholder="placeholder"
+    />
+    </template>
+  </vc-input>`,
+});
+
+export const CustomPrependSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput, VcButton },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #prepend>
+      <vc-button>Action</vc-button>
+    </template>
+  </vc-input>`,
+});
+
+export const CustomAppendSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput, VcButton },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #append>
+      <vc-button>Action</vc-button>
+    </template>
+  </vc-input>`,
+});
+
+export const CustomPrependInnerSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput, VcButton },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #prepend-inner>
+      <vc-button>Action</vc-button>
+    </template>
+  </vc-input>`,
+});
+
+export const CustomAppendInnerSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput, VcButton },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #append-inner>
+      <vc-button>Action</vc-button>
+    </template>
+  </vc-input>`,
+});
+
+export const CustomErrorSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args" error>
+    <template #error>
+      <p class="tw-font-bold tw-text-green-700">This is an custom error message</p>
+    </template>
+  </vc-input>`,
+});
+
+export const CustomHintSlot: StoryFn<typeof VcInput> = (args) => ({
+  components: { VcInput, VcButton },
+  setup() {
+    return { args };
+  },
+  template: `
+  <vc-input v-bind="args">
+    <template #hint>
+      <VcButton text>Custom hint action button</VcButton>
+    </template>
+  </vc-input>`,
+});

package/ui/components/molecules/vc-input-currency/index.ts

@@ -1 +1 @@
-export { default as VcInputCurrency } from "./vc-input-currency.vue";
+export { default as VcInputCurrency } from "./vc-input-currency.vue";

package/ui/components/molecules/vc-input-currency/vc-input-currency.stories.ts

@@ -1,83 +1,83 @@
-import type { Meta, StoryFn } from "@storybook/vue3";
-import { VcInputCurrency } from "./";
-import { ref } from "vue";
-
-export default {
-  title: "molecules/VcInputCurrency",
-  component: VcInputCurrency,
-  args: {
-    label: "Label",
-    placeholder: "Placeholder",
-    options: [
-      {
-        title: "USD",
-        value: "USD",
-      },
-      {
-        title: "EUR",
-        value: "EUR",
-      },
-    ],
-    optionLabel: "title",
-    optionValue: "value",
-    modelValue: 1000000,
-  },
-  argTypes: {
-    optionLabel: {
-      control: "text",
-    },
-    optionValue: {
-      control: "text",
-    },
-  },
-} satisfies Meta<typeof VcInputCurrency>;
-
-export const Template: StoryFn<typeof VcInputCurrency> = (args) => ({
-  components: { VcInputCurrency },
-  setup() {
-    const option = ref("USD");
-    return { args, option };
-  },
-  template: '<vc-input-currency v-bind="args" v-model:option="option"></vc-input-currency>',
-});
-
-export const Hint: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Hint.args = {
-  hint: "This is a hint",
-};
-
-export const Tooltip: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Tooltip.args = {
-  tooltip: "This is a tooltip",
-};
-
-export const Error: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Error.args = {
-  errorMessage: "This is an error",
-  error: true,
-};
-
-export const Disabled: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Disabled.args = {
-  disabled: true,
-};
-
-export const Required: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Required.args = {
-  required: true,
-};
-
-export const Prefix: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Prefix.args = {
-  prefix: "$",
-};
-
-export const Suffix: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Suffix.args = {
-  suffix: "USD",
-};
-
-export const Loading: StoryFn<typeof VcInputCurrency> = Template.bind({});
-Loading.args = {
-  loading: true,
-};
+import type { Meta, StoryFn } from "@storybook/vue3";
+import { VcInputCurrency } from "./";
+import { ref } from "vue";
+
+export default {
+  title: "molecules/VcInputCurrency",
+  component: VcInputCurrency,
+  args: {
+    label: "Label",
+    placeholder: "Placeholder",
+    options: [
+      {
+        title: "USD",
+        value: "USD",
+      },
+      {
+        title: "EUR",
+        value: "EUR",
+      },
+    ],
+    optionLabel: "title",
+    optionValue: "value",
+    modelValue: 1000000,
+  },
+  argTypes: {
+    optionLabel: {
+      control: "text",
+    },
+    optionValue: {
+      control: "text",
+    },
+  },
+} satisfies Meta<typeof VcInputCurrency>;
+
+export const Template: StoryFn<typeof VcInputCurrency> = (args) => ({
+  components: { VcInputCurrency },
+  setup() {
+    const option = ref("USD");
+    return { args, option };
+  },
+  template: '<vc-input-currency v-bind="args" v-model:option="option"></vc-input-currency>',
+});
+
+export const Hint: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Hint.args = {
+  hint: "This is a hint",
+};
+
+export const Tooltip: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Tooltip.args = {
+  tooltip: "This is a tooltip",
+};
+
+export const Error: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Error.args = {
+  errorMessage: "This is an error",
+  error: true,
+};
+
+export const Disabled: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Disabled.args = {
+  disabled: true,
+};
+
+export const Required: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Required.args = {
+  required: true,
+};
+
+export const Prefix: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Prefix.args = {
+  prefix: "$",
+};
+
+export const Suffix: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Suffix.args = {
+  suffix: "USD",
+};
+
+export const Loading: StoryFn<typeof VcInputCurrency> = Template.bind({});
+Loading.args = {
+  loading: true,
+};

package/ui/components/molecules/vc-multivalue/index.ts

@@ -1 +1 @@
-export { default as VcMultivalue } from "./vc-multivalue.vue";
+export { default as VcMultivalue } from "./vc-multivalue.vue";