@pixelium/web-vue 0.0.3 → 0.0.5

package/es/badge/index.d.ts

@@ -0,0 +1,26 @@
+import type { BadgeProps } from './type';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    value: number | string;
+    theme: "primary" | "sakura" | "success" | "warning" | "danger";
+    pollSizeChange: boolean;
+    offset: number | [number, number] | {
+        x?: number;
+        y?: number;
+    };
+    visible: boolean;
+    dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/badge/type.d.ts

@@ -0,0 +1,69 @@
+import type { RestAttrs } from '../share/type';
+export type BadgeProps = {
+    /**
+     * @property {number | string} [value='']
+     * @version 0.1.0
+     */
+    value?: number | string;
+    /**
+     * @property {number} [max]
+     * @version 0.1.0
+     */
+    max?: number;
+    /**
+     * @property {boolean} [dot=false]
+     * @version 0.1.0
+     */
+    dot?: boolean;
+    /**
+     * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger'} [theme='danger']
+     * @version 0.1.0
+     */
+    theme?: 'primary' | 'sakura' | 'success' | 'warning' | 'danger';
+    /**
+     * @property {boolean} [visible=true]
+     * @version 0.1.0
+     */
+    visible?: boolean;
+    /**
+     * @property {number | [number, number] | { x?: number; y?: number }} [offset=0]
+     * @version 0.1.0
+     */
+    offset?: number | [number, number] | {
+        x?: number;
+        y?: number;
+    };
+    /**
+     * @property {string} [color]
+     * @version 0.1.0
+     */
+    color?: string;
+    /**
+     * @property {string} [borderColor]
+     * @version 0.1.0
+     */
+    borderColor?: string;
+    /**
+     * @property {RestAttrs} [contentProps]
+     * @version 0.1.0
+     */
+    contentProps?: RestAttrs;
+    /**
+     * @property {boolean} [pollSizeChange=false]
+     * @version 0.1.0
+     */
+    pollSizeChange?: boolean;
+};
+export type BadgeSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+    /**
+     * @slot content
+     * @param {string | string} value
+     * @version 0.1.0
+     */
+    content: {};
+};

package/es/breadcrumb/index.d.ts

@@ -0,0 +1,12 @@
+import type { BreadcrumbProps } from './type';
+declare const __VLS_export: import("vue").DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (index: string | number | symbol, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+    onSelect?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined;
+}>, {
+    options: (string | import("./type").BreadcrumbOption)[];
+    splitter: string;
+    renderLastText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/breadcrumb/type.d.ts

@@ -0,0 +1,52 @@
+import type { Ref } from 'vue';
+import type { NavigationOption } from '../share/type';
+export interface BreadcrumbOption extends NavigationOption {
+    disabled?: boolean;
+    clickable?: boolean;
+    href?: string;
+    route?: string | object;
+    target?: string;
+}
+export type BreadcrumbProps = {
+    /**
+     * @property {(string | BreadcrumbOption)[]} [options]
+     * @version 0.1.0
+     */
+    options?: (string | BreadcrumbOption)[];
+    /**
+     * @property {string} [splitter='>']
+     * @version 0.1.0
+     */
+    splitter?: string;
+    /**
+     * @property {boolean} [renderLastText=true]
+     * @version 0.1.0
+     */
+    renderLastText?: boolean;
+};
+export type BreadcrumbEvents = {
+    /**
+     * @event select
+     * @version 0.1.0
+     * @param {string | number | symbol} index
+     * @param {MouseEvent} event
+     */
+    select: [index: string | number | symbol, event: MouseEvent];
+};
+export type BreadcrumbSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+    /**
+     * @slot splitter
+     * @version 0.1.0
+     */
+    splitter: {};
+};
+export type BreadcrumbProvide = {
+    select: (index: string | number | symbol, e: MouseEvent) => void;
+    renderLastText: Ref<boolean>;
+    id: string;
+};

package/es/breadcrumb-item/index.d.ts

@@ -0,0 +1,27 @@
+import type { BreadcrumbItemProps } from './type';
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    icon?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    icon?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BreadcrumbItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/breadcrumb-item/type.d.ts

@@ -0,0 +1,49 @@
+export type BreadcrumbItemProps = {
+    /**
+     * @property {string} [label]
+     * @version 0.1.0
+     */
+    label?: string;
+    /**
+     * @property {string | number | symbol} index
+     * @version 0.1.0
+     */
+    index: string | number | symbol;
+    /**
+     * @property {boolean} [disabled=false]
+     * @version 0.1.0
+     */
+    disabled?: boolean;
+    /**
+     * @property {boolean} [clickable=true]
+     * @version 0.1.0
+     */
+    clickable?: boolean;
+    /**
+     * @property {string} [href]
+     * @version 0.1.0
+     */
+    href?: string;
+    /**
+     * @property {string | object} [route]
+     * @version 0.1.0
+     */
+    route?: string | object;
+    /**
+     * @property {string} [target]
+     * @version 0.1.0
+     */
+    target?: string;
+};
+export type BreadcrumbItemSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+    /**
+     * @slot icon
+     * @version 0.1.0
+     */
+    icon: {};
+};

package/es/button/index.css

@@ -25,8 +25,7 @@
   transition: 0.25s;
   z-index: 0;
   box-sizing: border-box;
-}
-.px-button.px-button {
+  outline-offset: var(--px-bit);
   font-size: 14px;
 }
 .px-button.px-button__small.px-button__inner {
@@ -101,7 +100,6 @@
 }
 .px-button.px-button__primary:focus-visible {
   outline-color: var(--px-primary-6);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__primary.px-button__plain {
   --text-color: var(--px-primary-6);
@@ -151,7 +149,6 @@
 }
 .px-button.px-button__sakura:focus-visible {
   outline-color: var(--px-sakura-6);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__sakura.px-button__plain {
   --text-color: var(--px-sakura-6);
@@ -201,7 +198,6 @@
 }
 .px-button.px-button__success:focus-visible {
   outline-color: var(--px-success-6);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__success.px-button__plain {
   --text-color: var(--px-success-6);
@@ -251,7 +247,6 @@
 }
 .px-button.px-button__warning:focus-visible {
   outline-color: var(--px-warning-6);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__warning.px-button__plain {
   --text-color: var(--px-warning-6);
@@ -301,7 +296,6 @@
 }
 .px-button.px-button__danger:focus-visible {
   outline-color: var(--px-danger-6);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__danger.px-button__plain {
   --text-color: var(--px-danger-6);
@@ -354,7 +348,6 @@
 }
 .px-button.px-button__info:focus-visible {
   outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
 }
 .px-button.px-button__info.px-button__disabled {
   --text-color: var(--px-neutral-7);

package/es/button/index.d.ts

@@ -5,14 +5,15 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     disabled: boolean;
     loading: boolean;
     block: boolean;
     nativeType: "button" | "submit" | "reset";
     autofocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/button-group/index.d.ts

@@ -3,11 +3,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
     disabled: boolean;
     shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/checkbox/index.d.ts

@@ -3,7 +3,7 @@ declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: boolean, event: Event) => any;
     blur: (event: FocusEvent) => any;
     input: (value: boolean, event: InputEvent) => any;
@@ -22,7 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<CheckboxProps, {},
     defaultValue: boolean | null;
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/checkbox-group/index.d.ts

@@ -3,7 +3,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: any[]) => any;
     "update:modelValue": (value: any[]) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
@@ -14,7 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<CheckboxGroupProps,
     readonly: boolean;
     direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/col/index.d.ts

@@ -3,11 +3,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<ColProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<ColProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColProps> & Readonly<{}>, {
     span: number | import("..").ValueWithDeviceWidth<number>;
     offset: number | import("..").ValueWithDeviceWidth<number>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/container/index.d.ts

@@ -3,8 +3,9 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/dialog/dialog-wrapped.d.ts

@@ -2,17 +2,17 @@ import type { DialogExpose, DialogProps } from './type';
 type __VLS_Props = DialogProps & {
     onBeforeOk?: () => Promise<boolean | void> | boolean | void;
 };
-declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_11) => any;
+    title?: (props: typeof __VLS_12) => any;
 } & {
-    icon?: (props: typeof __VLS_14) => any;
+    icon?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_18) => any;
 } & {
-    footer?: (props: typeof __VLS_20) => any;
+    footer?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, DialogExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, DialogExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (event: MouseEvent | KeyboardEvent) => any;
     close: () => any;
     open: () => any;
@@ -38,12 +38,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, Dialog
     visible: boolean | null;
     defaultVisible: boolean | null;
     destroyOnHide: boolean;
-    maskClosable: boolean;
     escToClose: boolean;
+    maskClosable: boolean;
     showCancel: boolean;
     showFooter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/dialog/dialog.d.ts

@@ -2,17 +2,17 @@ import type { DialogProps } from './type';
 type __VLS_Props = Omit<DialogProps, 'defaultVisible' | 'root'> & {
     onBeforeOk?: () => Promise<boolean | void> | boolean | void;
 };
-declare var __VLS_23: {}, __VLS_25: {}, __VLS_32: {}, __VLS_34: {};
+declare var __VLS_27: {}, __VLS_29: {}, __VLS_36: {}, __VLS_38: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_23) => any;
+    icon?: (props: typeof __VLS_27) => any;
 } & {
-    title?: (props: typeof __VLS_25) => any;
+    title?: (props: typeof __VLS_29) => any;
 } & {
-    default?: (props: typeof __VLS_32) => any;
+    default?: (props: typeof __VLS_36) => any;
 } & {
-    footer?: (props: typeof __VLS_34) => any;
+    footer?: (props: typeof __VLS_38) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (event: MouseEvent | KeyboardEvent) => any;
     close: () => any;
     open: () => any;
@@ -37,12 +37,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     closable: boolean;
     visible: boolean | null;
     destroyOnHide: boolean;
-    maskClosable: boolean;
     escToClose: boolean;
+    maskClosable: boolean;
     showCancel: boolean;
     showFooter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {