@byyuurin/ui 0.2.0 → 0.4.0

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"
@@ -25,6 +28,12 @@ export default defineLocale({
     modal: {
       close: "\u95DC\u9589"
     },
+    select: {
+      create: "\u5EFA\u7ACB\u300C{label}\u300D",
+      noData: "\u6C92\u6709\u8CC7\u6599",
+      noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",
+      search: "\u641C\u5C0B\u2026"
+    },
     table: {
       noData: "\u6C92\u6709\u8CC7\u6599"
     },

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

@@ -0,0 +1,8 @@
+import type { AnchorHTMLAttributes as VueAnchorHTMLAttributes, ButtonHTMLAttributes as VueButtonHTMLAttributes, FormHTMLAttributes as VueFormHTMLAttributes, ImgHTMLAttributes as VueImgHTMLAttributes, InputHTMLAttributes as VueInputHTMLAttributes, TableHTMLAttributes as VueTableHTMLAttributes, TextareaHTMLAttributes as VueTextareaHTMLAttributes } from 'vue';
+export type AnchorHTMLAttributes = Pick<VueAnchorHTMLAttributes, 'download' | 'href' | 'hreflang' | 'media' | 'ping' | 'rel' | 'target' | 'type' | 'referrerpolicy'>;
+export type ButtonHTMLAttributes = Pick<VueButtonHTMLAttributes, 'autofocus' | 'disabled' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'name' | 'type' | 'value'>;
+export type FormHTMLAttributes = Pick<VueFormHTMLAttributes, 'acceptcharset' | 'action' | 'autocomplete' | 'enctype' | 'method' | 'name' | 'novalidate' | 'target'>;
+export type ImgHTMLAttributes = Pick<VueImgHTMLAttributes, 'alt' | 'crossorigin' | 'decoding' | 'height' | 'loading' | 'referrerpolicy' | 'sizes' | 'src' | 'srcset' | 'usemap' | 'width'>;
+export type InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'accept' | 'alt' | 'autocomplete' | 'autofocus' | 'capture' | 'checked' | 'crossorigin' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'height' | 'indeterminate' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'multiple' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'src' | 'step' | 'type' | 'value' | 'width'>;
+export type TableHTMLAttributes = Pick<VueTableHTMLAttributes, 'cellpadding' | 'cellspacing' | 'summary' | 'width'>;
+export type TextareaHTMLAttributes = Pick<VueTextareaHTMLAttributes, 'autocomplete' | 'autofocus' | 'cols' | 'dirname' | 'disabled' | 'form' | 'maxlength' | 'minlength' | 'name' | 'placeholder' | 'readonly' | 'required' | 'rows' | 'value' | 'wrap'>;

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';
@@ -40,6 +41,7 @@ export * from '../components/Select.vue';
 export * from '../components/Separator.vue';
 export * from '../components/Skeleton.vue';
 export * from '../components/Slider.vue';
+export * from '../components/Stepper.vue';
 export * from '../components/Switch.vue';
 export * from '../components/Table.vue';
 export * from '../components/Tabs.vue';
@@ -48,6 +50,7 @@ export * from '../components/Timeline.vue';
 export * from '../components/Toast.vue';
 export * from '../components/ToastProvider.vue';
 export * from '../components/Tooltip.vue';
+export * from '../components/Tree.vue';
 export * from './form';
 export * from './locale';
 export * from './style';

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";
@@ -38,6 +39,7 @@ export * from "../components/Select.vue";
 export * from "../components/Separator.vue";
 export * from "../components/Skeleton.vue";
 export * from "../components/Slider.vue";
+export * from "../components/Stepper.vue";
 export * from "../components/Switch.vue";
 export * from "../components/Table.vue";
 export * from "../components/Tabs.vue";
@@ -46,6 +48,7 @@ export * from "../components/Timeline.vue";
 export * from "../components/Toast.vue";
 export * from "../components/ToastProvider.vue";
 export * from "../components/Tooltip.vue";
+export * from "../components/Tree.vue";
 export * from "./form.js";
 export * from "./locale.js";
 export * from "./style.js";

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

@@ -1,8 +1,8 @@
-export interface ModelModifiers {
-    string?: boolean;
-    number?: boolean;
-    trim?: boolean;
+export interface ModelModifiers<T = any> {
+    string?: string extends T ? boolean : never;
+    number?: number extends T ? boolean : never;
+    trim?: string extends T ? boolean : never;
     lazy?: boolean;
-    nullable?: boolean;
+    nullable?: null extends T ? boolean : never;
     optional?: boolean;
 }

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;
@@ -25,6 +28,12 @@ export interface Messages {
     modal: {
         close: string;
     };
+    select: {
+        create: string;
+        noData: string;
+        noMatch: string;
+        search: string;
+    };
     table: {
         noData: string;
     };

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

@@ -8,7 +8,7 @@ export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined;
 };
 type SlotProps<T> = T extends Record<string, any> ? {
-    [P in keyof T & string]: T[P] extends undefined ? T[P] | undefined : T[P];
+    [P in keyof T]: T[P];
 } : Record<string, never>;
 export type StaticSlot<P extends Record<string, any> | undefined = undefined> = P extends Record<string, any> ? (props: SlotProps<P>) => any : (props?: SlotProps<undefined>) => any;
 export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined, Base extends boolean = true> = (Name extends string ? Suffix extends string ? Base extends true ? Name | `${Name}-${Suffix}` : `${Name}-${Suffix}` : Name : never);
@@ -43,9 +43,9 @@ export type ExtractItem<I, S extends string = 'slot'> = Extract<NestedItem<I>, {
     [Slot in S]: string;
 }>;
 export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object> | DotPathKeys<Extract<NestedItem<I>, object>>;
-export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
-export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
-export interface GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> {
+export type GetItemValue<I, VK extends Nullable<GetItemKeys<I>>, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined | null ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
+export type GetModelValue<T, VK extends Nullable<GetItemKeys<T>>, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
+export interface GetModelValueEmits<T, VK extends Nullable<GetItemKeys<T>>, M extends boolean> {
     /** Event handler called when the value changes. */
     'update:modelValue': [value: GetModelValue<T, VK, M>];
 }

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

@@ -1,4 +1,4 @@
-import type { GetItemKeys, Nullable } from '../types/utils';
+import type { GetItemKeys, MaybeNull, Nullable } from '../types/utils';
 export * from './form';
 export * from './link';
 export * from './vue';
@@ -7,7 +7,7 @@ export { looseToNumber } from '@vue/shared';
 export declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
 export declare function isEmpty(value: unknown): boolean;
 export declare function getDisplayValue<T extends Array<any>, V>(items: T, value: Nullable<V>, options?: {
-    valueKey?: GetItemKeys<T>;
-    labelKey?: GetItemKeys<T>;
+    valueKey?: MaybeNull<GetItemKeys<T>>;
+    labelKey?: MaybeNull<GetItemKeys<T>>;
 }): string | undefined;
 export declare function isArrayOfArray<T>(item: T[] | T[][]): item is T[][];

package/dist/runtime/utils/link.d.ts

@@ -1,7 +1,8 @@
 import type { LinkProps } from '../types';
+export declare const linkKeys: readonly ["active", "activeClass", "ariaCurrentValue", "as", "disabled", "download", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "href", "hreflang", "inactiveClass", "media", "noPrefetch", "noRel", "onClick", "ping", "prefetch", "prefetchOn", "prefetchedClass", "referrerpolicy", "rel", "replace", "target", "title", "to", "trailingSlash", "type", "viewTransition"];
 export declare function pickLinkProps(link: LinkProps & {
     [key: string]: any;
 }): import("@vueuse/core").ReactivePickReturn<LinkProps & {
     [key: string]: any;
-}, "label" | "raw" | "replace" | "disabled" | "title" | "class" | "active" | "to" | "type" | "custom" | "activeClass" | "exactActiveClass" | "ariaCurrentValue" | "viewTransition" | `aria-${string}` | `data-${string}` | "as" | "exact" | "exactQuery" | "exactHash" | "inactiveClass" | "href" | "external" | "target" | "rel" | "noRel" | "prefetchedClass" | "prefetch" | "prefetchOn" | "noPrefetch" | "download" | "onClick">;
+}, "replace" | "disabled" | "title" | "active" | "to" | "type" | "activeClass" | "ariaCurrentValue" | "as" | "download" | "exact" | "exactActiveClass" | "exactHash" | "exactQuery" | "external" | "form" | "formaction" | "formenctype" | "formmethod" | "formnovalidate" | "formtarget" | "href" | "hreflang" | "inactiveClass" | "media" | "noPrefetch" | "noRel" | "onClick" | "ping" | "prefetch" | "prefetchOn" | "prefetchedClass" | "referrerpolicy" | "rel" | "target" | "trailingSlash" | "viewTransition" | `aria-${string}` | `data-${string}`>;
 export declare function isPartiallyEqual(item1: any, item2: any): boolean;

package/dist/runtime/utils/link.js

@@ -1,40 +1,51 @@
 import { reactivePick } from "@vueuse/core";
 import { diff, isEqual } from "ohash/utils";
+export const linkKeys = [
+  "active",
+  "activeClass",
+  "ariaCurrentValue",
+  "as",
+  "disabled",
+  "download",
+  "exact",
+  "exactActiveClass",
+  "exactHash",
+  "exactQuery",
+  "external",
+  "form",
+  "formaction",
+  "formenctype",
+  "formmethod",
+  "formnovalidate",
+  "formtarget",
+  "href",
+  "hreflang",
+  "inactiveClass",
+  "media",
+  "noPrefetch",
+  "noRel",
+  "onClick",
+  "ping",
+  "prefetch",
+  "prefetchOn",
+  "prefetchedClass",
+  "referrerpolicy",
+  "rel",
+  "replace",
+  "target",
+  "title",
+  "to",
+  "trailingSlash",
+  "type",
+  "viewTransition"
+];
 export function pickLinkProps(link) {
   const keys = Object.keys(link);
   const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
   const dataKeys = keys.filter((key) => key.startsWith("data-"));
-  const pickProps = [
-    "active",
-    "activeClass",
-    "ariaCurrentValue",
-    "as",
-    "disabled",
-    "exact",
-    "exactActiveClass",
-    "exactHash",
-    "exactQuery",
-    "external",
-    "href",
-    "download",
-    "inactiveClass",
-    "noPrefetch",
-    "noRel",
-    "prefetch",
-    "prefetchedClass",
-    "rel",
-    "replace",
-    "target",
-    "to",
-    "type",
-    "title",
-    "onClick",
-    "title",
-    "onClick"
-  ];
   return reactivePick(
     link,
-    ...pickProps,
+    ...linkKeys,
     ...ariaKeys,
     ...dataKeys
   );

package/dist/runtime/vue/components/Icon.vue.d.ts

@@ -2,6 +2,6 @@ import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
     name: NuxtIconProps['name'];
 }
-declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/Link.vue

@@ -16,6 +16,10 @@ import { cv, merge } from "../../utils/style";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
+  href: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
   type: { type: null, required: false, default: "button" },
   label: { type: String, required: false },
   disabled: { type: Boolean, required: false },
@@ -27,20 +31,11 @@ const props = defineProps({
   custom: { type: Boolean, required: false },
   raw: { type: Boolean, required: false },
   class: { type: [Object, String, Number, Boolean, null, Array], required: false, skipCheck: true },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object], required: false },
-  rel: { type: [String, Object], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
   activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false, default: "page" },
   viewTransition: { type: Boolean, required: false },
+  to: { type: null, required: true },
   replace: { type: Boolean, required: false }
 });
 defineSlots();
@@ -137,7 +132,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   ...inheritProps,
   href: to,
   target: isExternal ? '_blank' : void 0,
-  active,
+  active: active ?? false,
   isExternal
 }"
       >
@@ -155,7 +150,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active">
+      <slot :active="active ?? false">
         {{ props.label }}
       </slot>
     </LinkBase>

package/dist/runtime/vue/components/Link.vue.d.ts

@@ -1,22 +1,23 @@
 import type { PrimitiveProps } from 'reka-ui';
-import type { ButtonHTMLAttributes } from 'vue';
-import type { RouteLocationRaw, RouterLinkProps } from 'vue-router';
+import type { RouterLinkProps } from 'vue-router';
 import type { ComponentBaseProps } from '../../types';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from '../../types/html';
 import type { StaticSlot } from '../../types/utils';
 export interface LinkSlots {
     default: StaticSlot<{
         active: boolean;
     }>;
 }
-interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
+export interface LinkProps extends ComponentBaseProps, Omit<RouterLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
-     * Route Location the link should navigate to when clicked on.
+     * The element or component this component should render as when not a link.
+     * @default "button"
      */
-    to?: RouteLocationRaw;
+    as?: PrimitiveProps['as'];
     /**
      * An alias for `to`. If used with `to`, `href` will be ignored
      */
-    href?: NuxtLinkProps['to'];
+    href?: LinkProps['to'];
     /**
      * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
      */
@@ -24,41 +25,11 @@ interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
     /**
      * Where to display the linked URL, as the name for a browsing context.
      */
-    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {});
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
     /**
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
-    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {});
-    /**
-     * If set to true, no rel attribute will be added to the link
-     */
-    noRel?: boolean;
-    /**
-     * A class to apply to links that have been prefetched.
-     */
-    prefetchedClass?: string;
-    /**
-     * When enabled will prefetch middleware, layouts and payloads of links in the viewport.
-     */
-    prefetch?: boolean;
-    /**
-     * Allows controlling when to prefetch links. By default, prefetch is triggered only on visibility.
-     */
-    prefetchOn?: 'visibility' | 'interaction' | Partial<{
-        visibility: boolean;
-        interaction: boolean;
-    }>;
-    /**
-     * Escape hatch to disable `prefetch` attribute.
-     */
-    noPrefetch?: boolean;
-}
-export interface LinkProps extends ComponentBaseProps, NuxtLinkProps {
-    /**
-     * The element or component this component should render as when not a link.
-     * @default "button"
-     */
-    as?: PrimitiveProps['as'];
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
     /**
      * The type of the button when not a link.
      * @default "button"
@@ -80,14 +51,14 @@ export interface LinkProps extends ComponentBaseProps, NuxtLinkProps {
     /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
     raw?: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     active: boolean;
     type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/setup.d.mts

@@ -1,7 +1,7 @@
 import '#build/ui';
 import './shared/ui.IulR-OYx.mjs';
 import '../dist/runtime/types/style.js';
-export { A as AppConfigIcons, a as AppConfigUI, s as setup } from './shared/ui.DpbffTXs.mjs';
+export { A as AppConfigIcons, a as AppConfigUI, s as setup } from './shared/ui.CGCKYv7g.mjs';
 import './unocss.mjs';
 import '@nuxt/schema';
 import '@unocss/preset-wind4/colors';

package/dist/shared/{ui.DpbffTXs.d.mts → ui.CGCKYv7g.d.mts}

@@ -17,9 +17,13 @@ declare const icons: {
     chevronDoubleLeft: string;
     chevronDoubleRight: string;
     ellipsis: string;
-    plus: string;
-    minus: string;
     external: string;
+    file: string;
+    folder: string;
+    folderOpen: string;
+    minus: string;
+    plus: string;
+    upload: string;
 };
 
 type AppConfigIcons = Record<keyof typeof icons | (string & {}), string>;

package/dist/shared/{ui.CzIlLITK.mjs → ui.DYMXCXO6.mjs}

@@ -11,21 +11,25 @@ const icons = {
   chevronDoubleLeft: "i-lucide-chevrons-left",
   chevronDoubleRight: "i-lucide-chevrons-right",
   ellipsis: "i-lucide-ellipsis",
-  plus: "i-lucide-plus",
+  external: "i-lucide-arrow-up-right",
+  file: "i-lucide-file",
+  folder: "i-lucide-folder",
+  folderOpen: "i-lucide-folder-open",
   minus: "i-lucide-minus",
-  external: "i-lucide-arrow-up-right"
+  plus: "i-lucide-plus",
+  upload: "i-lucide-upload"
 };
 
 function getDefaultUIConfig(colors) {
   return {
     colors: pick({
-      primary: "green",
-      secondary: "blue",
+      primary: "orange",
+      secondary: "teal",
       success: "green",
       info: "blue",
       warning: "yellow",
       error: "red",
-      neutral: "slate"
+      neutral: "stone"
     }, [...colors || [], "neutral"]),
     icons
   };