fantasia-ui 0.2.8 → 0.2.11

package/README.en.md

@@ -240,19 +240,35 @@ The component library supports theme customization via CSS variables:
 
 Fantasia UI provides complete TypeScript type definitions:
 
+```vue
+<script setup lang="ts">
+import { FButton } from 'fantasia-ui'
+
+// TypeScript will automatically infer props types
+// No need to manually import FButtonProps
+</script>
+
+<template>
+  <FButton variant="primary" size="large">
+    Button
+  </FButton>
+</template>
+```
+
+### If you need component Props types
+
+You can use TypeScript utility types to infer from components:
+
 ```typescript
-import type { 
-  FButtonProps,
-  FInputProps,
-  FAvatarProps,
-  // ... other types
-} from 'fantasia-ui'
-
-// Use types
+import { FButton } from 'fantasia-ui'
+import type { ComponentProps } from 'vue'
+
+// Infer props type from component
+type FButtonProps = ComponentProps<typeof FButton>
+
 const buttonProps: FButtonProps = {
-  type: 'primary',
-  size: 'large',
-  disabled: false
+  variant: 'primary',
+  size: 'large'
 }
 ```
 

package/README.md

@@ -236,23 +236,39 @@ import { FRow, FCol, FSpace } from 'fantasia-ui'
 }
 ```
 
-## 📖 TypeScript 支持
+## 📝 TypeScript 支持
 
 Fantasia UI 提供完整的 TypeScript 类型定义：
 
+```vue
+<script setup lang="ts">
+import { FButton } from 'fantasia-ui'
+
+// TypeScript 会自动推断 props 类型
+// 无需手动导入 FButtonProps
+</script>
+
+<template>
+  <FButton variant="primary" size="large">
+    按钮
+  </FButton>
+</template>
+```
+
+### 如果需要组件 Props 类型
+
+可以使用 TypeScript 工具类型从组件推断：
+
 ```typescript
-import type { 
-  FButtonProps,
-  FInputProps,
-  FAvatarProps,
-  // ... 其他类型
-} from 'fantasia-ui'
-
-// 使用类型
+import { FButton } from 'fantasia-ui'
+import type { ComponentProps } from 'vue'
+
+// 从组件推断 props 类型
+type FButtonProps = ComponentProps<typeof FButton>
+
 const buttonProps: FButtonProps = {
-  type: 'primary',
-  size: 'large',
-  disabled: false
+  variant: 'primary',
+  size: 'large'
 }
 ```
 

package/dist/components/index.d.ts

@@ -32,3 +32,11 @@ export { default as FEditor } from './modules/FEditor';
 export { default as FTable } from './modules/FTable';
 export { default as FDialog } from './modules/FDialog';
 export { default as FUpload } from './modules/FUpload';
+export { default as FButtonGroup } from './modules/FButtonGroup';
+export { default as FCollapse } from './modules/FCollapse';
+export { default as FCollapseItem } from './modules/FCollapseItem';
+export { default as FColorPicker } from './modules/FColorPicker';
+export { default as FEmpty } from './modules/FEmpty';
+export { default as FSlider } from './modules/FSlider';
+export { default as FScrollbar } from './modules/FScrollbar';
+export { default as FInputNumber } from './modules/FInputNumber';

package/dist/components/modules/FButtonGroup.d.ts

@@ -0,0 +1,24 @@
+import { FButtonGroupProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FButtonGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FButtonGroupProps> & Readonly<{}>, {
+    vertical: boolean;
+    type: "default" | "primary" | "success" | "warning" | "danger";
+    disabled: boolean;
+    size: "small" | "default" | "large";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modules/FCollapse.d.ts

@@ -0,0 +1,29 @@
+import { FCollapseProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = FCollapseProps;
+type __VLS_PublicProps = {
+    modelValue?: Array<string | number> | string | number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
+}>, {
+    accordion: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modules/FCollapseItem.d.ts

@@ -0,0 +1,23 @@
+import { FCollapseItemProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FCollapseItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FCollapseItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modules/FColorPicker.d.ts

@@ -0,0 +1,22 @@
+import { FColorPickerProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = FColorPickerProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    size: "small" | "default" | "large";
+    showAlpha: boolean;
+    predefine: string[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+    panelRef: HTMLDivElement;
+    hueRef: HTMLDivElement;
+    alphaRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/modules/FEmpty.d.ts

@@ -0,0 +1,25 @@
+import { FEmptyProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {}): any;
+        description?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FEmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FEmptyProps> & Readonly<{}>, {
+    image: string;
+    description: string;
+    imageSize: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modules/FInputNumber.d.ts

@@ -0,0 +1,24 @@
+import { FInputNumberProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = FInputNumberProps;
+type __VLS_PublicProps = {
+    modelValue?: number | undefined;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: number) => any;
+}>, {
+    disabled: boolean;
+    size: "small" | "default" | "large";
+    placeholder: string;
+    min: number;
+    max: number;
+    step: number;
+    precision: number;
+    controls: boolean;
+    controlsPosition: "right" | "both";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/modules/FScrollbar.d.ts

@@ -0,0 +1,57 @@
+import { FScrollbarProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function update(): void;
+declare function scrollTo(options: ScrollToOptions | number, yCoord?: number): void;
+declare function setScrollTop(value: number): void;
+declare function setScrollLeft(value: number): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        wrapRef: HTMLDivElement;
+        resizeRef: HTMLDivElement;
+        thumbYRef: HTMLDivElement;
+        thumbXRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FScrollbarProps, {
+    scrollTo: typeof scrollTo;
+    setScrollTop: typeof setScrollTop;
+    setScrollLeft: typeof setScrollLeft;
+    update: typeof update;
+    wrapRef: globalThis.Ref<HTMLElement, HTMLElement>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    scroll: (args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any;
+}, string, PublicProps, Readonly<FScrollbarProps> & Readonly<{
+    onScroll?: (args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any;
+}>, {
+    horizontal: boolean;
+    vertical: boolean;
+    always: boolean;
+    height: string;
+    maxHeight: string;
+    native: boolean;
+    minSize: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    wrapRef: HTMLDivElement;
+    resizeRef: HTMLDivElement;
+    thumbYRef: HTMLDivElement;
+    thumbXRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modules/FSlider.d.ts

@@ -0,0 +1,24 @@
+import { FSliderProps } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = FSliderProps;
+type __VLS_PublicProps = {
+    modelValue?: number | [number, number];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: number | [number, number]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: number | [number, number]) => any;
+}>, {
+    vertical: boolean;
+    disabled: boolean;
+    size: "small" | "default" | "large";
+    range: boolean;
+    min: number;
+    max: number;
+    step: number;
+    showTooltip: boolean;
+    marks: Record<number, string>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    trackRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;