@whitesev/pops 2.6.1 → 3.0.1

package/dist/types/src/components/alert/config.d.ts

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

package/dist/types/src/components/confirm/config.d.ts

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

package/dist/types/src/components/drawer/config.d.ts

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

package/dist/types/src/components/folder/config.d.ts

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

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

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

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

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

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

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

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

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

package/dist/types/src/components/prompt/config.d.ts

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

package/dist/types/src/components/rightClickMenu/config.d.ts

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

package/dist/types/src/components/searchSuggestion/config.d.ts

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

package/dist/types/src/components/tooltip/config.d.ts

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

package/src/components/panel/config.ts

@@ -1,530 +0,0 @@
-import { popsDOMUtils } from "../../utils/PopsDOMUtils";
-import type { PopsPanelDetails } from "./types";
-
-export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
-  return {
-    title: {
-      text: "默认标题",
-      position: "center",
-      html: false,
-      style: "",
-    },
-    content: [
-      {
-        id: "whitesev-panel-config-1",
-        title: "菜单配置1",
-        headerTitle: "菜单配置1",
-        isDefault: false,
-        attributes: {
-          "data-test": "test",
-          "data-test-2": "test2",
-        },
-        forms: [
-          {
-            className: "forms-1",
-            text: "区域设置",
-            type: "forms",
-            attributes: {},
-            forms: [
-              {
-                className: "panel-switch",
-                text: "switch",
-                type: "switch",
-                disabled: false,
-                description: "",
-                afterAddToUListCallBack() {
-                  // TODO
-                },
-                props: {},
-                attributes: {},
-                getValue() {
-                  return true;
-                },
-                callback(event, value) {
-                  console.log("按钮开启状态：", value);
-                },
-              },
-              {
-                className: "panel-slider",
-                text: "slider",
-                type: "slider",
-                description: "",
-                afterAddToUListCallBack() {
-                  // TODO
-                },
-                disabled: false,
-                getToolTipContent(value) {
-                  return String(value);
-                },
-                isShowHoverTip: true,
-                step: 1,
-                props: {},
-                attributes: {},
-                getValue() {
-                  return 50;
-                },
-                callback(event, value) {
-                  console.log("滑块当前数值：", value);
-                },
-                min: 1,
-                max: 100,
-              },
-              {
-                className: "panel-button",
-                text: "button",
-                type: "button",
-                description: "",
-                disable: false,
-                buttonIsRightIcon: false,
-                props: {},
-                afterAddToUListCallBack() {
-                  // TODO
-                },
-                attributes: {},
-                buttonIcon: "view",
-                buttonIconIsLoading: true,
-                buttonType: "default",
-                buttonText: "default按钮",
-                callback(event) {
-                  console.log("点击按钮", event);
-                },
-              },
-              {
-                className: "panel-button",
-                text: "button",
-                type: "button",
-                props: {},
-                attributes: {},
-                buttonIcon: "eleme",
-                buttonIconIsLoading: true,
-                buttonType: "warning",
-                buttonText: "warning按钮",
-                callback(event) {
-                  console.log("点击按钮", event);
-                },
-              },
-              {
-                className: "panel-button",
-                text: "button",
-                // @ts-ignore
-                props: {},
-                type: "button",
-                attributes: {},
-                buttonIcon: "chromeFilled",
-                buttonIconIsLoading: true,
-                buttonType: "danger",
-                buttonText: "danger按钮",
-                callback(event) {
-                  console.log("点击按钮", event);
-                },
-              },
-              {
-                className: "panel-button",
-                text: "button",
-                type: "button",
-                attributes: {},
-                // @ts-ignore
-                props: {},
-                buttonIcon: "upload",
-                buttonIconIsLoading: false,
-                buttonType: "info",
-                buttonText: "info按钮",
-                callback(event) {
-                  console.log("点击按钮", event);
-                },
-              },
-            ],
-          },
-        ],
-      },
-      {
-        id: "whitesev-panel-config-2",
-        title: "菜单配置2",
-        headerTitle: "菜单配置2",
-        isDefault: true,
-        attributes: {
-          "data-value": "value",
-          "data-value-2": "value2",
-        },
-        forms: [
-          {
-            className: "panel-input",
-            text: "input",
-            type: "input",
-            isNumber: false,
-            props: {},
-            attributes: {},
-            getValue() {
-              return "50";
-            },
-            callback(event, value) {
-              popsDOMUtils.preventEvent(event);
-              console.log("输入框内容改变：", value);
-            },
-            placeholder: "请输入内容",
-          },
-          {
-            className: "panel-input-password",
-            text: "input-password",
-            type: "input",
-            // @ts-ignore
-            props: {},
-            attributes: {},
-            getValue() {
-              return "123456";
-            },
-            callback(event, value) {
-              popsDOMUtils.preventEvent(event);
-              console.log("密码输入框内容改变：", value);
-            },
-            isPassword: true,
-            placeholder: "请输入密码",
-          },
-          {
-            className: "panel-textarea",
-            text: "textarea",
-            type: "textarea",
-            // @ts-ignore
-            props: {},
-            attributes: {},
-            getValue() {
-              return "50";
-            },
-            callback(event, value) {
-              popsDOMUtils.preventEvent(event);
-              console.log("textarea输入框内容改变：", value);
-            },
-            placeholder: "请输入内容",
-          },
-          {
-            className: "panel-select",
-            text: "select",
-            type: "select",
-            disabled: true,
-            // @ts-ignore
-            props: {},
-            attributes: {},
-            getValue() {
-              return 50;
-            },
-            callback(event, isSelectedValue, isSelectedText) {
-              console.log(`select当前选项：${isSelectedValue}，当前选项文本：${isSelectedText}`);
-            },
-            data: [
-              {
-                value: "all",
-                text: "所有",
-                disable() {
-                  return false;
-                },
-                forms: [],
-              },
-              {
-                value: "text",
-                text: "文本",
-                disable() {
-                  return false;
-                },
-                forms: [],
-              },
-              {
-                value: "html",
-                text: "超文本",
-                disable() {
-                  return false;
-                },
-                forms: [],
-              },
-            ],
-          },
-          {
-            className: "panel-select-multiple",
-            type: "select-multiple",
-            text: "select-multiple",
-            disabled: true,
-            // @ts-ignore
-            props: {},
-
-            attributes: {},
-            placeholder: "请至少选择一个选项",
-            getValue() {
-              return ["select-1", "select-2"];
-            },
-            callback(selectInfo) {
-              console.log(`select值改变，多选信息`, selectInfo);
-            },
-            clickCallBack(event, isSelectedInfo) {
-              console.log("点击", event, isSelectedInfo);
-            },
-            closeIconClickCallBack(event, data) {
-              console.log("点击关闭图标的事件", data);
-            },
-            data: [
-              {
-                value: "select-1",
-                text: "单选1",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
-                },
-              },
-              {
-                value: "select-2",
-                text: "单选2",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
-                },
-              },
-              {
-                value: "select-3",
-                text: "单选3",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-2", "select-5"].includes(it.value)) !== -1;
-                },
-              },
-              {
-                value: "select-4",
-                text: "单选4",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-3", "select-5"].includes(it.value)) !== -1;
-                },
-              },
-              {
-                value: "select-5",
-                text(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1
-                    ? "单选5-禁用"
-                    : "单选5";
-                },
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1;
-                },
-              },
-            ],
-          },
-          {
-            type: "forms",
-            text: "deep菜单",
-            forms: [
-              {
-                type: "deepMenu",
-                className: "panel-deepMenu",
-                text: "deepMenu",
-                description: "二级菜单",
-                rightText: "自定义配置",
-                arrowRightIcon: true,
-                afterAddToUListCallBack(formConfig, container) {
-                  console.log(formConfig, container);
-                },
-                clickCallBack(event, formConfig) {
-                  console.log("进入子配置", event, formConfig);
-                },
-                forms: [
-                  {
-                    className: "forms-1",
-                    text: "区域设置",
-                    type: "forms",
-                    attributes: {},
-                    props: {},
-                    forms: [
-                      {
-                        className: "panel-switch",
-                        text: "switch",
-                        type: "switch",
-                        // @ts-ignore
-                        props: {},
-                        attributes: {},
-                        getValue() {
-                          return true;
-                        },
-                        callback(event, value) {
-                          console.log("按钮开启状态：", value);
-                        },
-                      },
-                      {
-                        className: "panel-slider",
-                        text: "slider",
-                        // @ts-ignore
-                        props: {},
-                        type: "slider",
-                        attributes: {},
-                        getValue() {
-                          return 50;
-                        },
-                        callback(event, value) {
-                          console.log("滑块当前数值：", value);
-                        },
-                        min: 1,
-                        max: 100,
-                      },
-                      {
-                        className: "panel-button",
-                        text: "button",
-                        // @ts-ignore
-                        props: {},
-                        type: "button",
-                        attributes: {},
-                        buttonIcon: "eleme",
-                        buttonIconIsLoading: true,
-                        buttonType: "warning",
-                        buttonText: "warning按钮",
-                        callback(event) {
-                          console.log("点击按钮", event);
-                        },
-                      },
-                      {
-                        className: "panel-button",
-                        text: "button",
-                        type: "button",
-                        // @ts-ignore
-                        props: {},
-                        attributes: {},
-                        buttonIcon: "chromeFilled",
-                        buttonIconIsLoading: true,
-                        buttonType: "danger",
-                        buttonText: "danger按钮",
-                        callback(event) {
-                          console.log("点击按钮", event);
-                        },
-                      },
-                      {
-                        className: "panel-button",
-                        text: "button",
-                        // @ts-ignore
-                        props: {},
-                        type: "button",
-                        attributes: {},
-                        buttonIcon: "upload",
-                        buttonIconIsLoading: false,
-                        buttonType: "info",
-                        buttonText: "info按钮",
-                        callback(event) {
-                          console.log("点击按钮", event);
-                        },
-                      },
-                    ],
-                  },
-                ],
-              },
-              {
-                type: "deepMenu",
-                className: "panel-deepMenu2",
-                attributes: {},
-                //@ts-ignore
-                props: {},
-                text: "deepMenu2",
-                description: "二级菜单",
-                rightText: "自定义配置",
-                arrowRightIcon: true,
-                afterAddToUListCallBack(formConfig, container) {
-                  console.log(formConfig, container);
-                },
-                clickCallBack(event, formConfig) {
-                  console.log("进入子配置", event, formConfig);
-                },
-                forms: [],
-              },
-            ],
-          },
-          {
-            type: "forms",
-            isFold: true,
-            text: "折叠菜单",
-            afterAddToUListCallBack(formConfig, container) {
-              console.log(formConfig, container);
-            },
-            forms: [
-              {
-                className: "panel-switch",
-                text: "switch",
-                // @ts-ignore
-                props: {},
-                type: "switch",
-                attributes: {},
-                getValue() {
-                  return true;
-                },
-                callback(event, value) {
-                  console.log("按钮开启状态：", value);
-                },
-              },
-            ],
-          },
-        ],
-      },
-      {
-        id: "whitesev-panel-bottom-config-1",
-        title: /*html*/ `
-					<a rel="nofollow" href="https://www.npmjs.com/package/@whitesev/pops" target="_blank"><img src="https://img.shields.io/npm/v/@whitesev/pops?label=pops" alt="npm pops version"></a>
-				`,
-        isBottom: true,
-        disableAsideItemHoverCSS: true,
-        attributes: {
-          "data-value": "value",
-          "data-value-2": "value2",
-        },
-        // @ts-ignore
-        props: {},
-        forms: [],
-        clickFirstCallback: function () {
-          return false;
-        },
-      },
-      {
-        id: "whitesev-panel-bottom-config-2",
-        title: "版本：xxx.xx.xx",
-        isBottom: true,
-        attributes: {
-          "data-value": "value",
-          "data-value-2": "value2",
-        },
-        // @ts-ignore
-        props: {},
-        forms: [],
-        clickFirstCallback: function () {
-          return false;
-        },
-      },
-    ],
-    bottomContentConfig: [],
-    btn: {
-      close: {
-        enable: true,
-        callback(event) {
-          event.close();
-        },
-      },
-    },
-    mask: {
-      enable: false,
-      clickEvent: {
-        toClose: false,
-        toHide: false,
-      },
-      clickCallBack: null,
-    },
-    useShadowRoot: true,
-    class: "",
-    mobileClassName: "pops-panel-is-mobile",
-    isMobile: false,
-    only: false,
-    width: window.innerWidth < 550 ? "88vw" : "700px",
-    height: window.innerHeight < 450 ? "70vh" : "500px",
-    position: "center",
-    animation: "pops-anim-fadein-zoom",
-    useDeepMenuSwtichAnimation: true,
-    zIndex: 10000,
-    drag: false,
-    dragLimit: true,
-    dragExtraDistance: 3,
-    dragMoveCallBack() {},
-    dragEndCallBack() {},
-    forbiddenScroll: false,
-    style: null,
-    beforeAppendToPageCallBack() {},
-  };
-};

package/src/components/panel/types/components-forms.ts

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