@byyuurin/ui 0.3.0 → 0.4.0

package/dist/runtime/components/ToastProvider.vue

@@ -9,7 +9,7 @@ import { computed, ref, toRef } from "vue";
 import { useAppConfig } from "#imports";
 import { usePortal } from "../composables/usePortal";
 import { provideToastMax, useToast } from "../composables/useToast";
-import { omit } from "../utils";
+import { omit, pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Toast from "./Toast.vue";
 const props = defineProps({
@@ -49,7 +49,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.toastProvider));
   return styler({
-    ...props,
+    ...pick(props, ["position"]),
     swipeDirection: swipeDirection.value
   });
 });
@@ -69,17 +69,17 @@ function getOffset(index) {
 </script>
 
 <template>
-  <RekaToastProvider :swipe-direction="swipeDirection" v-bind="providerProps">
-    <slot></slot>
-
-    <Toast
-      v-for="(toast, index) of toasts"
-      :key="toast.id"
-      ref="refs"
-      :progress="props.progress"
-      v-bind="omit(toast, ['id', 'close'])"
-      :data-expanded="expanded"
-      :data-front="!expanded && index === toasts.length - 1"
+  <RekaToastProvider :swipe-direction="swipeDirection" v-bind="providerProps">
+    <slot></slot>
+
+    <Toast
+      v-for="(toast, index) of toasts"
+      :key="toast.id"
+      ref="refs"
+      :progress="props.progress"
+      v-bind="omit(toast, ['id', 'close'])"
+      :data-expanded="expanded"
+      :data-front="!expanded && index === toasts.length - 1"
       :style="{
   '--index': index - toasts.length + toasts.length,
   '--before': toasts.length - 1 - index,
@@ -87,30 +87,30 @@ function getOffset(index) {
   '--scale': expanded ? '1' : 'calc(1 - var(--before) * var(--scale-factor))',
   '--translate': expanded ? 'calc(var(--offset) * var(--translate-factor))' : 'calc(var(--before) * var(--gap))',
   '--transform': 'translateY(var(--translate)) scale(var(--scale))'
-}"
-      :class="ui.base({ class: props.ui?.base })"
-      data-part="base"
-      @update:open="onUpdateOpen($event, toast.id)"
-      @click="toast.onClick && toast.onClick(toast)"
-    />
-
-    <ToastPortal v-bind="portalProps">
-      <ToastViewport
-        :data-expanded="expanded"
-        :class="ui.viewport({ class: [props.ui?.viewport, props.class] })"
-        data-part="viewport"
+}"
+      :class="ui.base({ class: props.ui?.base })"
+      data-part="base"
+      @update:open="onUpdateOpen($event, toast.id)"
+      @click="toast.onClick && toast.onClick(toast)"
+    />
+
+    <ToastPortal v-bind="portalProps">
+      <ToastViewport
+        :data-expanded="expanded"
+        :class="ui.viewport({ class: [props.ui?.viewport, props.class] })"
+        data-part="viewport"
         :style="{
   '--scale-factor': '0.05',
   '--translate-factor': position?.startsWith('top') ? '1px' : '-1px',
   '--gap': position?.startsWith('top') ? '16px' : '-16px',
   '--front-height': `${frontHeight}px`,
   '--height': `${height}px`
-}"
-        @mouseenter="hovered = true"
-        @mouseleave="hovered = false"
-      />
-    </ToastPortal>
-  </RekaToastProvider>
+}"
+        @mouseenter="hovered = true"
+        @mouseleave="hovered = false"
+      />
+    </ToastPortal>
+  </RekaToastProvider>
 </template>
 
 <style>

package/dist/runtime/components/Tooltip.vue

@@ -8,6 +8,7 @@ import { TooltipArrow, TooltipContent, TooltipPortal, TooltipRoot, TooltipTrigge
 import { computed, toRef } from "vue";
 import { useAppConfig } from "#imports";
 import { usePortal } from "../composables/usePortal";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Kbd from "./Kbd.vue";
 const props = defineProps({
@@ -36,33 +37,33 @@ const arrowProps = toRef(() => props.arrow);
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.tooltip));
-  return styler(props);
+  return styler(pick(props, []));
 });
 </script>
 
 <template>
-  <TooltipRoot v-slot="{ open }" v-bind="rootProps" :disabled="!(props.text || props.kbds?.length || !!slots.content) || props.disabled">
-    <TooltipTrigger v-if="!!slots.default || props.reference" v-bind="$attrs" as-child :reference="props.reference" :class="props.class">
-      <slot :open="open"></slot>
-    </TooltipTrigger>
-
-    <TooltipPortal v-bind="portalProps">
-      <TooltipContent v-bind="contentProps" :class="ui.content({ class: [props.ui?.content, !slots.default && props.class] })" data-part="content">
-        <slot name="content" :ui="ui">
-          <span v-if="props.text" :class="ui.text({ class: props.ui?.text })" data-part="text">{{ props.text }}</span>
-
-          <span v-if="props.kbds?.length" :class="ui.kbds({ class: props.ui?.kbds })" data-part="kbds">
-            <Kbd
-              v-for="(kbd, index) in props.kbds"
-              :key="index"
-              :size="props.ui?.kbdsSize || ui.kbdsSize()"
-              v-bind="typeof kbd === 'string' ? { value: kbd } : kbd"
-            />
-          </span>
-        </slot>
-
-        <TooltipArrow v-if="props.arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" data-part="arrow" />
-      </TooltipContent>
-    </TooltipPortal>
-  </TooltipRoot>
+  <TooltipRoot v-slot="{ open }" v-bind="rootProps" :disabled="!(props.text || props.kbds?.length || !!slots.content) || props.disabled">
+    <TooltipTrigger v-if="!!slots.default || props.reference" v-bind="$attrs" as-child :reference="props.reference" :class="props.class">
+      <slot :open="open"></slot>
+    </TooltipTrigger>
+
+    <TooltipPortal v-bind="portalProps">
+      <TooltipContent v-bind="contentProps" :class="ui.content({ class: [props.ui?.content, !slots.default && props.class] })" data-part="content">
+        <slot name="content" :ui="ui">
+          <span v-if="props.text" :class="ui.text({ class: props.ui?.text })" data-part="text">{{ props.text }}</span>
+
+          <span v-if="props.kbds?.length" :class="ui.kbds({ class: props.ui?.kbds })" data-part="kbds">
+            <Kbd
+              v-for="(kbd, index) in props.kbds"
+              :key="index"
+              :size="props.ui?.kbdsSize || ui.kbdsSize()"
+              v-bind="typeof kbd === 'string' ? { value: kbd } : kbd"
+            />
+          </span>
+        </slot>
+
+        <TooltipArrow v-if="props.arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" data-part="arrow" />
+      </TooltipContent>
+    </TooltipPortal>
+  </TooltipRoot>
 </template>

package/dist/runtime/components/Tree.vue

@@ -8,7 +8,7 @@ import { defu } from "defu";
 import { TreeItem, TreeRoot, useForwardPropsEmits } from "reka-ui";
 import { computed, shallowRef } from "vue";
 import { useAppConfig } from "#imports";
-import { get } from "../utils";
+import { get, pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Icon from "./Icon.vue";
 defineOptions({ inheritAttrs: false });
@@ -93,7 +93,7 @@ function getDefaultOpenedItems(item) {
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.tree));
-  return styler(props);
+  return styler(pick(props, ["color", "size"]));
 });
 const defaultExpanded = computed(() => props.defaultExpanded ?? props.items?.flatMap((item) => getDefaultOpenedItems(item)));
 defineExpose({
@@ -107,135 +107,135 @@ function onUpdate(value) {
 </script>
 
 <template>
-  <DefineItemTemplate v-slot="{ item, index, level }">
-    <li
-      role="presentation"
-      :class="props.nested && level > 1 ? ui.itemWithChildren({ class: [props.ui?.itemWithChildren, item.ui?.itemWithChildren] }) : ui.item({ class: [props.ui?.item, item.ui?.item] })"
-      :data-part="props.nested && level > 1 ? 'itemWithChildren' : 'item'"
-    >
-      <TreeItem
-        v-slot="{ isExpanded, isSelected, isIndeterminate, handleSelect, handleToggle }"
-        :level="level"
-        :value="item"
-        as-child
-        @toggle="(item.onToggle ?? props.onToggle)?.($event, item)"
-        @select="(item.onSelect ?? props.onSelect)?.($event, item)"
-      >
-        <slot
-          :name="`${item.slot ?? 'item'}-wrapper`"
-          v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
-          :item="item"
-        >
-          <component
-            :is="as.link"
-            :type="as.link === 'button' ? 'button' : void 0"
-            :disabled="item.disabled || props.disabled"
-            :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], selected: isSelected, disabled: item.disabled || props.disabled })"
-            data-part="link"
-            :style="!props.nested && level > 1 ? { paddingLeft: flattenedPaddingFormula(level) } : void 0"
-          >
-            <slot
-              :name="item.slot || 'item'"
-              v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
-              :item="item"
-            >
-              <slot
-                :name="`${item.slot || 'item'}-leading`"
-                v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
-                :item="item"
-              >
-                <Icon
-                  v-if="item.icon"
-                  :name="item.icon"
-                  :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon] })"
-                  data-part="linkLeadingIcon"
-                />
-                <Icon
-                  v-else-if="item.children?.length"
-                  :name="isExpanded ? props.expandedIcon ?? appConfig.ui.icons.folderOpen : props.collapsedIcon ?? appConfig.ui.icons.folder"
-                  :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon] })"
-                  data-part="linkLeadingIcon"
-                />
-              </slot>
-
-              <span v-if="getItemLabel(item) || slots[`${item.slot || 'item'}-label`]" :class="ui.linkLabel({ class: [props.ui?.linkLabel, item.ui?.linkLabel] })" data-part="linkLabel">
-                <slot
-                  :name="`${item.slot || 'item'}-label`"
-                  v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
-                  :item="item"
-                >
-                  {{ getItemLabel(item) }}
-                </slot>
-              </span>
-
-              <span
-                v-if="item.trailingIcon || item.children?.length || slots[`${item.slot || 'item'}-trailing`]"
-                :class="ui.linkTrailing({ class: [props.ui?.linkTrailing, item.ui?.linkTrailing] })"
-                data-part="linkTrailing"
-              >
-                <slot
-                  :name="`${item.slot || 'item'}-trailing`"
-                  v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
-                  :item="item"
-                >
-                  <Icon
-                    v-if="item.trailingIcon"
-                    :name="item.trailingIcon"
-                    :class="ui.linkTrailingIcon({ class: [props.trailingIcon, item.ui?.linkTrailingIcon] })"
-                    data-part="linkTrailingIcon"
-                  />
-                  <Icon
-                    v-else-if="item.children?.length"
-                    :name="props.trailingIcon ?? appConfig.ui.icons.chevronDown"
-                    :class="ui.linkTrailingIcon({ class: [props.ui?.linkTrailingIcon, item.ui?.linkTrailingIcon] })"
-                    data-part="linkTrailingIcon"
-                  />
-                </slot>
-              </span>
-            </slot>
-          </component>
-        </slot>
-
-        <ul
-          v-if="props.nested && item.children?.length && isExpanded"
-          role="group"
-          :class="ui.listWithChildren({ class: [props.ui?.listWithChildren, item.ui?.listWithChildren] })"
-          data-part="listWithChildren"
-        >
-          <ReuseTreeTemplate :items="item.children" :level="level + 1" />
-        </ul>
-      </TreeItem>
-    </li>
-  </DefineItemTemplate>
-
-  <DefineTreeTemplate v-slot="{ items, level }">
-    <ReuseItemTemplate v-for="(item, index) in items" :key="`${level}-${index}`" :item="item" :index="index" :level="level" />
-  </DefineTreeTemplate>
-
-  <TreeRoot
-    ref="rootRef"
-    v-slot="{ flattenItems }"
-    v-bind="{ ...rootProps, ...$attrs }"
-    :as="as.root"
-    :model-value="props.modelValue"
-    :default-value="props.defaultValue"
-    :get-key="getItemKey"
-    :default-expanded="defaultExpanded"
-    :selection-behavior="props.selectionBehavior"
-    :multiple="props.multiple"
-    :class="ui.root({ class: [props.ui?.root, props.class] })"
-    data-part="root"
-    @update:model-value="onUpdate"
-  >
-    <template v-if="!props.nested">
-      <ReuseItemTemplate
-        v-for="(item, index) in flattenItems"
-        :key="item._id"
-        :item="item.value"
-        :index="index"
-        :level="item.level"
-      />
-    </template>
-    <ReuseTreeTemplate v-else :items="props.items" :level="1" />
-  </TreeRoot>
+  <DefineItemTemplate v-slot="{ item, index, level }">
+    <li
+      role="presentation"
+      :class="props.nested && level > 1 ? ui.itemWithChildren({ class: [props.ui?.itemWithChildren, item.ui?.itemWithChildren] }) : ui.item({ class: [props.ui?.item, item.ui?.item] })"
+      :data-part="props.nested && level > 1 ? 'itemWithChildren' : 'item'"
+    >
+      <TreeItem
+        v-slot="{ isExpanded, isSelected, isIndeterminate, handleSelect, handleToggle }"
+        :level="level"
+        :value="item"
+        as-child
+        @toggle="(item.onToggle ?? props.onToggle)?.($event, item)"
+        @select="(item.onSelect ?? props.onSelect)?.($event, item)"
+      >
+        <slot
+          :name="`${item.slot ?? 'item'}-wrapper`"
+          v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
+          :item="item"
+        >
+          <component
+            :is="as.link"
+            :type="as.link === 'button' ? 'button' : void 0"
+            :disabled="item.disabled || props.disabled"
+            :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], selected: isSelected, disabled: item.disabled || props.disabled })"
+            data-part="link"
+            :style="!props.nested && level > 1 ? { paddingLeft: flattenedPaddingFormula(level) } : void 0"
+          >
+            <slot
+              :name="item.slot || 'item'"
+              v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
+              :item="item"
+            >
+              <slot
+                :name="`${item.slot || 'item'}-leading`"
+                v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
+                :item="item"
+              >
+                <Icon
+                  v-if="item.icon"
+                  :name="item.icon"
+                  :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon] })"
+                  data-part="linkLeadingIcon"
+                />
+                <Icon
+                  v-else-if="item.children?.length"
+                  :name="isExpanded ? props.expandedIcon ?? appConfig.ui.icons.folderOpen : props.collapsedIcon ?? appConfig.ui.icons.folder"
+                  :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon] })"
+                  data-part="linkLeadingIcon"
+                />
+              </slot>
+
+              <span v-if="getItemLabel(item) || slots[`${item.slot || 'item'}-label`]" :class="ui.linkLabel({ class: [props.ui?.linkLabel, item.ui?.linkLabel] })" data-part="linkLabel">
+                <slot
+                  :name="`${item.slot || 'item'}-label`"
+                  v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
+                  :item="item"
+                >
+                  {{ getItemLabel(item) }}
+                </slot>
+              </span>
+
+              <span
+                v-if="item.trailingIcon || item.children?.length || slots[`${item.slot || 'item'}-trailing`]"
+                :class="ui.linkTrailing({ class: [props.ui?.linkTrailing, item.ui?.linkTrailing] })"
+                data-part="linkTrailing"
+              >
+                <slot
+                  :name="`${item.slot || 'item'}-trailing`"
+                  v-bind="{ index, level, expanded: isExpanded, selected: isSelected, indeterminate: isIndeterminate, handleSelect, handleToggle, ui }"
+                  :item="item"
+                >
+                  <Icon
+                    v-if="item.trailingIcon"
+                    :name="item.trailingIcon"
+                    :class="ui.linkTrailingIcon({ class: [props.trailingIcon, item.ui?.linkTrailingIcon] })"
+                    data-part="linkTrailingIcon"
+                  />
+                  <Icon
+                    v-else-if="item.children?.length"
+                    :name="props.trailingIcon ?? appConfig.ui.icons.chevronDown"
+                    :class="ui.linkTrailingIcon({ class: [props.ui?.linkTrailingIcon, item.ui?.linkTrailingIcon] })"
+                    data-part="linkTrailingIcon"
+                  />
+                </slot>
+              </span>
+            </slot>
+          </component>
+        </slot>
+
+        <ul
+          v-if="props.nested && item.children?.length && isExpanded"
+          role="group"
+          :class="ui.listWithChildren({ class: [props.ui?.listWithChildren, item.ui?.listWithChildren] })"
+          data-part="listWithChildren"
+        >
+          <ReuseTreeTemplate :items="item.children" :level="level + 1" />
+        </ul>
+      </TreeItem>
+    </li>
+  </DefineItemTemplate>
+
+  <DefineTreeTemplate v-slot="{ items, level }">
+    <ReuseItemTemplate v-for="(item, index) in items" :key="`${level}-${index}`" :item="item" :index="index" :level="level" />
+  </DefineTreeTemplate>
+
+  <TreeRoot
+    ref="rootRef"
+    v-slot="{ flattenItems }"
+    v-bind="{ ...rootProps, ...$attrs }"
+    :as="as.root"
+    :model-value="props.modelValue"
+    :default-value="props.defaultValue"
+    :get-key="getItemKey"
+    :default-expanded="defaultExpanded"
+    :selection-behavior="props.selectionBehavior"
+    :multiple="props.multiple"
+    :class="ui.root({ class: [props.ui?.root, props.class] })"
+    data-part="root"
+    @update:model-value="onUpdate"
+  >
+    <template v-if="!props.nested">
+      <ReuseItemTemplate
+        v-for="(item, index) in flattenItems"
+        :key="item._id"
+        :item="item.value"
+        :index="index"
+        :level="item.level"
+      />
+    </template>
+    <ReuseTreeTemplate v-else :items="props.items" :level="1" />
+  </TreeRoot>
 </template>

package/dist/runtime/composables/useFileUpload.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPublicInstance, MaybeRef } from 'vue';
+export interface UseFileUploadOptions {
+    /**
+     * Specifies the allowed file types. Provide a comma-separated list of MIME types or file extensions.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept
+     * @default "*"
+     */
+    accept?: MaybeRef<string>;
+    reset?: boolean;
+    multiple?: MaybeRef<boolean>;
+    dropzone?: MaybeRef<boolean>;
+    onUpdate: (files: File[]) => void;
+}
+export declare function useFileUpload(options: UseFileUploadOptions): {
+    isDragging: import("vue").ShallowRef<boolean, boolean>;
+    open: () => void;
+    inputRef: import("vue").ShallowRef<ComponentPublicInstance | undefined, ComponentPublicInstance | undefined>;
+    dropzoneRef: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+};

package/dist/runtime/composables/useFileUpload.js

@@ -0,0 +1,79 @@
+import { useDropZone, useFileDialog } from "@vueuse/core";
+import { computed, onMounted, reactive, shallowRef, unref, watch } from "vue";
+function parseAcceptToDataTypes(accept) {
+  if (!accept || accept === "*")
+    return void 0;
+  const types = accept.split(",").map((type) => {
+    const trimmedType = type.trim();
+    if (trimmedType.includes("/") && trimmedType.endsWith("/*"))
+      return trimmedType.split("/")[0] || trimmedType;
+    return trimmedType;
+  }).filter((type) => {
+    return !type.startsWith(".");
+  });
+  return types.length > 0 ? types : void 0;
+}
+export function useFileUpload(options) {
+  const {
+    accept = "*",
+    reset = false,
+    multiple = false,
+    dropzone = true,
+    onUpdate
+  } = options;
+  const inputRef = shallowRef();
+  const dropzoneRef = shallowRef();
+  const dataTypes = computed(() => parseAcceptToDataTypes(unref(accept)));
+  const onDrop = (files, fromDropzone = false) => {
+    if (!files || files.length === 0)
+      return;
+    if (files instanceof FileList)
+      files = Array.from(files);
+    if (files.length > 1 && !unref(multiple))
+      files = [files[0]];
+    if (fromDropzone && inputRef.value?.$el) {
+      try {
+        const dt = new DataTransfer();
+        files.forEach((file) => dt.items.add(file));
+        inputRef.value.$el.files = dt.files;
+      } catch (e) {
+        console.warn("Could not sync files to input element:", e);
+      }
+    }
+    onUpdate(files);
+  };
+  const isDragging = shallowRef(false);
+  const fileDialog = reactive({
+    open: () => {
+    }
+  });
+  function open() {
+    fileDialog.open();
+  }
+  onMounted(() => {
+    const { isOverDropZone } = useDropZone(
+      () => unref(dropzone) ? dropzoneRef.value : void 0,
+      {
+        dataTypes: dataTypes.value,
+        onDrop: (files) => onDrop(files, true)
+      }
+    );
+    watch(isOverDropZone, (value) => {
+      isDragging.value = unref(dropzone) ? value : false;
+    });
+    const { onChange, open: open2 } = useFileDialog({
+      accept,
+      multiple,
+      input: unref(inputRef)?.$el,
+      reset
+    });
+    fileDialog.open = open2;
+    onChange((fileList) => onDrop(fileList, false));
+  });
+  return {
+    isDragging,
+    open,
+    inputRef,
+    dropzoneRef
+  };
+}

package/dist/runtime/composables/useLocale.d.ts

@@ -19,6 +19,9 @@ declare function _useLocale(): {
             next: string;
             goto: string;
         };
+        fileUpload: {
+            removeFile: string;
+        };
         inputNumber: {
             increment: string;
             decrement: string;
@@ -58,6 +61,9 @@ declare function _useLocale(): {
             next: string;
             goto: string;
         };
+        fileUpload: {
+            removeFile: string;
+        };
         inputNumber: {
             increment: string;
             decrement: string;

package/dist/runtime/locale/en.d.ts

@@ -14,6 +14,9 @@ declare const _default: Required<import("@byyuurin/ui-kit").Locale<{
         next: string;
         goto: string;
     };
+    fileUpload: {
+        removeFile: string;
+    };
     inputNumber: {
         increment: string;
         decrement: string;

package/dist/runtime/locale/en.js

@@ -18,6 +18,9 @@ export default defineLocale({
       next: "Next",
       goto: "Go to slide {page}"
     },
+    fileUpload: {
+      removeFile: "Remove {filename}"
+    },
     inputNumber: {
       increment: "Increment",
       decrement: "Decrement"

package/dist/runtime/locale/zh_tw.d.ts

@@ -14,6 +14,9 @@ declare const _default: Required<import("@byyuurin/ui-kit").Locale<{
         next: string;
         goto: string;
     };
+    fileUpload: {
+        removeFile: string;
+    };
     inputNumber: {
         increment: string;
         decrement: string;

package/dist/runtime/locale/zh_tw.js

@@ -18,6 +18,9 @@ export default defineLocale({
       next: "\u4E0B\u4E00\u9801",
       goto: "\u8DF3\u8F49\u5230\u7B2C {page} \u9801"
     },
+    fileUpload: {
+      removeFile: "\u79FB\u9664 {filename}"
+    },
     inputNumber: {
       increment: "\u589E\u52A0",
       decrement: "\u6E1B\u5C11"

package/dist/runtime/types/index.d.ts

@@ -18,6 +18,7 @@ export * from '../components/Collapsible.vue';
 export * from '../components/Drawer.vue';
 export * from '../components/DropdownMenu.vue';
 export * from '../components/FieldGroup.vue';
+export * from '../components/FileUpload.vue';
 export * from '../components/Form.vue';
 export * from '../components/FormField.vue';
 export * from '../components/Icon.vue';

package/dist/runtime/types/index.js

@@ -16,6 +16,7 @@ export * from "../components/Collapsible.vue";
 export * from "../components/Drawer.vue";
 export * from "../components/DropdownMenu.vue";
 export * from "../components/FieldGroup.vue";
+export * from "../components/FileUpload.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
 export * from "../components/Icon.vue";

package/dist/runtime/types/locale.d.ts

@@ -18,6 +18,9 @@ export interface Messages {
         next: string;
         goto: string;
     };
+    fileUpload: {
+        removeFile: string;
+    };
     inputNumber: {
         increment: string;
         decrement: string;

package/dist/runtime/types/unocss.d.ts

@@ -1,4 +1,4 @@
-declare module '#build/uno-merge' {
-  const unoMerge = (code: string) => string
-  export { unoMerge }
-}
+declare module '#build/uno-merge' {
+  const unoMerge = (code: string) => string
+  export { unoMerge }
+}