@whitesev/pops 2.6.0 → 3.0.0

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

@@ -1,38 +1,18 @@
-import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig } from "../../../types/components";
+import type { PopsTitleConfig, PopsDragConfig, PopsGeneralConfig } from "../../../types/components";
 import type { PopsEventConfig } from "../../../types/event";
 /**
- * pops.iframe的按钮的点击回调参数event
+ * pops.iframe的按钮点击事件回调的配置参数
  */
-export interface PopsBtnIframeCallBackEvent {
-    /**
-     * 动画元素（包裹着弹窗元素）
-     */
-    animElement: HTMLElement;
-    /**
-     * 弹窗元素
-     */
-    popsElement: HTMLElement;
-    /**
-     * 遮罩层元素，如果未设置，那么不存在
-     */
-    maskElement?: HTMLElement;
+export type PopsIframeClickEventConfig = PopsEventConfig & {
     /**
      * iframe元素
      */
-    iframePopsElement: HTMLIFrameElement;
-    /**
-     * 使用的方法名
-     */
-    function: "iframe";
-    /**
-     * 唯一id
-     */
-    guid: string;
-}
+    $iframe: HTMLIFrameElement;
+};
 /**
  * pops.iframe
  */
-export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, PopsCommonConfig {
+export interface PopsIframeConfig extends PopsTitleConfig, PopsDragConfig, PopsGeneralConfig {
     /**
      * 加载配置
      */
@@ -61,9 +41,7 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
             /**
              * 点击的回调函数
              */
-            callback: (eventConfig: PopsEventConfig & {
-                iframeElement: HTMLIFrameElement;
-            }, event: MouseEvent | PointerEvent) => void;
+            callback: (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
         };
         /**
          * 最大化
@@ -72,9 +50,7 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
             /**
              * 点击的回调函数
              */
-            callback: (eventConfig: PopsEventConfig & {
-                iframeElement: HTMLIFrameElement;
-            }, event: MouseEvent | PointerEvent) => void;
+            callback: (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
         };
         /**
          * 窗口化
@@ -83,9 +59,7 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
             /**
              * 点击的回调函数
              */
-            callback: (eventConfig: PopsEventConfig & {
-                iframeElement: HTMLIFrameElement;
-            }, event: MouseEvent | PointerEvent) => void;
+            callback: (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
         };
         /**
          * 关闭
@@ -94,9 +68,7 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
             /**
              * 点击的回调函数
              */
-            callback: (eventConfig: PopsEventConfig & {
-                iframeElement: HTMLIFrameElement;
-            }, event: MouseEvent | PointerEvent) => void;
+            callback: (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
         };
     };
     /**
@@ -106,8 +78,9 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
     url?: string;
     /**
      * 右上角按钮顺序：最小化、最大化、窗口化、关闭
+     * @default "min|max|mise|close"
      */
-    topRightButton: "min|max|mise|close";
+    topRightButton: string;
     /**
      * 是否启用沙箱，默认false
      * @default false
@@ -116,7 +89,5 @@ export interface PopsIframeDetails extends PopsTitleConfig, PopsDragConfig, Pops
     /**
      * 加载完毕的回调
      */
-    loadEndCallBack?: (details: PopsEventConfig & {
-        iframeElement: HTMLIFrameElement;
-    }) => void;
+    loadEndCallBack?: (eventConfig: PopsIframeClickEventConfig) => void;
 }

package/dist/types/src/components/loading/defaultConfig.d.ts

@@ -0,0 +1,2 @@
+import type { PopsLoadingConfig } from "./types";
+export declare const PopsLoadingDefaultConfig: () => DeepRequired<PopsLoadingConfig>;

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

@@ -1,4 +1,4 @@
-import type { PopsLoadingDetails } from "./types";
+import type { PopsLoadingConfig } from "./types";
 export declare const PopsLoading: {
-    init(details: PopsLoadingDetails): Omit<Omit<import("../../types/event").PopsEventConfig, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
+    init(__config__: PopsLoadingConfig): Omit<Omit<import("../../types/event").PopsEventConfig, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
 };

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

@@ -1,13 +1,13 @@
-import type { PopsCommonConfig, PopsContentConfig } from "../../../types/components";
+import type { PopsGeneralConfig, PopsContentConfig } from "../../../types/components";
 /**
  * pops.loading
  */
-export interface PopsLoadingDetails extends Omit<PopsCommonConfig, "width" | "height" | "position" | "beforeAppendToPageCallBack"> {
+export interface PopsLoadingConfig extends Omit<PopsGeneralConfig, "width" | "height" | "position" | "beforeAppendToPageCallBack"> {
     /**
      * 父元素，默认为document.body
-     * @default document.body
+     * @default document.body || document.documentElement
      */
-    parent?: HTMLElement;
+    $parent?: HTMLElement;
     /**
      * 内容配置
      */

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

@@ -0,0 +1,2 @@
+import type { PopsPanelConfig } from "./types";
+export declare const PopsPanelDefaultConfig: () => DeepRequired<PopsPanelConfig>;

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

@@ -1,15 +1,15 @@
-import type { PopsPanelButtonDetails } from "./types/components-button";
-import type { PopsPanelCommonDetails, PopsPanelRightAsideContainerOptions } from "./types/components-common";
-import type { PopsPanelDeepMenuDetails } from "./types/components-deepMenu";
-import type { PopsPanelFormsDetails } from "./types/components-forms";
-import type { PopsPanelBottomContentConfig, PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./types";
-import type { PopsPanelInputDetails } from "./types/components-input";
-import type { PopsPanelOwnDetails } from "./types/components-own";
-import type { PopsPanelSelectMultipleDetails } from "./types/components-selectMultiple";
-import type { PopsPanelSelectDetails } from "./types/components-select";
-import type { PopsPanelSliderDetails } from "./types/components-slider";
-import type { PopsPanelSwitchDetails } from "./types/components-switch";
-import type { PopsPanelTextAreaDetails } from "./types/components-textarea";
+import type { PopsPanelButtonConfig } from "./types/components-button";
+import type { PopsPanelGeneralConfig, PopsPanelRightAsideContainerConfig } from "./types/components-common";
+import type { PopsPanelDeepViewConfig } from "./types/components-deepMenu";
+import type { PopsPanelContainerConfig } from "./types/components-container";
+import type { PopsPanelBottomContentConfig, PopsPanelContentConfig, PopsPanelConfig, PopsPanelViewConfig } from "./types";
+import type { PopsPanelInputConfig } from "./types/components-input";
+import type { PopsPanelOwnConfig } from "./types/components-own";
+import type { PopsPanelSelectMultipleConfig } from "./types/components-selectMultiple";
+import type { PopsPanelSelectConfig } from "./types/components-select";
+import type { PopsPanelSliderConfig } from "./types/components-slider";
+import type { PopsPanelSwitchConfig } from "./types/components-switch";
+import type { PopsPanelTextAreaConfig } from "./types/components-textarea";
 /**
  * 处理组件（把组件配置转为组件元素）
  */
@@ -49,13 +49,16 @@ export declare const PanelHandlerComponents: () => {
         $panelBottomLeftContainer: HTMLElement;
         $panelBottomRightContainer: HTMLElement;
     };
-    $config: Required<PopsPanelDetails>;
+    $data: {
+        nodeStoreConfigKey: string;
+    };
+    $config: Required<PopsPanelConfig>;
     /**
      * 初始化
-     * @param details
+     * @param data
      */
-    init(details: {
-        config: Required<PopsPanelDetails>;
+    init(data: {
+        config: Required<PopsPanelConfig>;
         $el: {
             $pops: HTMLElement;
             $content: HTMLElement;
@@ -102,7 +105,7 @@ export declare const PanelHandlerComponents: () => {
      * @param $el 元素
      * @param className
      */
-    setElementClassName($el: HTMLElement, className?: PopsPanelCommonDetails<any>["className"]): void;
+    setElementClassName($el: HTMLElement, className?: PopsPanelGeneralConfig<any>["className"]): void;
     /**
      * 创建底部项元素<li>
      * @param bottomItemConfig 配置
@@ -122,84 +125,85 @@ export declare const PanelHandlerComponents: () => {
     /**
      * type ==> switch
      * 创建中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_switch(formConfig: PopsPanelSwitchDetails): HTMLLIElement;
+    createSectionContainerItem_switch(viewConfig: PopsPanelSwitchConfig): HTMLLIElement;
     /**
      * type ==> slider
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_slider(formConfig: PopsPanelSliderDetails): HTMLLIElement;
+    createSectionContainerItem_slider(viewConfig: PopsPanelSliderConfig): HTMLLIElement;
     /**
      * type ==> slider
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_slider_new(formConfig: PopsPanelSliderDetails): HTMLLIElement;
+    createSectionContainerItem_slider_new(viewConfig: PopsPanelSliderConfig): HTMLLIElement;
     /**
      * type ==> input
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_input(formConfig: PopsPanelInputDetails): HTMLLIElement;
+    createSectionContainerItem_input(viewConfig: PopsPanelInputConfig): HTMLLIElement;
     /**
      * type ==> textarea
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_textarea(formConfig: PopsPanelTextAreaDetails): HTMLLIElement;
+    createSectionContainerItem_textarea(viewConfig: PopsPanelTextAreaConfig): HTMLLIElement;
     /**
      * type ==> select
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_select(formConfig: PopsPanelSelectDetails<any>): HTMLLIElement;
+    createSectionContainerItem_select(viewConfig: PopsPanelSelectConfig<any>): HTMLLIElement;
     /**
      * type ==> select-multiple
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_select_multiple_new(formConfig: PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
+    createSectionContainerItem_select_multiple(viewConfig: PopsPanelSelectMultipleConfig<any>): HTMLLIElement;
     /**
      * type ==> button
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_button(formConfig: PopsPanelButtonDetails): HTMLLIElement;
+    createSectionContainerItem_button(viewConfig: PopsPanelButtonConfig): HTMLLIElement;
     /**
      * type ==> deepMenu
      * 获取深层容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_deepMenu(formConfig: PopsPanelDeepMenuDetails): HTMLLIElement;
+    createSectionContainerItem_deepMenu(viewConfig: PopsPanelDeepViewConfig): HTMLLIElement;
     /**
      * type ===> own
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_own(formConfig: PopsPanelOwnDetails): HTMLLIElement;
+    createSectionContainerItem_own(viewConfig: PopsPanelOwnConfig): HTMLLIElement;
     /**
      * 获取中间容器的元素<li>
-     * @param formConfig
+     * @param viewConfig 视图配置
      */
-    createSectionContainerItem(formConfig: PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
+    createSectionContainerItem(viewConfig: PopsPanelViewConfig): HTMLLIElement | undefined;
     /**
      * 生成配置项forms
      * 生成配置每一项的元素
-     * @param formConfig
+     * @param viewConfig
      */
-    createSectionContainerItem_forms(formConfig: PopsPanelContentConfig | PopsPanelFormsDetails): void;
+    createSectionContainerItem_forms(viewConfig: PopsPanelContentConfig | PopsPanelContainerConfig): void;
     /**
      * 主动触发触发渲染右侧容器的事件
+     * @param $container 容器
      */
     triggerRenderRightContainer($container: HTMLElement): void;
     /**
      *
-     * @param formConfig
+     * @param viewConfig
      * @param containerOptions
      */
-    uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: Omit<PopsPanelRightAsideContainerOptions, "target">): void;
+    uListContainerAddItem(viewConfig: PopsPanelViewConfig, containerOptions: Omit<PopsPanelRightAsideContainerConfig, "target">): void;
     /**
      * 为左侧容器元素添加点击事件
      * @param $asideItem 左侧的容器<li>元素

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

@@ -1,13 +1,12 @@
-import type { PopsPanelDetails, PopsPanelEventType } from "./types";
+import type { PopsPanelConfig, PopsPanelEventType } from "./types";
 import type { PopsType } from "../../types/main";
 export declare const PopsPanel: {
-    init(details: PopsPanelDetails): {
+    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;
         close: () => Promise<void>;
         hide: () => Promise<void>;
         show: () => Promise<void>;
-        guid: string;
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
         $el: HTMLDivElement;
@@ -15,5 +14,6 @@ export declare const PopsPanel: {
         $pops: HTMLDivElement;
         $mask?: HTMLDivElement | undefined;
         mode: PopsType;
+        guid: string;
     };
 };

package/dist/types/src/components/panel/types/components-button.d.ts

@@ -1,10 +1,14 @@
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelGeneralConfig } from "./components-common";
 import type { PopsButtonStyleType } from "../../../types/button";
 import type { PopsIconType } from "../../../types/icon";
 /**
  * pops.panel的 button
  */
-export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanelButtonDetails> {
+export interface PopsPanelButtonConfig extends PopsPanelGeneralConfig<PopsPanelButtonConfig> {
+    /**
+     * 类型
+     */
+    type: "button";
     /**
      * 显示在左边的文字
      */
@@ -13,12 +17,9 @@ export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanel
      * （可选）左边的文字下面的描述
      */
     description?: string;
-    /**
-     * 类型
-     */
-    type: "button";
     /**
      * （可选）是否禁用
+     * @default false
      */
     disable?: boolean;
     /**

package/dist/types/src/components/panel/types/components-common.d.ts

@@ -1,9 +1,9 @@
-import type { PopsPanelFormsDetails } from "./components-forms";
-import type { PopsPanelFormsTotalDetails } from ".";
+import type { PopsPanelContainerConfig } from "./components-container";
+import type { PopsPanelViewConfig } from ".";
 /**
  * 右侧容器的配置
  */
-export interface PopsPanelRightAsideContainerOptions {
+export interface PopsPanelRightAsideContainerConfig {
     /** 当前的<li>元素 */
     target: HTMLLIElement | undefined;
     /** 当前的<li>元素的父<ul>元素 */
@@ -18,7 +18,7 @@ export interface PopsPanelRightAsideContainerOptions {
 /**
  * 通用配置
  */
-export interface PopsPanelCommonDetails<T extends PopsPanelFormsTotalDetails | PopsPanelFormsDetails> {
+export interface PopsPanelGeneralConfig<T extends PopsPanelViewConfig | PopsPanelContainerConfig> {
     /**
      * （可选）元素的className，值为空的话就不设置
      * @default ""
@@ -42,11 +42,11 @@ export interface PopsPanelCommonDetails<T extends PopsPanelFormsTotalDetails | P
     };
     /**
        * 在添加到<ul>元素后触发该回调
-       * @param formConfig 配置
+       * @param viewConfig 配置
        * @param container 右侧容器的元素
        * @example
        * // 例如在type为own时
-       * afterAddToUListCallBack(formConfig, container) {
+       * afterAddToUListCallBack(viewConfig, container) {
        * DOMUtils.on(
           container.formHeaderDivElement.querySelector(
           "a"
@@ -66,5 +66,5 @@ export interface PopsPanelCommonDetails<T extends PopsPanelFormsTotalDetails | P
        * // 例如在type为forms时
        * container内只有container.ulElement这个属性
        */
-    afterAddToUListCallBack?: (formConfig: T, container: PopsPanelRightAsideContainerOptions) => void;
+    afterAddToUListCallBack?: (viewConfig: T, container: PopsPanelRightAsideContainerConfig) => void;
 }

package/dist/types/src/components/panel/types/components-container.d.ts

@@ -0,0 +1,24 @@
+import type { PopsPanelGeneralConfig } from "./components-common";
+import type { PopsPanelViewConfig } from ".";
+/**
+ * pops.panel的 container
+ */
+export interface PopsPanelContainerConfig extends PopsPanelGeneralConfig<PopsPanelContainerConfig> {
+    /**
+     * 类型
+     */
+    type: "container";
+    /**
+     * 显示在左边的文字
+     */
+    text: string;
+    /**
+     * 是否进行折叠
+     * @default false
+     */
+    isFold?: boolean;
+    /**
+     * 子配置
+     */
+    views: PopsPanelViewConfig[];
+}

package/dist/types/src/components/panel/types/components-deepMenu.d.ts

@@ -1,10 +1,10 @@
-import type { PopsPanelFormsTotalDetails } from ".";
-import type { PopsPanelFormsDetails } from "./components-forms";
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelViewConfig } from ".";
+import type { PopsPanelContainerConfig } from "./components-container";
+import type { PopsPanelGeneralConfig } from "./components-common";
 /**
- * pops.panel的 深层菜单
+ * pops.panel的 深层视图的配置
  */
-export interface PopsPanelDeepMenuDetails extends PopsPanelCommonDetails<PopsPanelDeepMenuDetails> {
+export interface PopsPanelDeepViewConfig extends PopsPanelGeneralConfig<PopsPanelDeepViewConfig> {
     /**
      * 类型
      */
@@ -32,25 +32,25 @@ export interface PopsPanelDeepMenuDetails extends PopsPanelCommonDetails<PopsPan
      * + true 表示阻止进入深层菜单
      * + false （默认）表示允许进入深层菜单
      */
-    clickCallBack?: (event: MouseEvent | PointerEvent, formConfig: PopsPanelDeepMenuDetails) => boolean | void | Promise<boolean | void>;
+    clickCallBack?: (event: MouseEvent | PointerEvent, viewConfig: PopsPanelDeepViewConfig) => boolean | void | Promise<boolean | void>;
     /**
      * 进入深层菜单后触发的回调
-     * @param formConfig
+     * @param viewConfig
      */
-    afterEnterDeepMenuCallBack?: (formConfig: PopsPanelDeepMenuDetails, container: {
+    afterEnterDeepMenuCallBack?: (viewConfig: PopsPanelDeepViewConfig, container: {
         /** 右侧的总容器 */
-        sectionContainer: HTMLElement;
+        $sectionContainer: HTMLElement;
         /** 右侧的总容器的标题头容器 */
-        sectionContainerHeaderContainer: HTMLUListElement;
+        $sectionContainerHeaderContainer: HTMLUListElement;
         /** 右侧的总容器的标题头 */
-        sectionContainerHeader: HTMLLIElement;
+        $sectionContainerHeader: HTMLLIElement;
         /** 右侧的内容容器 */
-        sectionBodyContainer: HTMLUListElement;
+        $sectionBodyContainer: HTMLUListElement;
     }) => void;
     /**
      * 菜单配置
      */
-    forms?: (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[];
+    views?: (PopsPanelContainerConfig | PopsPanelViewConfig)[];
     /**
      * （可选）头部的标题文字，没有的话默认是text
      */

package/dist/types/src/components/panel/types/components-input.d.ts

@@ -1,8 +1,12 @@
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelGeneralConfig } from "./components-common";
 /**
  * pops.panel的 input
  */
-export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelInputDetails> {
+export interface PopsPanelInputConfig extends PopsPanelGeneralConfig<PopsPanelInputConfig> {
+    /**
+     * 类型
+     */
+    type: "input";
     /**
      * 显示在左边的文字
      */
@@ -12,10 +16,6 @@ export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelI
      * @default ""
      */
     description?: string;
-    /**
-     * 类型
-     */
-    type: "input";
     /**
      * （可选）是否禁用
      * @default false

package/dist/types/src/components/panel/types/components-own.d.ts

@@ -1,9 +1,9 @@
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelGeneralConfig } from "./components-common";
 /**
  * pops.panel的 own
  * 自定义的
  */
-export interface PopsPanelOwnDetails extends PopsPanelCommonDetails<PopsPanelOwnDetails> {
+export interface PopsPanelOwnConfig extends PopsPanelGeneralConfig<PopsPanelOwnConfig> {
     /**
      * 类型
      */

package/dist/types/src/components/panel/types/components-select.d.ts

@@ -1,10 +1,14 @@
-import type { PopsPanelCommonDetails } from "./components-common";
-import type { PopsPanelFormsDetails } from "./components-forms";
-import type { PopsPanelFormsTotalDetails } from ".";
+import type { PopsPanelGeneralConfig } from "./components-common";
+import type { PopsPanelContainerConfig } from "./components-container";
+import type { PopsPanelViewConfig } from ".";
 /**
  * pops.panel的 select
  */
-export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<PopsPanelSelectDetails> {
+export interface PopsPanelSelectConfig<T = any> extends PopsPanelGeneralConfig<PopsPanelSelectConfig> {
+    /**
+     * 类型
+     */
+    type: "select";
     /**
      * 显示在左边的文字
      */
@@ -14,10 +18,6 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
      * @default ""
      */
     description?: string;
-    /**
-     * 类型
-     */
-    type: "select";
     /**
      * （可选）是否禁用
      * @default false
@@ -62,6 +62,6 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
         /**
          * 子配置，跟随切换改变
          */
-        forms?: (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[] | (() => (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[]);
+        views?: (PopsPanelContainerConfig | PopsPanelViewConfig)[] | (() => (PopsPanelContainerConfig | PopsPanelViewConfig)[]);
     }[];
 }

package/dist/types/src/components/panel/types/components-selectMultiple.d.ts

@@ -1,5 +1,5 @@
-import type { PopsAlertDetails } from "../../alert/types";
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsAlertConfig } from "../../alert/types";
+import type { PopsPanelGeneralConfig } from "./components-common";
 export interface PopsPanelSelectMultipleDataOption<T> {
     /**
      * 真正的值
@@ -31,7 +31,11 @@ export interface PopsPanelSelectMultipleDataOption<T> {
 /**
  * pops.panel的 select
  */
-export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommonDetails<PopsPanelSelectMultipleDetails> {
+export interface PopsPanelSelectMultipleConfig<T = any> extends PopsPanelGeneralConfig<PopsPanelSelectMultipleConfig> {
+    /**
+     * 类型
+     */
+    type: "select-multiple";
     /**
      * 显示在左边的文字
      */
@@ -40,10 +44,6 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
      * （可选）左边的文字下面的描述
      */
     description?: string;
-    /**
-     * 类型
-     */
-    type: "select-multiple";
     /**
      * （可选）是否禁用
      */
@@ -59,7 +59,7 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
     /**
      * 弹出的下拉列表弹窗的配置
      */
-    selectConfirmDialogDetails?: Partial<PopsAlertDetails>;
+    selectConfirmDialogConfig?: Partial<PopsAlertConfig>;
     /**
      * 选择器的值改变触发的回调函数
      * @param event 事件

package/dist/types/src/components/panel/types/components-slider.d.ts

@@ -1,8 +1,13 @@
-import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelGeneralConfig } from "./components-common";
 /**
  * pops.panel的 slider
  */
-export interface PopsPanelSliderDetails extends PopsPanelCommonDetails<PopsPanelSliderDetails> {
+export interface PopsPanelSliderConfig extends PopsPanelGeneralConfig<PopsPanelSliderConfig> {
+    /**
+     * 类型
+     * @default "slider"
+     */
+    type: "slider";
     /**
      * 显示在左边的文字
      */
@@ -12,11 +17,6 @@ export interface PopsPanelSliderDetails extends PopsPanelCommonDetails<PopsPanel
      * @default ""
      */
     description?: string;
-    /**
-     * 类型
-     * @default "slider"
-     */
-    type: "slider";
     /**
      * （可选）是否禁用
      * @default false