@thestarweb/ui 1.5.2 → 1.6.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/types/components/common/base-popper.vue.d.ts

@@ -14,5 +14,6 @@ export default class SuButton extends Vue {
     _clickCheck(ev: MouseEvent): boolean;
     private syncRequestId;
     _updateVisible(): void;
+    readonly ctrlClass: string[];
     updatePos(): void;
 }

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

@@ -0,0 +1,15 @@
+import { Vue } from "vue-class-component";
+import { TypeFormLabelAlign } from "../../../outher";
+import "@ui-root/global-style.css";
+export declare const InjectLabelWidth: unique symbol;
+export declare const InjectLabelAlign: unique symbol;
+export default class SuButton extends Vue {
+    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();
+    created(): void;
+}

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

@@ -0,0 +1,8 @@
+import { Vue } from "vue-class-component";
+import type { TypeFormLabelAlign } from "../../../outher";
+import "@ui-root/global-style.css";
+export default class SuButton extends Vue {
+    readonly labelAlign: TypeFormLabelAlign;
+    readonly labelWidth: number | undefined;
+    readonly allowAotoMobile: boolean;
+}

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/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/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";

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 {};