@pixelium/web-vue 0.0.3-alpha → 0.0.3

package/es/dialog/type.d.ts

@@ -0,0 +1,308 @@
+import type { ButtonEvents, ButtonProps } from '../button/type';
+import type { MaskProps } from '../mask/type';
+import type { EmitEvent, RestAttrs, ValidContent, ValidVNodeContent } from '../share/type';
+export type DialogOptions = {
+    /**
+     * @property {ValidContent} content
+     * @version 0.0.4
+     */
+    content: ValidContent;
+    /**
+     * @property {ValidContent} [title]
+     * @version 0.0.4
+     */
+    title?: ValidContent;
+    /**
+     * @property {ValidVNodeContent} [icon]
+     * @version 0.0.4
+     */
+    icon?: ValidVNodeContent;
+    /**
+     * @property {ValidVNodeContent} [footer]
+     * @version 0.0.4
+     */
+    footer?: ValidVNodeContent;
+    /**
+     * @property {'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm'} [type='normal']
+     * @version 0.0.4
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm';
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogProps = {
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    visible?: boolean | null;
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    defaultVisible?: boolean | null;
+    /**
+     * @property {string} [title='']
+     * @version 0.0.4
+     */
+    title?: string;
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel=true]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [boolean=false]
+     * @version 0.0.4
+     */
+    loading?: boolean;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {boolean} [destroyOnHide=false]
+     * @version 0.0.4
+     */
+    destroyOnHide?: boolean;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogSlots = {
+    /**
+     * @slot default
+     * @version 0.0.4
+     */
+    default: {};
+    /**
+     * @slot title
+     * @version 0.0.4
+     */
+    title: {};
+    /**
+     * @slot icon
+     * @version 0.0.4
+     */
+    icon: {};
+    /**
+     * @slot footer
+     * @version 0.0.4
+     */
+    footer: {};
+};
+export type DialogEvents = {
+    /**
+     * @event update:visible
+     * @version 0.0.4
+     */
+    'update:visible': [visible: boolean];
+    /**
+     * @event beforeOk
+     * @version 0.0.4
+     */
+    beforeOk: [];
+    /**
+     * @event ok
+     * @param {MouseEvent} event
+     * @version 0.0.4
+     */
+    ok: [event: MouseEvent];
+    /**
+     * @event cancel
+     * @param {MouseEvent | KeyboardEvent} event
+     * @version 0.0.4
+     */
+    cancel: [event: MouseEvent | KeyboardEvent];
+    /**
+     * @event open
+     * @version 0.0.4
+     */
+    open: [];
+    /**
+     * @event afterOpen
+     * @version 0.0.4
+     */
+    afterOpen: [];
+    /**
+     * @event close
+     * @version 0.0.4
+     */
+    close: [];
+    /**
+     * @event afterClose
+     * @version 0.0.4
+     */
+    afterClose: [];
+};
+export type DialogExpose = {
+    /**
+     * @property {() => void} close
+     * @version 0.0.4
+     */
+    close: () => void;
+    /**
+     * @property {() => void} open
+     * @version 0.0.4
+     */
+    open: () => void;
+};
+export type DialogReturn = Promise<boolean> & {
+    close: () => void;
+};

package/es/form-item/index.css

@@ -58,9 +58,6 @@
   min-height: var(--px-medium-size);
   font-size: 14px;
 }
-.px-form-item-content > *:first-child {
-  flex-grow: 1;
-}
 .px-form-item-content__large {
   min-height: var(--px-large-size);
   font-size: 15px;

package/es/input/index.css

@@ -12,6 +12,7 @@
   height: var(--input-size);
   cursor: text;
   transition: 0.25s all;
+  flex-grow: 1;
 }
 .px-input-inner {
   height: 100%;

package/es/input-number/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   height: var(--input-number-size);
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-number-inner {
   height: 100%;

package/es/input-tag/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   cursor: text;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-tag.px-input-tag__small {
   padding-right: 8px;

package/es/message-box/index.js

@@ -43,7 +43,7 @@ var MessageManager = class {
 	unmount() {
 		if (this.container) {
 			const container = this.container;
-			render(this.messageBox, container);
+			render(null, container);
 			nextTick(() => {
 				container.remove();
 				this.container = null;

package/es/popup-portal/index.d.ts

@@ -0,0 +1,15 @@
+import type { PopupPortalProps } from './type';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PopupPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopupPortalProps> & Readonly<{}>, {
+    root: HTMLElement | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/popup-portal/type.d.ts

@@ -0,0 +1,3 @@
+export type PopupPortalProps = {
+    root?: HTMLElement | string;
+};

package/es/popup-wrapper/use-popup-wrapper-manager.d.ts

@@ -0,0 +1 @@
+export declare const usePopupWrapperManager: (id: string) => readonly [() => void, () => void];

package/es/select/index.css

@@ -12,6 +12,7 @@
   min-height: var(--select-size);
   cursor: text;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-select.px-select__small {
   padding-right: 8px;

package/es/share/hook/use-polling.d.ts

@@ -0,0 +1,2 @@
+import { type WatchSource } from 'vue';
+export declare const usePolling: (watchTarge: WatchSource<any>, callback: Function) => void;

package/es/share/util/locale.d.ts

@@ -0,0 +1,46 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { Emitter } from 'mitt';
+
+declare const _default: {
+	dialog: {
+		confirm: string;
+		cancel: string;
+		infoTitle: string;
+		successTitle: string;
+		warningTitle: string;
+		errorTitle: string;
+		confirmTitle: string;
+	};
+};
+export type DeepPartial<T> = {
+	[K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type Events = {
+	"lang-change": string;
+};
+export type LangMessages = typeof _default;
+declare class LocaleManager {
+	private currentLang;
+	private emitter;
+	constructor();
+	getCurrentLang(): string;
+	setLocale(lang: string): void;
+	addMessages(lang: string, msg: DeepPartial<LangMessages>): void;
+	t(path: string, fallback?: string): string;
+	getMessages(lang: string): LangMessages;
+	getEmitter(): Emitter<Events>;
+}
+declare const localeManager: LocaleManager;
+export declare const t: (path: string, fallback?: string) => string;
+export declare function useLocale(): readonly [
+	(path: string, fallback?: string) => string,
+	(lang: string) => void,
+	import("vue").Ref<string, string>
+];
+
+export {
+	localeManager as locale,
+};
+
+export {};

package/es/slider/index.css

@@ -22,6 +22,9 @@
   cursor: pointer;
   transition: 0.25s;
 }
+.px-slider__horizontal {
+  flex-grow: 1;
+}
 .px-slider__horizontal.px-slider__reverse .px-slider-mark {
   left: auto;
   transform: translate(50%, -50%);

package/es/textarea/index.css

@@ -10,6 +10,7 @@
   display: flex;
   box-sizing: border-box;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-textarea.px-textarea__small {
   font-size: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelium/web-vue",
-	"version": "0.0.3-alpha",
+	"version": "0.0.3",
 	"type": "module",
 	"main": "./dist/pixelium-vue.js",
 	"exports": {