@shwfed/nuxt 0.7.9 → 0.7.11

package/dist/runtime/components/ui/locale/Locale.vue

@@ -0,0 +1,291 @@
+<script setup>
+import { useVModel } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { cn } from "../../../utils/cn";
+import { supportedLocales } from "../../../utils/coders";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea } from "../input-group";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  class: { type: null, required: false },
+  multiline: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: createDefaultLocaleValue()
+});
+const { t } = useI18n();
+const locales = computed(
+  () => [...modelValue.value ?? createDefaultLocaleValue()].sort((left, right) => {
+    if (left.locale === "zh") {
+      return -1;
+    }
+    if (right.locale === "zh") {
+      return 1;
+    }
+    return 0;
+  })
+);
+const hasRemainingLocales = computed(() => locales.value.length < supportedLocales.length);
+const localeLabels = {
+  zh: "\u4E2D\u6587",
+  ja: "\u65E5\u672C\u8A9E",
+  en: "English",
+  ko: "\uD55C\uAD6D\uC5B4"
+};
+function createDefaultLocaleValue() {
+  return [{ locale: "zh", message: "" }];
+}
+function localeIcon(locale) {
+  return `circle-flags:lang-${locale}`;
+}
+function localeLabel(locale) {
+  return localeLabels[locale];
+}
+function availableLocales(index) {
+  const currentLocale = locales.value[index]?.locale;
+  return supportedLocales.filter((locale) => locale !== currentLocale && !locales.value.some((item) => item.locale === locale));
+}
+function updateMessage(index, message) {
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale: item.locale,
+      message: String(message)
+    };
+  });
+}
+function updateLocale(index, locale) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh" && locale !== "zh") {
+    return;
+  }
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale,
+      message: item.message
+    };
+  });
+}
+function removeLocale(index) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh") {
+    return;
+  }
+  modelValue.value = locales.value.filter((_, itemIndex) => itemIndex !== index);
+}
+function addLocale() {
+  const locale = supportedLocales.find((candidate) => !locales.value.some((item) => item.locale === candidate));
+  if (!locale) {
+    return;
+  }
+  const nextValue = [...locales.value];
+  nextValue.push({
+    locale,
+    message: ""
+  });
+  modelValue.value = nextValue;
+}
+function handleMessageUpdate(index, value) {
+  updateMessage(index, value);
+}
+</script>
+
+<template>
+  <div
+    v-bind="$attrs"
+    data-slot="locale"
+    :class="cn('flex flex-col gap-2', props.class)"
+  >
+    <InputGroup
+      v-for="(item, index) in locales"
+      :key="item.locale"
+      data-slot="locale-row"
+      :data-locale="item.locale"
+    >
+      <InputGroupAddon
+        v-if="props.multiline"
+        align="block-start"
+        class="border-b border-zinc-200"
+      >
+        <div class="flex w-full items-center justify-between gap-3">
+          <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+            <DropdownMenuTrigger as-child>
+              <InputGroupButton
+                size="sm"
+                as-child
+              >
+                <button
+                  type="button"
+                  data-slot="locale-trigger"
+                  class="text-zinc-500 transition-colors hover:text-zinc-700"
+                  :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+                >
+                  <Icon :icon="localeIcon(item.locale)" />
+                  <span>{{ localeLabel(item.locale) }}</span>
+                </button>
+              </InputGroupButton>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="start">
+              <DropdownMenuItem
+                v-for="locale in availableLocales(index)"
+                :key="locale"
+                data-slot="locale-option"
+                :data-locale-option="locale"
+                @select="updateLocale(index, locale)"
+              >
+                <Icon :icon="localeIcon(locale)" />
+                <span>{{ localeLabel(locale) }}</span>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+
+          <span
+            v-else
+            data-slot="locale-icon"
+            class="flex items-center gap-2 text-zinc-500"
+          >
+            <Icon :icon="localeIcon(item.locale)" />
+            <span>{{ localeLabel(item.locale) }}</span>
+          </span>
+
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            as-child
+          >
+            <button
+              type="button"
+              data-slot="locale-delete"
+              :disabled="item.locale === 'zh'"
+              :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+              @click="removeLocale(index)"
+            >
+              <Icon icon="fluent:delete-20-regular" />
+            </button>
+          </InputGroupButton>
+        </div>
+      </InputGroupAddon>
+
+      <InputGroupAddon v-else>
+        <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+          <DropdownMenuTrigger as-child>
+            <InputGroupButton
+              size="icon-sm"
+              as-child
+            >
+              <button
+                type="button"
+                data-slot="locale-trigger"
+                class="text-zinc-500 transition-colors hover:text-zinc-700 [&_svg:not([class*='size-'])]:size-3.5"
+                :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+              >
+                <Icon :icon="localeIcon(item.locale)" />
+              </button>
+            </InputGroupButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="start">
+            <DropdownMenuItem
+              v-for="locale in availableLocales(index)"
+              :key="locale"
+              data-slot="locale-option"
+              :data-locale-option="locale"
+              @select="updateLocale(index, locale)"
+            >
+              <Icon :icon="localeIcon(locale)" />
+              <span>{{ localeLabel(locale) }}</span>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <span
+          v-else
+          data-slot="locale-icon"
+          class="-ml-[0.45rem] flex size-8 items-center justify-center text-zinc-500"
+        >
+          <Icon :icon="localeIcon(item.locale)" />
+        </span>
+      </InputGroupAddon>
+
+      <InputGroupInput
+        v-if="!props.multiline"
+        data-slot="locale-input"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupTextarea
+        v-else
+        data-slot="locale-textarea"
+        class="min-h-32"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupAddon
+        v-if="!props.multiline"
+        align="inline-end"
+      >
+        <InputGroupButton
+          variant="destructive"
+          size="icon-xs"
+          as-child
+        >
+          <button
+            type="button"
+            data-slot="locale-delete"
+            :disabled="item.locale === 'zh'"
+            :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+            @click="removeLocale(index)"
+          >
+            <Icon icon="fluent:delete-20-regular" />
+          </button>
+        </InputGroupButton>
+      </InputGroupAddon>
+    </InputGroup>
+
+    <Button
+      type="button"
+      data-slot="locale-add"
+      class="w-full justify-center"
+      :disabled="!hasRemainingLocales"
+      @click="addLocale"
+    >
+      <Icon icon="fluent:add-20-regular" />
+      <span>{{ t("add-language") }}</span>
+    </Button>
+  </div>
+</template>
+
+<i18n lang="json">
+{
+  "zh": {
+    "add-language": "新增语言",
+    "select-locale": "选择语言：{locale}",
+    "delete-locale": "删除语言：{locale}"
+  },
+  "ja": {
+    "add-language": "言語を追加",
+    "select-locale": "言語を選択: {locale}",
+    "delete-locale": "言語を削除: {locale}"
+  },
+  "en": {
+    "add-language": "Add language",
+    "select-locale": "Select language: {locale}",
+    "delete-locale": "Delete language: {locale}"
+  }
+}
+</i18n>

package/dist/runtime/components/ui/locale/Locale.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+import { type LocaleValue } from '../../../utils/coders.js';
+type __VLS_Props = {
+    modelValue?: LocaleValue;
+    class?: HTMLAttributes['class'];
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/locale/index.d.ts

@@ -0,0 +1 @@
+export { default as Locale } from './Locale.vue.js';

package/dist/runtime/components/ui/locale/index.js

@@ -0,0 +1 @@
+export { default as Locale } from "./Locale.vue";

package/dist/runtime/components/ui/native-select/NativeSelect.d.vue.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": () => any;
+    "update:modelValue": (args_0: AcceptableValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: AcceptableValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/native-select/NativeSelect.vue

@@ -27,7 +27,7 @@ const delegatedProps = reactiveOmit(props, "class");
       v-model="modelValue"
       data-slot="native-select"
       :class="cn(
-  'border-zinc-200 placeholder:text-zinc-400 selection:bg-primary selection:text-primary-foreground dark:bg-zinc-200/30 dark:hover:bg-zinc-200/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
+  'border-zinc-200 placeholder:text-zinc-400 selection:bg-primary selection:text-primary-foreground h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
   'focus-visible:border-(--primary)',
   'aria-invalid:border-red-400',
   props.class

package/dist/runtime/components/ui/native-select/NativeSelect.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": () => any;
+    "update:modelValue": (args_0: AcceptableValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: AcceptableValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue

@@ -1,13 +1,16 @@
 <script setup>
 import { cn } from "../../../utils/cn";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  value: { type: [String, Number], required: false }
 });
 </script>
 
 <template>
   <option
     data-slot="native-select-option"
+    :value="props.value"
+    v-bind="$attrs"
     :class="cn('bg-white text-zinc-700', props.class)"
   >
     <slot />

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/number-field/NumberFieldInput.vue

@@ -9,6 +9,6 @@ const props = defineProps({
 <template>
   <NumberFieldInput
     data-slot="input"
-    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent py-1 text-sm text-center shadow-sm transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
+    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent px-3 py-1 text-sm text-center shadow-xs transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
   />
 </template>

package/dist/runtime/components/ui/switch/Switch.vue

@@ -29,13 +29,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     data-slot="switch"
     v-bind="forwarded"
     :class="cn(
-  'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) dark:data-[state=unchecked]:bg-zinc-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
+  'peer data-[state=checked]:bg-(--primary) data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
   props.class
 )"
   >
     <SwitchThumb
       data-slot="switch-thumb"
-      :class="cn('bg-zinc-50 dark:data-[state=unchecked]:bg-zinc-800 dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
+      :class="cn('bg-zinc-50 pointer-events-none block size-4 rounded-full transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
     >
       <slot
         name="thumb"

package/dist/runtime/components/ui/table/Table.d.vue.ts

@@ -0,0 +1,147 @@
+import { type CellContext } from '@tanstack/vue-table';
+import { Effect } from 'effect';
+import { type TableConfig } from './schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
+export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
+declare module '@tanstack/vue-table' {
+    interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
+        tooltip?: string;
+        grow?: boolean;
+        accessor?: import('./schema').Accessor;
+        __types?: [TData, TValue];
+    }
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    config: Effect.Effect<TableConfig>;
+    data: Array<unknown>;
+    rowCount?: number;
+}, import("@tanstack/table-core").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:config": (args_0: Readonly<{
+        getRowId?: import("./schema.js").Expression;
+        getSubRows?: import("./schema.js").Expression;
+        enableRowSelection?: import("./schema.js").Expression;
+        enableMultiRowSelection?: import("./schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../../../utils/coders.js").LocaleValue;
+            accessor?: import("./schema.js").Accessor;
+            renderer?: import("./schema.js").Render;
+            tooltip?: import("../../../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./schema.js").Expression;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
+        paginationLeft?: import("./schema.js").Markdown;
+        paginationRight?: import("./schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    config: Effect.Effect<TableConfig>;
+    data: Array<unknown>;
+    rowCount?: number;
+}> & Readonly<{
+    "onUpdate:config"?: ((args_0: Readonly<{
+        getRowId?: import("./schema.js").Expression;
+        getSubRows?: import("./schema.js").Expression;
+        enableRowSelection?: import("./schema.js").Expression;
+        enableMultiRowSelection?: import("./schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../../../utils/coders.js").LocaleValue;
+            accessor?: import("./schema.js").Accessor;
+            renderer?: import("./schema.js").Render;
+            tooltip?: import("../../../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./schema.js").Expression;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
+        paginationLeft?: import("./schema.js").Markdown;
+        paginationRight?: import("./schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [key: string]: (props: Readonly<{
+        cell: CellContext<unknown, unknown>;
+    }>) => void;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};