@thestarweb/ui 1.5.2 → 1.7.0

package/src/reg.ts

@@ -1,11 +1,18 @@
 import { VueDecorator, PropOptions, createDecorator, Vue, VueConstructor, VueBase } from "vue-class-component";
-import { ComponentOptions, reactive } from "vue";
+import { ComponentOptions, PropType, reactive } from "vue";
 interface ComponentInfo{
 	hideInDoc?:boolean;
 	internalOnly?:boolean;
 	type?:'from'|'layout';
 }
 
+const AutoTypes = {
+	FormLabelAlign: {
+		allow: ['left','right','top'],
+		type: String,
+	}
+}
+
 export const data = reactive({
 	//
 } as {[key:string]: {
@@ -80,7 +87,18 @@ export function Emit(event?:string, shouldEmit?:(res:any)=>boolean):VueDecorator
 	});
 }
 
-export function Prop(propOptions:PropOptions):VueDecorator{
+interface RegPropOptions<T = any, D = T> extends PropOptions<T>{
+	autoType?: keyof typeof AutoTypes;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function checkPropInAllow(list:any[]){
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	return function(value:any){
+		return list.includes(value);
+	}
+}
+export function Prop({ autoType , ...propOptions}:RegPropOptions):VueDecorator{
 	return createDecorator((componentOptions, key) => {
 		if(componentOptions.name){
 			if(!data[componentOptions.name]) data[componentOptions.name] = {};
@@ -88,7 +106,24 @@ export function Prop(propOptions:PropOptions):VueDecorator{
 			// eslint-disable-next-line
 			(data[componentOptions.name].props!)[key] = propOptions;
 		}
+		const eData:PropOptions = {};
+		if(autoType){
+			const autoTypeData = AutoTypes[autoType];
+			if(autoTypeData.type){
+				eData.type = autoTypeData.type;
+			}
+			const validator = [];
+			if(autoTypeData.allow){
+				validator.push(checkPropInAllow(autoTypeData.allow))
+			}
+			if(validator.length === 1){
+				eData.validator = validator[0];
+			}
+		}
 		if(!componentOptions.props) componentOptions.props={};
-		componentOptions.props[key] = propOptions;
+		componentOptions.props[key] = {
+			...eData,
+			...propOptions
+		};
 	});
 }

package/src/types.d.ts

@@ -7,3 +7,9 @@ export interface MenuItem{
 	title:string;
 	children?:MenuItem[];
 }
+export interface ContextMenuItem{
+	name?:string;
+	click?:() => unknown;
+	title:string;
+	children?:ContextMenuItem[];
+}

package/types/components/common/base-popper.vue.d.ts

@@ -1,18 +1,21 @@
 import { Vue } from 'vue-class-component';
 import "../../global-style.css";
 export default class SuButton extends Vue {
+    $refs: {
+        root: HTMLDivElement;
+    };
     fromItem: Vue | HTMLElement;
     private div;
     private id;
     private updateType;
     private visible;
     readonly isMobile: false;
-    beforeCreate(): void;
-    unmounted(): void;
     mounted(): void;
     beforeUnmount(): void;
     _clickCheck(ev: MouseEvent): boolean;
     private syncRequestId;
     _updateVisible(): void;
+    readonly ctrlClass: string[];
+    private baseStyle;
     updatePos(): void;
 }

package/types/components/content/context-menu-box/index.vue.d.ts

@@ -0,0 +1,20 @@
+import { Vue } from "vue-class-component";
+import "@ui-root/global-style.css";
+import { ContextMenuItem } from "../../../types";
+export default class SuMain extends Vue {
+    private itemComponent;
+    $refs: {
+        mask: HTMLDivElement;
+    };
+    readonly isMobile: boolean;
+    readonly ctrlClass: string[];
+    private get component();
+    private menu;
+    private isOpenMenu;
+    private currentMenu;
+    private currentX;
+    private currentY;
+    private handleContextMenu;
+    handleMaskClick(ev: MouseEvent): void;
+    handleItemClick(item: ContextMenuItem): void;
+}

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

@@ -1 +1,5 @@
 export { default as SuPage } from "./page.vue";
+export { default as SuMenu } from "./menu/index.vue";
+export { default as SuContextMenuBox } from "./context-menu-box/index.vue";
+export { default as SuModal } from "./modals/modal.vue";
+export { default as SuModalConfirm } from "./modals/confirm.vue";

package/types/components/content/modals/confirm.vue.d.ts

@@ -0,0 +1,7 @@
+import { Vue } from 'vue-class-component';
+export default class SuModalConfirm extends Vue {
+    private readonly title;
+    private readonly visible;
+    private close;
+    private confirm;
+}

package/types/components/content/modals/modal.vue.d.ts

@@ -0,0 +1,12 @@
+import { Vue } from 'vue-class-component';
+import "@ui-root/global-style.css";
+export default class SuModalConfirm extends Vue {
+    private readonly visible;
+    private locVisable;
+    private updateVisable;
+    close(): void;
+    show(): void;
+    private readonly title;
+    created(): void;
+    readonly isMobile: boolean;
+}

package/types/components/form/form/form-item.vue.d.ts

@@ -0,0 +1,22 @@
+import { Vue } from "vue-class-component";
+import { TypeFormLabelAlign } from "../../../outher";
+import { Bus } from "./form.vue";
+import "@ui-root/global-style.css";
+export declare const InjectLabelWidth: unique symbol;
+export declare const InjectLabelAlign: unique symbol;
+export declare const InjectEventBus: unique symbol;
+export default class SuButton extends Vue {
+    $refs: {
+        labelDiv: HTMLDivElement;
+    };
+    readonly label: string;
+    readonly labelWidth: string | number | undefined;
+    readonly pLabelWidth: string | number | undefined;
+    readonly labelAlign: TypeFormLabelAlign;
+    readonly pLabelAlign: TypeFormLabelAlign;
+    readonly col: number;
+    private get labelStyle();
+    readonly bus: Bus | undefined;
+    created(): void;
+    beforeUnmount(): void;
+}

package/types/components/form/form/form.vue.d.ts

@@ -0,0 +1,24 @@
+import { Vue } from "vue-class-component";
+import type { TypeFormLabelAlign } from "../../../outher";
+import Item from "./form-item.vue";
+import "@ui-root/global-style.css";
+export interface Bus {
+    addItem: (item: Item) => void;
+    removeItem: (item: Item) => void;
+    labelUpdate: (item: Item) => void;
+}
+export default class SuButton extends Vue {
+    readonly labelAlign: TypeFormLabelAlign;
+    readonly labelWidth: number | undefined;
+    readonly allowAotoMobile: boolean;
+    private bus;
+    private items;
+    private addItem;
+    private removeItem;
+    private updateLabelWidth;
+    private isLoaded;
+    private sendLabelWidth;
+    created(): void;
+    mounted(): void;
+    beforeUnmount(): void;
+}

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

@@ -0,0 +1,2 @@
+export { default as SuForm } from "./form.vue";
+export { default as SuFormItem } from "./form-item.vue";

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

@@ -0,0 +1 @@
+export * from "./form/index";

package/types/components/layout/auto-direction/index.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "@ui-root/global-style.css";
+export default class SuAutoDirection extends Vue {
+}

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

@@ -0,0 +1 @@
+export { default as SuAutoDirection } from "./auto-direction/index.vue";

package/types/components/view-control.vue.d.ts

@@ -9,6 +9,7 @@ export default class SuViewControl extends Vue {
     private windowHeight;
     checkWindowSize(): void;
     get $isMobile(): boolean;
+    get className(): string[];
     beforeMount(): void;
     beforeUnmount(): void;
 }

package/types/func/download.d.ts

@@ -0,0 +1 @@
+export default function (data: Blob | Uint8Array, name: string): void;

package/types/func/index.d.ts

@@ -0,0 +1,2 @@
+export { default as download } from "./download";
+export * from "./modal";

package/types/func/modal/index.d.ts

@@ -0,0 +1,13 @@
+import { VNode } from 'vue';
+declare type PWidthClose = Promise<boolean> & {
+    close: () => void;
+};
+export declare function confirm(title: string): PWidthClose;
+export declare function modal(slots: {
+    title?: string | VNode | (() => VNode | string);
+    body?: string | VNode | (() => VNode | string);
+    footer?: string | VNode | (() => VNode | string);
+} | VNode | string | (() => VNode | string), controlProp?: {}, defalueShow?: boolean): {
+    close: () => any;
+};
+export {};

package/types/main.d.ts

@@ -6,6 +6,7 @@ export { default as SuHLine } from "./components/line-h.vue";
 export { default as SuVLine } from "./components/line-v.vue";
 export { default as SuCard } from "./components/card.vue";
 export { default as SuTree } from "./components/tree/index.vue";
+export * from "./components/form";
 export { default as SuInput } from "./components/input.vue";
 export { default as SuSelect } from "./components/select.vue";
 export { default as SuButton } from "./components/button.vue";
@@ -13,8 +14,9 @@ export { default as SuSwitch } from "./components/switch.vue";
 export { default as SuSlider } from "./components/slider.vue";
 export { default as SuCalendar } from "./components/calendar.vue";
 export { default as SuViewControl } from "./components/view-control.vue";
-export * from "./components/menu";
+export * from "./components/layout";
 export * from "./components/content";
+export * as func from "./func/index";
 export * from "./outher";
 import { App } from "vue";
 export declare const components: Record<string, any>;

package/types/outher/index.d.ts

@@ -1,2 +1,5 @@
 export declare const SuViewCtrlInjectKeyIsMobile: unique symbol;
 export declare const SuViewCtrlInjectIsMobile: import("vue-class-component").VueDecorator;
+export declare const SuViewCtrlInjectKeyClassName: unique symbol;
+export declare const SuViewCtrlInjectClassName: import("vue-class-component").VueDecorator;
+export declare type TypeFormLabelAlign = 'left' | 'right' | 'top' | undefined;

package/types/reg.d.ts

@@ -5,6 +5,12 @@ interface ComponentInfo {
     internalOnly?: boolean;
     type?: 'from' | 'layout';
 }
+declare const AutoTypes: {
+    FormLabelAlign: {
+        allow: string[];
+        type: StringConstructor;
+    };
+};
 export declare const data: {
     [x: string]: {
         props?: {
@@ -32,5 +38,8 @@ export declare const data: {
 export declare type RegisterOptions<V> = ComponentOptions & ThisType<V> & ComponentInfo;
 export declare function Register<V extends Vue>({ hideInDoc, internalOnly, ...options }: RegisterOptions<V>): <VC extends VueConstructor<VueBase>>(target: VC) => VC;
 export declare function Emit(event?: string, shouldEmit?: (res: any) => boolean): VueDecorator;
-export declare function Prop(propOptions: PropOptions): VueDecorator;
+interface RegPropOptions<T = any, D = T> extends PropOptions<T> {
+    autoType?: keyof typeof AutoTypes;
+}
+export declare function Prop({ autoType, ...propOptions }: RegPropOptions): VueDecorator;
 export {};

package/src/components/menu/index.ts

@@ -1 +0,0 @@
-export {default as SuMenu} from "./index.vue";

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

@@ -1 +0,0 @@
-export { default as SuMenu } from "./index.vue";