@whitesev/pops 1.6.4 → 1.6.5

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

@@ -1,149 +1,165 @@
-import type { PopsPanelButtonDetails } from "./buttonType";
-import type { PopsPanelRightAsideContainerOptions } from "./commonType";
-import type { PopsPanelDeepMenuDetails } from "./deepMenuType";
-import type { PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./indexType";
-import type { PopsPanelInputDetails } from "./inputType";
-import type { PopsPanelOwnDetails } from "./ownType";
-import type { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
-import type { PopsPanelSelectDetails } from "./selectType";
-import type { PopsPanelSliderDetails } from "./sliderType";
-import type { PopsPanelSwitchDetails } from "./switchType";
-import type { PopsPanelTextAreaDetails } from "./textareaType";
-export declare const PanelHandleContentDetails: () => {
-    /**
-     * 左侧的ul容器
-     */
-    asideULElement: HTMLUListElement;
-    /**
-     * 右侧主内容的顶部文字ul容器
-     */
-    sectionContainerHeaderULElement: HTMLUListElement;
-    /**
-     * 右侧主内容的ul容器
-     */
-    sectionContainerULElement: HTMLUListElement;
-    $el: {
-        $content: HTMLDivElement;
-        $contentAside: HTMLDivElement;
-        $contentSectionContainer: HTMLDivElement;
-    };
-    init(details: {
-        config: Required<PopsPanelDetails>;
-        $el: {
-            $content: HTMLDivElement;
-            $contentAside: HTMLDivElement;
-            $contentSectionContainer: HTMLDivElement;
-        };
-    }): void;
-    /**
-     * 清空container容器的元素
-     */
-    clearContainer(): void;
-    /**
-     * 清空左侧容器已访问记录
-     */
-    clearAsideItemIsVisited(): void;
-    /**
-     * 设置左侧容器已访问记录
-     * @param element
-     */
-    setAsideItemIsVisited(element: HTMLElement): void;
-    /**
-     * 为元素添加自定义属性
-     * @param element
-     * @param attributes
-     */
-    addElementAttributes(element: HTMLElement, attributes?: any): void;
-    /**
-     * 为元素设置(自定义)属性
-     * @param element
-     * @param props
-     */
-    setElementProps(element: HTMLElement, props?: any): void;
-    /**
-     * 获取左侧容器元素<li>
-     * @param  asideConfig
-     */
-    getAsideItem(asideConfig: PopsPanelContentConfig): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> switch
-     * @param formConfig
-     */
-    getSectionContainerItem_switch(formConfig: PopsPanelSwitchDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> slider
-     * @param formConfig
-     */
-    getSectionContainerItem_slider(formConfig: PopsPanelSliderDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> slider
-     * @param formConfig
-     */
-    getSectionContainerItem_slider_new(formConfig: PopsPanelSliderDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> input
-     * @param formConfig
-     */
-    getSectionContainerItem_input(formConfig: PopsPanelInputDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> textarea
-     * @param formConfig
-     */
-    getSectionContainerItem_textarea(formConfig: PopsPanelTextAreaDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> select
-     * @param formConfig
-     */
-    getSectionContainerItem_select(formConfig: PopsPanelSelectDetails<any>): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> select-multiple
-     * @param formConfig
-     */
-    getSectionContainerItem_select_multiple_new(formConfig: PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ==> button
-     * @param formConfig
-     */
-    getSectionContainerItem_button(formConfig: PopsPanelButtonDetails): HTMLLIElement;
-    /**
-     * 获取深层容器的元素<li>
-     * @param formConfig
-     */
-    getSectionContainerItem_deepMenu(formConfig: PopsPanelDeepMenuDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * type ===> own
-     * @param formConfig
-     */
-    getSectionContainerItem_own(formConfig: PopsPanelOwnDetails): HTMLLIElement;
-    /**
-     * 获取中间容器的元素<li>
-     * @param formConfig
-     */
-    getSectionContainerItem(formConfig: PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
-    /**
-     * 生成配置每一项的元素
-     * @param formConfig
-     */
-    initFormItem(formConfig: PopsPanelContentConfig): void;
-    /**
-     *
-     * @param formConfig
-     * @param containerOptions
-     */
-    uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: PopsPanelRightAsideContainerOptions): void;
-    /**
-     * 为左侧容器元素添加点击事件
-     * @param asideLiElement 左侧的容器<li>元素
-     * @param asideConfig 配置
-     */
-    setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: PopsPanelContentConfig): void;
-};
+import type { PopsPanelButtonDetails } from "./buttonType";
+import type { PopsPanelRightAsideContainerOptions } from "./commonType";
+import type { PopsPanelDeepMenuDetails } from "./deepMenuType";
+import type { PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./indexType";
+import type { PopsPanelInputDetails } from "./inputType";
+import type { PopsPanelOwnDetails } from "./ownType";
+import type { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
+import type { PopsPanelSelectDetails } from "./selectType";
+import type { PopsPanelSliderDetails } from "./sliderType";
+import type { PopsPanelSwitchDetails } from "./switchType";
+import type { PopsPanelTextAreaDetails } from "./textareaType";
+export declare const PanelHandleContentDetails: () => {
+    /**
+     * 左侧的ul容器
+     */
+    asideULElement: HTMLUListElement;
+    /**
+     * 右侧主内容的顶部文字ul容器
+     */
+    sectionContainerHeaderULElement: HTMLUListElement;
+    /**
+     * 右侧主内容的ul容器
+     */
+    sectionContainerULElement: HTMLUListElement;
+    /**
+     * 元素
+     */
+    $el: {
+        /** 内容 */
+        $content: HTMLDivElement;
+        /** 左侧容器 */
+        $contentAside: HTMLDivElement;
+        /** 右侧容器 */
+        $contentSectionContainer: HTMLDivElement;
+    };
+    /**
+     * 初始化
+     * @param details
+     */
+    init(details: {
+        config: Required<PopsPanelDetails>;
+        $el: {
+            $content: HTMLDivElement;
+            $contentAside: HTMLDivElement;
+            $contentSectionContainer: HTMLDivElement;
+        };
+    }): void;
+    /**
+     * 清空container容器的元素
+     */
+    clearContainer(): void;
+    /**
+     * 清空左侧容器已访问记录
+     */
+    clearAsideItemIsVisited(): void;
+    /**
+     * 设置左侧容器已访问记录
+     * @param element
+     */
+    setAsideItemIsVisited(element: HTMLElement): void;
+    /**
+     * 为元素添加自定义属性
+     * @param element
+     * @param attributes
+     */
+    setElementAttributes(element: HTMLElement, attributes?: any): void;
+    /**
+     * 为元素设置(自定义)属性
+     * @param element
+     * @param props
+     */
+    setElementProps(element: HTMLElement, props?: any): void;
+    /**
+     * 为元素设置classname
+     * @param element
+     * @param className
+     */
+    setElementClassName(element: HTMLElement, className?: string | string[] | (() => string | string[])): void;
+    /**
+     * 创建左侧容器元素<li>
+     * @param  asideConfig
+     */
+    createAsideItem(asideConfig: PopsPanelContentConfig): HTMLLIElement;
+    /**
+     * 创建中间容器的元素<li>
+     * type ==> switch
+     * @param formConfig
+     */
+    createSectionContainerItem_switch(formConfig: PopsPanelSwitchDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> slider
+     * @param formConfig
+     */
+    createSectionContainerItem_slider(formConfig: PopsPanelSliderDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> slider
+     * @param formConfig
+     */
+    createSectionContainerItem_slider_new(formConfig: PopsPanelSliderDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> input
+     * @param formConfig
+     */
+    createSectionContainerItem_input(formConfig: PopsPanelInputDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> textarea
+     * @param formConfig
+     */
+    createSectionContainerItem_textarea(formConfig: PopsPanelTextAreaDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> select
+     * @param formConfig
+     */
+    createSectionContainerItem_select(formConfig: PopsPanelSelectDetails<any>): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> select-multiple
+     * @param formConfig
+     */
+    createSectionContainerItem_select_multiple_new(formConfig: PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ==> button
+     * @param formConfig
+     */
+    createSectionContainerItem_button(formConfig: PopsPanelButtonDetails): HTMLLIElement;
+    /**
+     * 获取深层容器的元素<li>
+     * @param formConfig
+     */
+    createSectionContainerItem_deepMenu(formConfig: PopsPanelDeepMenuDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * type ===> own
+     * @param formConfig
+     */
+    createSectionContainerItem_own(formConfig: PopsPanelOwnDetails): HTMLLIElement;
+    /**
+     * 获取中间容器的元素<li>
+     * @param formConfig
+     */
+    createSectionContainerItem(formConfig: PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
+    /**
+     * 生成配置每一项的元素
+     * @param formConfig
+     */
+    initFormItem(formConfig: PopsPanelContentConfig): void;
+    /**
+     *
+     * @param formConfig
+     * @param containerOptions
+     */
+    uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: PopsPanelRightAsideContainerOptions): void;
+    /**
+     * 为左侧容器元素添加点击事件
+     * @param asideLiElement 左侧的容器<li>元素
+     * @param asideConfig 配置
+     */
+    setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: PopsPanelContentConfig): void;
+};

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

@@ -1,87 +1,102 @@
-import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig } from "../../types/components";
-import type { PopsPanelFormsDetails } from "./formsType";
-import type { PopsPanelSwitchDetails } from "./switchType";
-import type { PopsPanelSliderDetails } from "./sliderType";
-import type { PopsPanelInputDetails } from "./inputType";
-import type { PopsPanelTextAreaDetails } from "./textareaType";
-import type { PopsPanelSelectDetails } from "./selectType";
-import type { PopsPanelButtonDetails } from "./buttonType";
-import type { PopsPanelDeepMenuDetails } from "./deepMenuType";
-import type { PopsPanelOwnDetails } from "./ownType";
-import type { PopsHeaderCloseButtonDetails } from "../../types/button";
-import { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
-/** panel的各种类型的配置项 */
-export type PopsPanelFormsTotalDetails = PopsPanelSwitchDetails | PopsPanelSliderDetails | PopsPanelInputDetails | PopsPanelTextAreaDetails | PopsPanelSelectDetails<any> | PopsPanelSelectMultipleDetails<any> | PopsPanelButtonDetails | PopsPanelDeepMenuDetails | PopsPanelOwnDetails;
-/**
- * pops.panel的content配置信息
- */
-export interface PopsPanelContentConfig {
-    /**
-     * 元素属性id
-     */
-    id: string;
-    /**
-     * 左侧的标题
-     */
-    title: string;
-    /**
-     * （可选）中间顶部的标题
-     */
-    headerTitle?: string;
-    /**
-     * （可选）内容高度是否自动适应（与headerTitle的高度有关）
-     */
-    autoAdaptionContentHeight?: string;
-    /**
-     * （可选）是否是默认的，指打开弹窗的先显示出来的内容
-     */
-    isDefault?: boolean | (() => boolean);
-    /**
-     * （可选）是否自动滚动到默认的项
-     */
-    scrollToDefaultView?: boolean;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: any;
-    /**
-     * （可选）自定义属性
-     */
-    props?: HTMLElement;
-    /**
-     * 子配置
-     */
-    forms: (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[];
-    /**
-     * 左侧容器的点击回调
-     */
-    callback?: (event: MouseEvent | PointerEvent, rightHeaderElement: HTMLUListElement, rightContainerElement: HTMLUListElement) => void;
-}
-/**
- * pops.panel
- */
-export interface PopsPanelDetails extends PopsTitleConfig, PopsDragConfig, PopsCommonConfig {
-    /**
-     * 内容配置
-     */
-    content: PopsPanelContentConfig[];
-    /**
-     * 按钮配置
-     */
-    btn?: {
-        /**
-         * 右上角的关闭按钮
-         */
-        close?: PopsHeaderCloseButtonDetails;
-    };
-    /**
-     * 移动端适配的的className，默认为pops-panel-is-mobile
-     */
-    mobileClassName?: string;
-    /**
-     * 是否强制是移动端，默认false
-     * + true 强制为移动端
-     * + false 自动根据UA判断是否是移动端
-     */
-    isMobile?: boolean;
-}
+import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig } from "../../types/components";
+import type { PopsPanelFormsDetails } from "./formsType";
+import type { PopsPanelSwitchDetails } from "./switchType";
+import type { PopsPanelSliderDetails } from "./sliderType";
+import type { PopsPanelInputDetails } from "./inputType";
+import type { PopsPanelTextAreaDetails } from "./textareaType";
+import type { PopsPanelSelectDetails } from "./selectType";
+import type { PopsPanelButtonDetails } from "./buttonType";
+import type { PopsPanelDeepMenuDetails } from "./deepMenuType";
+import type { PopsPanelOwnDetails } from "./ownType";
+import type { PopsHeaderCloseButtonDetails } from "../../types/button";
+import { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
+/** panel的各种类型的配置项 */
+export type PopsPanelFormsTotalDetails = PopsPanelSwitchDetails | PopsPanelSliderDetails | PopsPanelInputDetails | PopsPanelTextAreaDetails | PopsPanelSelectDetails<any> | PopsPanelSelectMultipleDetails<any> | PopsPanelButtonDetails | PopsPanelDeepMenuDetails | PopsPanelOwnDetails;
+/**
+ * pops.panel的content配置信息
+ */
+export interface PopsPanelContentConfig {
+    /**
+     * 元素属性id
+     */
+    id: string;
+    /**
+     * 元素的className
+     */
+    className?: string | string[];
+    /**
+     * 左侧的标题，可以是html格式
+     */
+    title: string;
+    /**
+     * （可选）中间顶部的标题
+     */
+    headerTitle?: string;
+    /**
+     * （可选）内容高度是否自动适应（与headerTitle的高度有关）
+     */
+    autoAdaptionContentHeight?: string;
+    /**
+     * （可选）是否是默认的，指打开弹窗的先显示出来的内容
+     */
+    isDefault?: boolean | (() => boolean);
+    /**
+     * （可选）是否自动滚动到默认的项
+     */
+    scrollToDefaultView?: boolean;
+    /**
+     * （可选）自定义元素属性
+     */
+    attributes?: any;
+    /**
+     * （可选）自定义属性
+     */
+    props?: HTMLElement;
+    /**
+     * 子配置
+     */
+    forms: (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[];
+    /**
+     * 左侧容器的点击回调
+     */
+    callback?: (event: MouseEvent | PointerEvent, rightHeaderElement: HTMLUListElement, rightContainerElement: HTMLUListElement) => void;
+    /**
+     * 左侧容器添加到panel后的回调
+     * @param rightHeaderElement
+     * @param rightContainerElement
+     */
+    afterRender?: (data: {
+        /** 容器配置 */
+        asideConfig: PopsPanelContentConfig;
+        /** 左侧容器的元素 */
+        $asideLiElement: HTMLLIElement;
+    }) => void;
+}
+/**
+ * pops.panel
+ */
+export interface PopsPanelDetails extends PopsTitleConfig, PopsDragConfig, PopsCommonConfig {
+    /**
+     * 内容配置
+     */
+    content: PopsPanelContentConfig[];
+    /**
+     * 按钮配置
+     */
+    btn?: {
+        /**
+         * 右上角的关闭按钮
+         */
+        close?: PopsHeaderCloseButtonDetails;
+    };
+    /**
+     * 移动端适配的的className，默认为pops-panel-is-mobile
+     */
+    mobileClassName?: string;
+    /**
+     * 是否强制是移动端，默认false
+     * + true 强制为移动端
+     * + false 自动根据UA判断是否是移动端
+     */
+    isMobile?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",