@whitesev/pops 3.0.1 → 3.1.0

package/dist/types/src/Pops.d.ts

@@ -158,26 +158,26 @@ declare class Pops {
             onInput($el: HTMLInputElement | HTMLTextAreaElement, callback: (evt: InputEvent) => void | Promise<void>, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): {
                 off: () => void;
             };
-            on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
-            on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback: (this: HTMLElement, event: T) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
-            on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
-            on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: T, selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
+            on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult;
+            on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback: (this: HTMLElement, event: T) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult;
+            on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult;
+            on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: T, selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult;
             off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback?: ((this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
             off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback?: ((this: HTMLElement, event: T) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
             off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector?: string | string[] | undefined | null, callback?: ((this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], selectorTarget: HTMLElement) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
             off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector?: string | string[] | undefined | null, callback?: ((this: HTMLElement, event: T, selectorTarget: HTMLElement) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
             offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: string): void;
             offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[]): void;
-            ready<T extends (...args: any[]) => any>(callback: T): void;
-            trigger(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: string | string[], details?: object, useDispatchToTriggerEvent?: boolean): void;
-            trigger(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[], details?: object, useDispatchToTriggerEvent?: boolean): void;
-            click(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["click"]) => void, details?: any, useDispatchToTriggerEvent?: boolean): void;
-            blur(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["blur"]) => void, details?: object, useDispatchToTriggerEvent?: boolean): void;
-            focus(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["focus"]) => void, details?: object, useDispatchToTriggerEvent?: boolean): void;
-            hover(element: HTMLElement | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["hover"]) => void, option?: boolean | AddEventListenerOptions): void;
-            keyup(target: HTMLElement | string | Window | typeof globalThis, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keyup"]) => void, option?: boolean | AddEventListenerOptions): void;
-            keydown(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keydown"]) => void, option?: boolean | AddEventListenerOptions): void;
-            keypress(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keypress"]) => void, option?: boolean | AddEventListenerOptions): void;
+            onReady<T extends (...args: any[]) => any>(callback: T): void;
+            emit(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: string | string[], details?: object, useDispatchToEmitEvent?: boolean): void;
+            emit(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[], details?: object, useDispatchToEmitEvent?: boolean): void;
+            click(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["click"]) => void, details?: any, useDispatchToEmitEvent?: boolean): void;
+            blur(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["blur"]) => void, details?: object, useDispatchToEmitEvent?: boolean): void;
+            focus(element: HTMLElement | string | Window, handler?: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["focus"]) => void, details?: object, useDispatchToEmitEvent?: boolean): void;
+            onHover(element: HTMLElement | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["hover"]) => void, option?: boolean | AddEventListenerOptions): void;
+            onKeyup(target: HTMLElement | string | Window | typeof globalThis, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keyup"]) => void, option?: boolean | AddEventListenerOptions): void;
+            onKeydown(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keydown"]) => void, option?: boolean | AddEventListenerOptions): void;
+            onKeypress(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keypress"]) => void, option?: boolean | AddEventListenerOptions): void;
             preventEvent(event: Event): boolean;
             preventEvent(element: HTMLElement, eventNameList?: string | string[], capture?: boolean): boolean;
             selector<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | undefined;
@@ -207,7 +207,7 @@ declare class Pops {
             drag($move: HTMLElement, options: {
                 dragElement: HTMLElement;
                 limit: boolean;
-                triggerClick?: boolean;
+                emitClick?: boolean;
                 extraDistance: number;
                 container?: Window | typeof globalThis | HTMLElement;
                 moveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
@@ -289,7 +289,7 @@ declare class Pops {
                     notDisable(): void;
                 };
             };
-            createSectionContainerItem_slider_new(viewConfig: import("./components/panel/types/components-slider").PopsPanelSliderConfig): {
+            createSectionContainerItem_slider(viewConfig: import("./components/panel/types/components-slider").PopsPanelSliderConfig): {
                 $el: HTMLLIElement;
                 handler: {
                     [Symbol.toStringTag]: string;
@@ -393,7 +393,7 @@ declare class Pops {
                     showCircleIconWrapper(): void;
                     onIconClick(): void;
                     onValueChange(): void;
-                    triggerValueChange(): void;
+                    emitValueChange(): void;
                     addValidErrorMsg(msg?: string): void;
                     removeValidErrorMsg(): void;
                 };
@@ -423,7 +423,41 @@ declare class Pops {
                 handler: {
                     [Symbol.toStringTag]: string;
                     $el: {
-                        itemLeftTextContainer: HTMLElement | null;
+                        itemLeftTextContainer: HTMLElement;
+                        $container: HTMLElement;
+                        $select: HTMLSelectElement;
+                    };
+                    $eleKey: {
+                        disable: string;
+                        value: string;
+                        viewConfig: string;
+                    };
+                    $data: {
+                        data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>[];
+                        defaultValue: any;
+                    };
+                    init(): void;
+                    setNodeValue($ele: HTMLElement, key: string, value: any): void;
+                    getNodeValue($ele: HTMLElement, key: string): any;
+                    disable(): void;
+                    notDisable(): void;
+                    isDisabled(): boolean;
+                    initOption(): void;
+                    setOptionSelected($option: HTMLOptionElement): void;
+                    setSelectOptionsDisableStatus(): void;
+                    setOptionDisableStatus($option: HTMLOptionElement): void;
+                    getSelectOptionInfo($option: HTMLOptionElement): {
+                        value: any;
+                        text: string;
+                        views: NonNullable<IFunction<(import("./components/panel/types").PopsPanelViewConfig | import("./components/panel/types/components-container").PopsPanelContainerConfig)[]> | undefined>;
+                        $option: HTMLOptionElement;
+                    };
+                    onValueChange(): void;
+                    onClick(): void;
+                } | {
+                    [Symbol.toStringTag]: string;
+                    $el: {
+                        $itemLeftContainer: HTMLElement;
                         $container: HTMLElement;
                         $wrapper: HTMLElement;
                         $section: HTMLElement;
@@ -455,8 +489,8 @@ declare class Pops {
                     setItemSelected($el: HTMLElement): void;
                     removeItemSelected($el: HTMLElement): void;
                     isItemSelected($el: HTMLElement): boolean;
-                    addSelectedItemInfo(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void;
                     getItemDataOption($el: HTMLElement): import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>;
+                    addSelectedItemInfo(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void;
                     removeSelectedItemInfo(): void;
                     updateSelectedInfo(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void;
                     resetCurrentSelectedInfo(): void;
@@ -477,45 +511,51 @@ declare class Pops {
                 } | {
                     [Symbol.toStringTag]: string;
                     $el: {
-                        itemLeftTextContainer: HTMLElement | null;
-                        panelSelect: HTMLDivElement;
-                        select: HTMLSelectElement;
-                    };
-                    $eleKey: {
-                        disable: string;
-                        value: string;
-                        viewConfig: string;
+                        $itemLeftContainer: HTMLElement;
+                        $container: HTMLElement;
+                        $wrapper: HTMLElement;
                     };
                     $data: {
                         data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>[];
                         defaultValue: any;
+                        selectedData: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined;
+                        rotateKey: string;
                     };
                     init(): void;
-                    setNodeValue($ele: HTMLElement, key: string, value: any): void;
-                    getNodeValue($ele: HTMLElement, key: string): any;
+                    initDefault(): void;
+                    initEl(): void;
                     disable(): void;
-                    notDisable(): void;
+                    cancleDisable(): void;
                     isDisabled(): boolean;
-                    initOption(): void;
-                    setOptionSelected($option: HTMLOptionElement): void;
-                    setSelectOptionsDisableStatus(): void;
-                    setOptionDisableStatus($option: HTMLOptionElement): void;
-                    getSelectOptionInfo($option: HTMLOptionElement): {
-                        value: any;
-                        text: string;
-                        views: NonNullable<IFunction<(import("./components/panel/types").PopsPanelViewConfig | import("./components/panel/types/components-container").PopsPanelContainerConfig)[]> | undefined>;
-                        $option: HTMLOptionElement;
-                    };
-                    onValueChange(): void;
-                    onClick(): void;
-                };
+                    createSelectItemElement(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): HTMLDivElement;
+                    setSelectItemText(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, $select: HTMLElement): void;
+                    onSelectItemClick(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined, $el: HTMLElement): void;
+                    onValueChangeCallback(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, isUpdateSelectItem?: boolean): void;
+                    updateAllSelectItemStatus(): void;
+                    resetAllSelectedItemStatus(): void;
+                    addSelectedItemInfo(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void;
+                    removeSelectedItemInfo(): void;
+                    updateSelectedInfo(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void;
+                    resetCurrentSelectedInfo(): void;
+                    setSelectItemDisabled($select: HTMLElement): void;
+                    removeSelectItemDisabled($select: HTMLElement): void;
+                    isSelectItemDisabled($select: HTMLElement): string | true | null;
+                    setItemSelected($select: HTMLElement): void;
+                    removeItemSelected($select: HTMLElement): void;
+                    isItemSelected($select: HTMLElement): boolean;
+                    getAllSelectItems(onlySelected?: boolean): {
+                        data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>;
+                        $select: HTMLElement;
+                    }[];
+                    getItemDataOption($el: HTMLElement): import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>;
+                } | undefined;
             };
             createSectionContainerItem_select_multiple(viewConfig: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleConfig<any>): {
                 $el: HTMLLIElement;
                 handler: {
                     [Symbol.toStringTag]: string;
                     $el: {
-                        itemLeftTextContainer: HTMLElement | null;
+                        $itemLeftContainer: HTMLElement | null;
                         $container: HTMLElement;
                         $wrapper: HTMLElement;
                         $section: HTMLElement;
@@ -569,7 +609,7 @@ declare class Pops {
                     }): void;
                     checkTagEmpty(): void;
                     removeSelectedTagItem($tag: HTMLElement): void;
-                    removeSelectedInfo(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>, triggerValueChangeCallBack?: boolean): void;
+                    removeSelectedInfo(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>, emitValueChangeCallBack?: boolean): void;
                     showInputWrapper(): void;
                     hideInputWrapper(): void;
                     showPlaceHolderWrapper(): void;
@@ -628,7 +668,7 @@ declare class Pops {
                 $el: HTMLLIElement;
             } | undefined;
             createSectionContainerItem_forms(viewConfig: import("./components/panel/types").PopsPanelContentConfig | import("./components/panel/types/components-container").PopsPanelContainerConfig): void;
-            triggerRenderRightContainer($container: HTMLElement): void;
+            emitRenderRightContainer($container: HTMLElement): void;
             uListContainerAddItem(viewConfig: import("./components/panel/types").PopsPanelViewConfig, containerOptions: Omit<import("./components/panel/types/components-common").PopsPanelRightAsideContainerConfig, "target">): void;
             onAsideItemClick($asideItem: HTMLElement, asideConfig: import("./components/panel/types").PopsPanelContentConfig): void;
         };
@@ -717,8 +757,8 @@ declare class Pops {
             isFixed: boolean;
             alwaysShow: boolean;
             delayCloseTime: number;
-            triggerShowEventName: string;
-            triggerCloseEventName: string;
+            onShowEventName: string;
+            onCloseEventName: string;
             eventOption: {
                 once: boolean;
                 passive: boolean;
@@ -758,6 +798,7 @@ declare class Pops {
     panel: (config: PopsPanelConfig) => {
         addEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
         removeEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        mode: import("./types/main").PopsType;
         close: () => Promise<void>;
         hide: () => Promise<void>;
         show: () => Promise<void>;
@@ -768,7 +809,6 @@ declare class Pops {
         $anim: HTMLDivElement;
         $pops: HTMLDivElement;
         $mask?: HTMLDivElement | undefined;
-        mode: import("./types/main").PopsType;
     };
     /**
      * 右键菜单

package/dist/types/src/components/panel/handlerComponents.d.ts

@@ -170,7 +170,7 @@ export declare const PanelHandlerComponents: () => {
      * 获取中间容器的元素<li>
      * @param viewConfig
      */
-    createSectionContainerItem_slider_new(viewConfig: PopsPanelSliderConfig): {
+    createSectionContainerItem_slider(viewConfig: PopsPanelSliderConfig): {
         $el: HTMLLIElement;
         handler: {
             [Symbol.toStringTag]: string;
@@ -471,7 +471,7 @@ export declare const PanelHandlerComponents: () => {
             /**
              * 主动触发输入框改变事件
              */
-            triggerValueChange(): void;
+            emitValueChange(): void;
             /**
              * 添加校验失败的提示信息
              * @param msg 提示信息
@@ -521,7 +521,86 @@ export declare const PanelHandlerComponents: () => {
         handler: {
             [Symbol.toStringTag]: string;
             $el: {
-                itemLeftTextContainer: HTMLElement | null;
+                itemLeftTextContainer: HTMLElement;
+                $container: HTMLElement;
+                $select: HTMLSelectElement;
+            };
+            $eleKey: {
+                disable: string;
+                value: string;
+                viewConfig: string;
+            };
+            $data: {
+                data: PopsPanelSelectDataOption<any>[];
+                defaultValue: any;
+            };
+            init(): void;
+            /**
+             * 给option元素设置属性
+             * @param $ele
+             * @param key
+             * @param value
+             */
+            setNodeValue($ele: HTMLElement, key: string, value: any): void;
+            /**
+             * 获取option元素上设置的属性
+             * @param $ele
+             * @param value
+             * @param key
+             */
+            getNodeValue($ele: HTMLElement, key: string): any;
+            /**
+             * 禁用选项
+             */
+            disable(): void;
+            /**
+             * 取消禁用
+             */
+            notDisable(): void;
+            /**
+             * 判断是否禁用
+             */
+            isDisabled(): boolean;
+            /**
+             * 初始化选项
+             */
+            initOption(): void;
+            /**
+             * 设置选项选中
+             * @param $option
+             */
+            setOptionSelected($option: HTMLOptionElement): void;
+            /**
+             * 检测所有option并设置禁用状态
+             */
+            setSelectOptionsDisableStatus(): void;
+            /**
+             * 设置禁用状态
+             * @param $option
+             */
+            setOptionDisableStatus($option: HTMLOptionElement): void;
+            /**
+             * 获取option上的信息
+             * @param $option
+             */
+            getSelectOptionInfo($option: HTMLOptionElement): {
+                value: any;
+                text: string;
+                views: NonNullable<IFunction<(PopsPanelViewConfig | PopsPanelContainerConfig)[]> | undefined>;
+                $option: HTMLOptionElement;
+            };
+            /**
+             * 监听选择内容改变
+             */
+            onValueChange(): void;
+            /**
+             * 监听点击事件
+             */
+            onClick(): void;
+        } | {
+            [Symbol.toStringTag]: string;
+            $el: {
+                $itemLeftContainer: HTMLElement;
                 /** 选择框容器 */
                 $container: HTMLElement;
                 /** 选择框包裹的容器 */
@@ -630,17 +709,16 @@ export declare const PanelHandlerComponents: () => {
              * @param $el
              */
             isItemSelected($el: HTMLElement): boolean;
-            /**
-             * 添加选中信息
-             * @param data 选择项的数据
-             * @param [triggerValueChangeCallBack=true] 主动触发值改变回调
-             */
-            addSelectedItemInfo(data: PopsPanelSelectDataOption<any>): void;
             /**
              * 获取项上存储的信息
              * @param $el 选项元素
              */
             getItemDataOption($el: HTMLElement): PopsPanelSelectDataOption<any>;
+            /**
+             * 添加选中信息
+             * @param data 选择项的数据
+             */
+            addSelectedItemInfo(data: PopsPanelSelectDataOption<any>): void;
             /**
              * 移除选中信息
              * @param data 选择项的数据
@@ -710,83 +788,150 @@ export declare const PanelHandlerComponents: () => {
         } | {
             [Symbol.toStringTag]: string;
             $el: {
-                itemLeftTextContainer: HTMLElement | null;
-                panelSelect: HTMLDivElement;
-                select: HTMLSelectElement;
-            };
-            $eleKey: {
-                disable: string;
-                value: string;
-                viewConfig: string;
+                $itemLeftContainer: HTMLElement;
+                /** 选择框容器 */
+                $container: HTMLElement;
+                /** 选择框包裹的容器 */
+                $wrapper: HTMLElement;
             };
             $data: {
+                /**
+                 * 数据
+                 */
                 data: PopsPanelSelectDataOption<any>[];
+                /**
+                 * 默认值
+                 */
                 defaultValue: any;
+                /**
+                 * 选择的信息
+                 */
+                selectedData: PopsPanelSelectDataOption<any> | undefined;
+                /**
+                 * 箭头旋转的属性
+                 */
+                rotateKey: string;
             };
+            /** 初始化 */
             init(): void;
+            /** 初始化默认值 */
+            initDefault(): void;
+            /** 初始化$ele变量 */
+            initEl(): void;
             /**
-             * 给option元素设置属性
-             * @param $ele
-             * @param key
-             * @param value
+             * 禁用选项容器
              */
-            setNodeValue($ele: HTMLElement, key: string, value: any): void;
+            disable(): void;
             /**
-             * 获取option元素上设置的属性
-             * @param $ele
-             * @param value
-             * @param key
+             * 取消禁用选项容器
              */
-            getNodeValue($ele: HTMLElement, key: string): any;
+            cancleDisable(): void;
             /**
-             * 禁用选项
+             * 判断当前是否已禁用选项容器
              */
-            disable(): void;
+            isDisabled(): boolean;
             /**
-             * 取消禁用
+             * 创建选择项
+             * @param data 数据
              */
-            notDisable(): void;
+            createSelectItemElement(data: PopsPanelSelectDataOption<any>): HTMLDivElement;
             /**
-             * 判断是否禁用
+             * 设置选择项的文字
+             * @param data 选择项的数据
+             * @param $select 选择项元素
              */
-            isDisabled(): boolean;
+            setSelectItemText(data: PopsPanelSelectDataOption<any>, $select: HTMLElement): void;
             /**
-             * 初始化选项
+             * 设置选择项点击事件
              */
-            initOption(): void;
+            onSelectItemClick(data: PopsPanelSelectDataOption<any> | undefined, $el: HTMLElement): void;
             /**
-             * 设置选项选中
-             * @param $option
+             * 选中的值改变的回调
+             * @param data 当前的选中信息
              */
-            setOptionSelected($option: HTMLOptionElement): void;
+            onValueChangeCallback(data?: PopsPanelSelectDataOption<any>, isUpdateSelectItem?: boolean): void;
             /**
-             * 检测所有option并设置禁用状态
+             * 更新选项弹窗内的所有选项元素的状态
+             *
+             * + 更新禁用状态
+             * + 更新选中状态
              */
-            setSelectOptionsDisableStatus(): void;
+            updateAllSelectItemStatus(): void;
             /**
-             * 设置禁用状态
-             * @param $option
+             * 重置所有已选中的项以下状态
+             *
+             * + 更新选项显示的文字
+             * + 移除禁用状态
+             * + 移除选中状态
              */
-            setOptionDisableStatus($option: HTMLOptionElement): void;
+            resetAllSelectedItemStatus(): void;
             /**
-             * 获取option上的信息
-             * @param $option
+             * 添加选中信息
+             * @param data 选择项的数据
              */
-            getSelectOptionInfo($option: HTMLOptionElement): {
-                value: any;
-                text: string;
-                views: NonNullable<IFunction<(PopsPanelViewConfig | PopsPanelContainerConfig)[]> | undefined>;
-                $option: HTMLOptionElement;
-            };
+            addSelectedItemInfo(data: PopsPanelSelectDataOption<any>): void;
             /**
-             * 监听选择内容改变
+             * 移除选中信息
+             * @param data 选择项的数据
              */
-            onValueChange(): void;
+            removeSelectedItemInfo(): void;
             /**
-             * 监听点击事件
+             * 更新选中信息
+             * @param data 数据
              */
-            onClick(): void;
-        };
+            updateSelectedInfo(data?: PopsPanelSelectDataOption<any>): void;
+            /**
+             * 从保存的已选中的信息列表中移除目标信息
+             */
+            resetCurrentSelectedInfo(): void;
+            /**
+             * 设置选择项禁用
+             * @param $select 选择项元素
+             */
+            setSelectItemDisabled($select: HTMLElement): void;
+            /**
+             * 移除选择项的禁用状态
+             * @param $select 选择项元素
+             */
+            removeSelectItemDisabled($select: HTMLElement): void;
+            /**
+             * 判断选择项是否禁用
+             * @param $select 选择项元素
+             */
+            isSelectItemDisabled($select: HTMLElement): string | true | null;
+            /**
+             * 设置选择项选中
+             * @param $select 选择项元素（.select-item）
+             */
+            setItemSelected($select: HTMLElement): void;
+            /**
+             * 移除选择项选中
+             * @param $select 选择项元素（.select-item）
+             */
+            removeItemSelected($select: HTMLElement): void;
+            /**
+             * 判断选择项是否选中
+             * @param $select 选择项元素（.select-item）
+             */
+            isItemSelected($select: HTMLElement): boolean;
+            /**
+             * 获取所有选项的信息
+             * @param [onlySelected=true] 是否仅获取选中的项的信息
+             * + true （默认）仅获取选中项的信息
+             * + false 获取所有选择项的信息
+             */
+            getAllSelectItems(onlySelected?: boolean): {
+                /** 选项信息数据 */
+                data: PopsPanelSelectDataOption<any>;
+                /** 选项元素 */
+                $select: HTMLElement;
+            }[];
+            /**
+             * 获取项上存储的信息
+             * @param $el 选项元素
+             */
+            getItemDataOption($el: HTMLElement): PopsPanelSelectDataOption<any>;
+        } | undefined;
     };
     /**
      * type ==> select-multiple
@@ -799,7 +944,7 @@ export declare const PanelHandlerComponents: () => {
             [Symbol.toStringTag]: string;
             $el: {
                 /** 左侧文本容器 */
-                itemLeftTextContainer: HTMLElement | null;
+                $itemLeftContainer: HTMLElement | null;
                 /** 选择框容器 */
                 $container: HTMLElement;
                 /** 选择框包裹的容器 */
@@ -982,11 +1127,11 @@ export declare const PanelHandlerComponents: () => {
             /**
              * 从保存的已选中的信息列表中移除目标信息
              * @param data 需要移除的信息
-             * @param [triggerValueChangeCallBack=true] 是否触发值改变的回调
+             * @param [emitValueChangeCallBack=true] 是否触发值改变的回调
              * + true （默认）触发值改变的回调
              * + false 不触发值改变的回调
              */
-            removeSelectedInfo(data: PopsPanelSelectMultipleDataOption<any>, triggerValueChangeCallBack?: boolean): void;
+            removeSelectedInfo(data: PopsPanelSelectMultipleDataOption<any>, emitValueChangeCallBack?: boolean): void;
             /** 显示输入框 */
             showInputWrapper(): void;
             /** 隐藏输入框 */
@@ -1132,7 +1277,7 @@ export declare const PanelHandlerComponents: () => {
      * 主动触发触发渲染右侧容器的事件
      * @param $container 容器
      */
-    triggerRenderRightContainer($container: HTMLElement): void;
+    emitRenderRightContainer($container: HTMLElement): void;
     /**
      *
      * @param viewConfig

package/dist/types/src/components/panel/index.d.ts

@@ -4,6 +4,7 @@ export declare const PopsPanel: {
     init(__config__: PopsPanelConfig): {
         addEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
         removeEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        mode: PopsType;
         close: () => Promise<void>;
         hide: () => Promise<void>;
         show: () => Promise<void>;
@@ -14,6 +15,5 @@ export declare const PopsPanel: {
         $anim: HTMLDivElement;
         $pops: HTMLDivElement;
         $mask?: HTMLDivElement | undefined;
-        mode: PopsType;
     };
 };