@vtj/ui 0.5.2 → 0.6.0

package/types/components/action-bar/index.d.ts

@@ -0,0 +1,3 @@
+import XActionBar from "./ActionBar";
+export { XActionBar };
+export * from './types';

package/types/components/action-bar/types.d.ts

@@ -0,0 +1,124 @@
+import { EpPropFinalized, Arrayable, EpPropMergeType } from 'element-plus/es/utils';
+import { ExtractPropTypes, PropType } from 'vue';
+import { ComponentPropsType, BaseSize, BaseType } from '../shared';
+import { ActionMode, ActionProps, ActionMenuItem, ContainerProps } from '../';
+import { TooltipTriggerType, Placement, Options, ElTooltipProps, BadgeProps, ButtonProps } from 'element-plus';
+export type ActionBarItem = ActionProps & {
+    [key: string]: any;
+};
+export type ActionBarItems = Array<ActionBarItem | '|'>;
+export declare const actionBarProps: {
+    /**
+     * 动作项
+     */
+    items: {
+        type: PropType<ActionBarItems>;
+    };
+    /**
+     * 模式
+     */
+    mode: {
+        type: PropType<ActionMode>;
+        default: string;
+    };
+    /**
+     * 尺寸
+     */
+    size: {
+        type: PropType<BaseSize>;
+        default: string;
+    };
+    /**
+     * 颜色类型
+     */
+    type: {
+        type: PropType<BaseType>;
+        default: string;
+    };
+    /**
+     * icon 背景设置，当 mode为 icon 时有效
+     */
+    background: {
+        type: PropType<"hover" | "always">;
+        default: string;
+    };
+    /**
+     * icon 背景样式圆形，当 mode为 icon 时有效
+     */
+    circle: {
+        type: BooleanConstructor;
+    };
+    /**
+     * 禁用
+     */
+    disabled: {
+        type: PropType<boolean | ((item: ActionProps) => boolean)>;
+    };
+    /**
+     *  tooltip 配置
+     */
+    tooltip: {
+        type: PropType<Partial<ElTooltipProps>>;
+    };
+    /**
+     * Badge 配置
+     */
+    badge: {
+        type: PropType<Partial<BadgeProps>>;
+    };
+    /**
+     * ElDropdown 组件配置
+     */
+    dropdown: {
+        type: PropType<Partial<ExtractPropTypes<{
+            readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+            readonly effect: {
+                readonly default: "light";
+                readonly type: PropType<string>; /**
+                 * ElButton 组件配置，mode为button时有效
+                 */
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                readonly __epPropKey: true;
+            };
+            readonly type: {
+                readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+            readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+            readonly id: StringConstructor;
+            readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly splitButton: BooleanConstructor;
+            readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+            readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+            readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+            readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+            readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+            readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+            readonly buttonProps: {
+                readonly type: PropType<ButtonProps>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        }>>>;
+    };
+    /**
+     * ElButton 组件配置，mode为button时有效
+     */
+    button: {
+        type: PropType<Partial<ButtonProps>>;
+    };
+};
+export type ActionBarProps = ComponentPropsType<typeof actionBarProps> & ContainerProps;
+export type ActionBarEmits = {
+    click: [action: ActionProps];
+    command: [action: ActionProps, menu: ActionMenuItem];
+};

package/types/components/container/Container.d.ts

@@ -0,0 +1,147 @@
+import { ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from './types';
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+    };
+    direction: {
+        type: PropType<ContainerDirection>;
+        default: string;
+    };
+    wrap: {
+        type: PropType<ContainerWrap>;
+        default: string;
+    };
+    justify: {
+        type: PropType<ContainerJustifyContent>;
+        default: string;
+    };
+    align: {
+        type: PropType<ContainerAlignItems>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<ContainerAlignContent>;
+        default: string;
+    };
+    grow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shrink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignSelf: {
+        type: PropType<"auto" | ContainerAlignItems>;
+        default: string;
+    };
+    overflow: {
+        type: PropType<"hidden" | "visible" | "auto">;
+    };
+    padding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+    };
+    direction: {
+        type: PropType<ContainerDirection>;
+        default: string;
+    };
+    wrap: {
+        type: PropType<ContainerWrap>;
+        default: string;
+    };
+    justify: {
+        type: PropType<ContainerJustifyContent>;
+        default: string;
+    };
+    align: {
+        type: PropType<ContainerAlignItems>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<ContainerAlignContent>;
+        default: string;
+    };
+    grow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shrink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignSelf: {
+        type: PropType<"auto" | ContainerAlignItems>;
+        default: string;
+    };
+    overflow: {
+        type: PropType<"hidden" | "visible" | "auto">;
+    };
+    padding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    tag: string;
+    direction: ContainerDirection;
+    wrap: ContainerWrap;
+    fit: boolean;
+    flex: boolean;
+    inline: boolean;
+    justify: ContainerJustifyContent;
+    align: ContainerAlignItems;
+    alignContent: ContainerAlignContent;
+    grow: boolean;
+    shrink: boolean;
+    alignSelf: "auto" | ContainerAlignItems;
+    padding: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/container/index.d.ts

@@ -0,0 +1,3 @@
+import XContainer from "./Container";
+export { XContainer };
+export * from './types';

package/types/components/container/types.d.ts

@@ -0,0 +1,120 @@
+import { PropType } from 'vue';
+import { ComponentPropsType } from '../shared';
+import type Container from "./Container";
+export type ContainerDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type ContainerWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type ContainerJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+export type ContainerAlignItems = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+export type ContainerAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+export declare const containerProps: {
+    /**
+     * 组件渲染html标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 宽高自适应
+     */
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 指定高度，fit 为true 失效
+     */
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * 指定高度，fit 为true失效
+     */
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * 开启flex布局
+     */
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  inline-flex
+     */
+    inline: {
+        type: BooleanConstructor;
+    };
+    /**
+     * flex主轴方向
+     */
+    direction: {
+        type: PropType<ContainerDirection>;
+        default: string;
+    };
+    /**
+     * 换行
+     */
+    wrap: {
+        type: PropType<ContainerWrap>;
+        default: string;
+    };
+    /**
+     * 主轴上的对齐方式。
+     */
+    justify: {
+        type: PropType<ContainerJustifyContent>;
+        default: string;
+    };
+    /**
+     * 交叉轴上对齐方式
+     */
+    align: {
+        type: PropType<ContainerAlignItems>;
+        default: string;
+    };
+    /**
+     * 多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用
+     */
+    alignContent: {
+        type: PropType<ContainerAlignContent>;
+        default: string;
+    };
+    /**
+     * 放大
+     */
+    grow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 缩小
+     */
+    shrink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 单个项目有与其他项目不一样的对齐方式。可覆盖容器的align-items属性
+     */
+    alignSelf: {
+        type: PropType<"auto" | ContainerAlignItems>;
+        default: string;
+    };
+    /**
+     * css overflow
+     */
+    overflow: {
+        type: PropType<"hidden" | "visible" | "auto">;
+    };
+    /**
+     * 内边距
+     */
+    padding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ContainerProps = ComponentPropsType<typeof containerProps>;
+export type ContainerInstance = InstanceType<typeof Container>;