@das-fed/ui 6.4.0-test.1 → 6.4.0-test.2.1

package/packages/components/color-picker/src/Index.vue.d.ts

@@ -1,65 +1,20 @@
 import 'element-plus/es/components/color-picker/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    options: () => {
-        size: string;
-        popperClass: string;
-        mode: string;
-        isView: boolean;
-        placement: string;
-    };
-    isView: boolean;
-    disabled: boolean;
-    borderType: string;
-    placeholder: string;
-    noSetDefaultVal: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    dasInput: (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    options: () => {
-        size: string;
-        popperClass: string;
-        mode: string;
-        isView: boolean;
-        placement: string;
-    };
-    isView: boolean;
-    disabled: boolean;
-    borderType: string;
-    placeholder: string;
-    noSetDefaultVal: boolean;
-}>>> & {
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    dasInput: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
-}, {
+}>, {
     options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
+    borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
-    borderType: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/packages/components/color-picker/src/hooks/use-color-picker.d.ts

@@ -1,8 +1,8 @@
 import type { Props, Emits } from '../type';
 export declare const useColorPicker: (props: Props, emit: Emits) => {
-    innerValue: import("vue").Ref<any>;
+    innerValue: import("vue").Ref<any, any>;
     inputChangeHandler: (val: any) => void;
     inputInputHandler: (val: any) => void;
-    colorOption: import("vue").Ref<any>;
-    colorPickerValue: import("vue").Ref<any>;
+    colorOption: import("vue").Ref<any, any>;
+    colorPickerValue: import("vue").Ref<any, any>;
 };

package/packages/components/color-picker/src/type.d.ts

@@ -1,30 +1,30 @@
-export interface Props {
-  
-  modelValue: any
-
-  
-  options: Record<string, any>
-
-  
-  disabled: boolean
-
-  
-  isView: boolean
-  
-  borderType?: string
-  
-  placeholder?: string
-    
-    noSetDefaultVal?: boolean;
-}
-
-export interface Emits {
-  
-  (e: 'update:modelValue', value: string): void
-
-  
-  (e: 'change', value: string): void
-
-  
-  (e: 'dasInput', value: string): void
+export interface Props {
+  
+  modelValue: any
+
+  
+  options: Record<string, any>
+
+  
+  disabled: boolean
+
+  
+  isView: boolean
+  
+  borderType?: string
+  
+  placeholder?: string
+    
+    noSetDefaultVal?: boolean;
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: string): void
+
+  
+  (e: 'change', value: string): void
+
+  
+  (e: 'dasInput', value: string): void
 }

package/packages/components/color-picker/style.css

@@ -1 +1 @@
-.das-ui-color-picker[data-v-d574f9a6]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-d574f9a6]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-d574f9a6]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-d574f9a6]{left:8px}.das-ui-color-picker .das-ui-input[data-v-d574f9a6]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-d574f9a6] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-d574f9a6] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-d574f9a6] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-d574f9a6] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-d574f9a6]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-d574f9a6]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-d574f9a6]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-d574f9a6]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
+.das-ui-color-picker[data-v-131ccb78]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-131ccb78]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-131ccb78]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-131ccb78]{left:8px}.das-ui-color-picker .das-ui-input[data-v-131ccb78]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-131ccb78] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-131ccb78] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-131ccb78] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-131ccb78] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-131ccb78]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-131ccb78]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-131ccb78]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-131ccb78]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}

package/packages/components/custom-search-item/index.d.ts

@@ -2,56 +2,96 @@
 declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
-    $props: Partial<{
+    $props: {
+        readonly label?: string | undefined;
+        readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
+        readonly options?: any[] | undefined;
+        readonly modelValue?: any;
+        readonly customerActive?: boolean | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
+        readonly onChange?: ((e: any) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        onChange?: ((e: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    }>;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "change", e: any) => void) & ((event: "update:modelValue", n: any) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        onChange?: ((e: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        change: (e: any) => any;
+        "update:modelValue": (n: any) => any;
+    }, string, {
         options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
         customerActive: boolean;
-    }> & Omit<{
-        readonly options: any[];
-        readonly label: string;
-        readonly defaultProps: import("./src/type.js").ValLabel<string>;
-        readonly modelValue: any;
-        readonly customerActive: boolean;
-        readonly labelLength?: number | string;
-        readonly labelPosition?: "left" | "right" | "top";
-        onChange?: ((e: any) => any) | undefined;
-        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        options: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        defaultProps: {
-            type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-            default: () => {
-                value: string;
-                label: string;
-            };
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: string;
-        };
-        labelLength: {
-            type: import("vue").PropType<string | number>;
-        };
-        labelPosition: {
-            type: import("vue").PropType<"left" | "top" | "right">;
-        };
-        customerActive: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    options: any[];
+    label: string;
+    defaultProps: import("./src/type.js").ValLabel<string>;
+    modelValue: any;
+    customerActive: boolean;
+}> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+    onChange?: ((e: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+}>, "options" | "label" | "defaultProps" | "modelValue" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly label?: string | undefined;
+        readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
+        readonly options?: any[] | undefined;
+        readonly modelValue?: any;
+        readonly customerActive?: boolean | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
+        readonly onChange?: ((e: any) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
         onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }, "options" | "label" | "defaultProps" | "modelValue" | "customerActive">;
+    }>;
     $attrs: {
         [x: string]: unknown;
     };
@@ -63,51 +103,22 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     }>;
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: ((event: "change", e: any) => void) & ((event: "update:modelValue", n: any) => void);
     $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        options: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        defaultProps: {
-            type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-            default: () => {
-                value: string;
-                label: string;
-            };
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: string;
-        };
-        labelLength: {
-            type: import("vue").PropType<string | number>;
-        };
-        labelPosition: {
-            type: import("vue").PropType<"left" | "top" | "right">;
-        };
-        customerActive: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
         onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (e: any) => void;
-        "update:modelValue": (n: any) => void;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        change: (e: any) => any;
+        "update:modelValue": (n: any) => any;
     }, string, {
         options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
         customerActive: boolean;
-    }, {}, string, {}> & {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -126,162 +137,48 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     };
     $forceUpdate: () => void;
     $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Omit<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<any[]>;
-        default: () => never[];
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    defaultProps: {
-        type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-        default: () => {
-            value: string;
-            label: string;
-        };
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    labelLength: {
-        type: import("vue").PropType<string | number>;
-    };
-    labelPosition: {
-        type: import("vue").PropType<"left" | "top" | "right">;
-    };
-    customerActive: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    options: any[];
+    label: string;
+    defaultProps: import("./src/type.js").ValLabel<string>;
+    modelValue: any;
+    customerActive: boolean;
+}> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
     onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}>, "options" | "label" | "defaultProps" | "modelValue" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
     };
 }) | null>;
 declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        options: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        defaultProps: {
-            type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-            default: () => {
-                value: string;
-                label: string;
-            };
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: string;
-        };
-        labelLength: {
-            type: import("vue").PropType<string | number>;
-        };
-        labelPosition: {
-            type: import("vue").PropType<"left" | "top" | "right">;
-        };
-        customerActive: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
         onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (e: any) => void;
-        "update:modelValue": (n: any) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        options: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        defaultProps: {
-            type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-            default: () => {
-                value: string;
-                label: string;
-            };
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: string;
-        };
-        labelLength: {
-            type: import("vue").PropType<string | number>;
-        };
-        labelPosition: {
-            type: import("vue").PropType<"left" | "top" | "right">;
-        };
-        customerActive: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        change: (e: any) => any;
+        "update:modelValue": (n: any) => any;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
         onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }, {
+    }>, {
         options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
         customerActive: boolean;
-    }, true, {}, {}, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        options: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        defaultProps: {
-            type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-            default: () => {
-                value: string;
-                label: string;
-            };
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: string;
-        };
-        labelLength: {
-            type: import("vue").PropType<string | number>;
-        };
-        labelPosition: {
-            type: import("vue").PropType<"left" | "top" | "right">;
-        };
-        customerActive: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    }, Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
         onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }>, {}, {}, {}, {}, {
         options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
@@ -291,49 +188,19 @@ declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<any[]>;
-        default: () => never[];
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    defaultProps: {
-        type: import("vue").PropType<import("./src/type.js").ValLabel<string>>;
-        default: () => {
-            value: string;
-            label: string;
-        };
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    labelLength: {
-        type: import("vue").PropType<string | number>;
-    };
-    labelPosition: {
-        type: import("vue").PropType<"left" | "top" | "right">;
-    };
-    customerActive: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
     onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (e: any) => void;
-    "update:modelValue": (n: any) => void;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (e: any) => any;
+    "update:modelValue": (n: any) => any;
 }, string, {
     options: any[];
     label: string;
     defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
     customerActive: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };