vue2-sxo 0.0.0

package/README.md

@@ -0,0 +1,9 @@
+# vue2-sxo
+
+SXO 设计系统的 Vue 2 适配器。
+
+## 安装
+
+```bash
+pnpm add vue2-sxo @sxo/ui @sxo/engine @sxo/design
+```

package/dist/components/Accordion.d.ts

@@ -0,0 +1,76 @@
+export declare const Accordion: import('vue').DefineComponent<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    expandedItems: import('vue').Ref<string[]>;
+    toggleItem: (itemId: string) => void;
+    getItemProps: (itemId: string) => {
+        triggerProps: {
+            id: string;
+            "aria-expanded": boolean;
+            "aria-controls": string;
+            onClick: () => void;
+        };
+        regionProps: {
+            id: string;
+            role: string;
+            "aria-labelledby": string;
+            hidden: boolean;
+        };
+    };
+    styles: import('vue').ComputedRef<{
+        root: string;
+        item: (isExpanded: boolean) => string;
+        trigger: string;
+        triggerText: string;
+        icon: (isExpanded: boolean) => string;
+        panel: string;
+    }>;
+    renderRoot(): import('vue').VNode;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    value: unknown[];
+    allowMultiple: boolean;
+    variant: string;
+}>;
+export declare const AccordionItem: import('vue').DefineComponent<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;

package/dist/components/Alert.d.ts

@@ -0,0 +1,58 @@
+export declare const Alert: import('vue').DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    description: string;
+    type: string;
+    title: string;
+    variant: string;
+    closable: boolean;
+    showIcon: boolean;
+}>;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,29 @@
+import { AvatarOptions } from '../../../../packages/ui/src';
+export declare const Avatar: import('vue').DefineComponent<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fallback: StringConstructor;
+    size: {
+        type: () => AvatarOptions["size"];
+        default: string;
+    };
+    shape: {
+        type: () => AvatarOptions["shape"];
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fallback: StringConstructor;
+    size: {
+        type: () => AvatarOptions["size"];
+        default: string;
+    };
+    shape: {
+        type: () => AvatarOptions["shape"];
+        default: string;
+    };
+}>>, {
+    size: "sm" | "md" | "lg" | "xl" | undefined;
+    shape: "circle" | "square" | undefined;
+}>;

package/dist/components/BackTop.d.ts

@@ -0,0 +1,31 @@
+export declare const BackTop: import('vue').DefineComponent<{
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => import('vue').VNode | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    right: number;
+    bottom: number;
+    visibilityHeight: number;
+}>;

package/dist/components/Badge.d.ts

@@ -0,0 +1,14 @@
+import { BadgeOptions } from '../../../../packages/ui/src';
+export declare const Badge: import('vue').DefineComponent<{
+    variant: {
+        type: () => BadgeOptions["variant"];
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: () => BadgeOptions["variant"];
+        default: string;
+    };
+}>>, {
+    variant: "primary" | "secondary" | "accent" | "neon" | "outline" | undefined;
+}>;

package/dist/components/Box.d.ts

@@ -0,0 +1,13 @@
+export declare const Box: import('vue').DefineComponent<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    as: string;
+}>;

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,35 @@
+export declare const BreadcrumbItem: import('vue').DefineComponent<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    href: string;
+    current: boolean;
+}>;
+export declare const Breadcrumb: import('vue').DefineComponent<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    separator: string;
+}>;

package/dist/components/Button.d.ts

@@ -0,0 +1,32 @@
+import { ButtonOptions } from '../../../../packages/ui/src';
+export declare const Button: import('vue').DefineComponent<{
+    variant: {
+        type: () => ButtonOptions["variant"];
+        default: string;
+    };
+    size: {
+        type: () => ButtonOptions["size"];
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: () => ButtonOptions["variant"];
+        default: string;
+    };
+    size: {
+        type: () => ButtonOptions["size"];
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    variant: "primary" | "secondary" | "accent" | "ghost" | "outline" | undefined;
+    size: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    disabled: boolean;
+}>;

package/dist/components/Card.d.ts

@@ -0,0 +1,32 @@
+import { CardOptions } from '../../../../packages/ui/src';
+export declare const Card: import('vue').DefineComponent<{
+    variant: {
+        type: () => CardOptions["variant"];
+        default: string;
+    };
+    padding: {
+        type: () => CardOptions["padding"];
+        default: string;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: () => CardOptions["variant"];
+        default: string;
+    };
+    padding: {
+        type: () => CardOptions["padding"];
+        default: string;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    variant: "accent" | "ghost" | "outline" | "elevated" | undefined;
+    padding: "none" | "sm" | "md" | "lg" | "xl" | undefined;
+    interactive: boolean;
+}>;

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,108 @@
+import { CheckboxOptions } from '../../../../packages/ui/src';
+export declare const CheckboxGroup: import('vue').DefineComponent<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    direction: {
+        type: () => "row" | "col";
+        default: string;
+    };
+    gap: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    size: {
+        type: () => CheckboxOptions["size"];
+        default: string;
+    };
+    color: {
+        type: () => CheckboxOptions["color"];
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    direction: {
+        type: () => "row" | "col";
+        default: string;
+    };
+    gap: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    size: {
+        type: () => CheckboxOptions["size"];
+        default: string;
+    };
+    color: {
+        type: () => CheckboxOptions["color"];
+        default: string;
+    };
+}>>, {
+    value: unknown[];
+    color: "primary" | "success" | undefined;
+    size: "sm" | "md" | "lg" | undefined;
+    direction: "col" | "row";
+    gap: string | number;
+}>;
+export declare const Checkbox: import('vue').DefineComponent<{
+    checked: {
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    size: {
+        type: () => CheckboxOptions["size"];
+        default: undefined;
+    };
+    color: {
+        type: () => CheckboxOptions["color"];
+        default: undefined;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    checked: {
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    size: {
+        type: () => CheckboxOptions["size"];
+        default: undefined;
+    };
+    color: {
+        type: () => CheckboxOptions["color"];
+        default: undefined;
+    };
+}>>, {
+    value: string | number | boolean | Record<string, any>;
+    color: "primary" | "success" | undefined;
+    label: string;
+    size: "sm" | "md" | "lg" | undefined;
+    disabled: boolean;
+    checked: string | number | boolean | Record<string, any>;
+}>;

package/dist/components/Dialog.d.ts

@@ -0,0 +1,45 @@
+import { DialogStylesOptions } from '../../../../packages/ui/src';
+import { PropType } from 'vue';
+export declare const Dialog: import('vue').DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    size: {
+        type: PropType<DialogStylesOptions["size"]>;
+        default: string;
+    };
+    isCentered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    size: {
+        type: PropType<DialogStylesOptions["size"]>;
+        default: string;
+    };
+    isCentered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    isCentered: boolean;
+    isDraggable: boolean;
+}>;

package/dist/components/Divider.d.ts

@@ -0,0 +1,32 @@
+import { DividerOptions } from '../../../../packages/ui/src';
+export declare const Divider: import('vue').DefineComponent<{
+    direction: {
+        type: () => DividerOptions["direction"];
+        default: string;
+    };
+    type: {
+        type: () => DividerOptions["type"];
+        default: string;
+    };
+    contentPlacement: {
+        type: () => DividerOptions["contentPlacement"];
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: () => DividerOptions["direction"];
+        default: string;
+    };
+    type: {
+        type: () => DividerOptions["type"];
+        default: string;
+    };
+    contentPlacement: {
+        type: () => DividerOptions["contentPlacement"];
+        default: string;
+    };
+}>>, {
+    type: "solid" | "dashed" | "dotted" | undefined;
+    direction: "horizontal" | "vertical" | undefined;
+    contentPlacement: "left" | "center" | "right" | undefined;
+}>;

package/dist/components/Dropdown.d.ts

@@ -0,0 +1,63 @@
+import { DropdownOptions } from '../../../../packages/ui/src';
+export declare const DropdownItem: import('vue').DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    header: string;
+    disabled: boolean;
+    active: boolean;
+    divider: boolean;
+}>;
+export declare const Dropdown: import('vue').DefineComponent<{
+    placement: {
+        type: () => DropdownOptions["placement"];
+        default: string;
+    };
+    trigger: {
+        type: () => "click" | "hover";
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    placement: {
+        type: () => DropdownOptions["placement"];
+        default: string;
+    };
+    trigger: {
+        type: () => "click" | "hover";
+        default: string;
+    };
+}>>, {
+    placement: "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
+    trigger: "click" | "hover";
+}>;

package/dist/components/Empty.d.ts

@@ -0,0 +1,32 @@
+import { EmptyOptions } from '../../../../packages/ui/src';
+export declare const Empty: import('vue').DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: () => EmptyOptions["size"];
+        default: string;
+    };
+    image: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import('vue').VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: () => EmptyOptions["size"];
+        default: string;
+    };
+    image: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    description: string;
+    size: "sm" | "md" | "lg" | undefined;
+    image: string;
+}>;