@whitesev/pops 2.6.0 → 3.0.0

package/src/components/prompt/{config.ts → defaultConfig.ts}

@@ -1,6 +1,6 @@
-import type { PopsPromptDetails } from "./types/index";
+import type { PopsPromptConfig } from "./types/index";
 
-export const PopsPromptConfig = (): DeepRequired<PopsPromptDetails> => {
+export const PopsPromptDefaultConfig = (): DeepRequired<PopsPromptConfig> => {
   return {
     title: {
       text: "默认标题",
@@ -30,8 +30,8 @@ export const PopsPromptConfig = (): DeepRequired<PopsPromptDetails> => {
         iconIsLoading: false,
         text: "确定",
         type: "success",
-        callback(detail) {
-          detail.close();
+        callback(eventConfig) {
+          eventConfig.close();
         },
       },
       cancel: {
@@ -42,8 +42,8 @@ export const PopsPromptConfig = (): DeepRequired<PopsPromptDetails> => {
         iconIsLoading: false,
         text: "关闭",
         type: "default",
-        callback(detail) {
-          detail.close();
+        callback(eventConfig) {
+          eventConfig.close();
         },
       },
       other: {
@@ -54,14 +54,14 @@ export const PopsPromptConfig = (): DeepRequired<PopsPromptDetails> => {
         iconIsLoading: false,
         text: "其它按钮",
         type: "default",
-        callback(detail) {
-          detail.close();
+        callback(eventConfig) {
+          eventConfig.close();
         },
       },
       close: {
         enable: true,
-        callback(detail) {
-          detail.close();
+        callback(eventConfig) {
+          eventConfig.close();
         },
       },
     },

package/src/components/prompt/index.ts

@@ -6,18 +6,18 @@ import type { PopsType } from "../../types/main";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
-import { PopsPromptConfig } from "./config";
-import type { PopsPromptDetails } from "./types/index";
+import { PopsPromptDefaultConfig } from "./defaultConfig";
+import type { PopsPromptConfig } from "./types/index";
 
 export const PopsPrompt = {
-  init(details: PopsPromptDetails) {
+  init(__config__: PopsPromptConfig) {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "prompt";
 
-    let config = PopsPromptConfig();
+    let config = PopsPromptDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
-    config = popsUtils.assign(config, details);
+    config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
@@ -133,7 +133,7 @@ export const PopsPrompt = {
       $pops,
       $mask
     );
-    /* 输入框赋值初始值 */
+    // 输入框赋值初始值
 
     $input.value = config.content.text;
     PopsHandler.handlePromptClickEvent(
@@ -170,7 +170,7 @@ export const PopsPrompt = {
 
       config.btn.other.callback
     );
-    /* 创建到页面中 */
+    // 创建到页面中
 
     popsDOMUtils.append($shadowRoot, $elList);
     if (typeof config.beforeAppendToPageCallBack === "function") {
@@ -183,15 +183,13 @@ export const PopsPrompt = {
     }
     PopsHandler.handlePush(popsType, {
       guid: guid,
-      animElement: $anim,
-
-      popsElement: $pops!,
-
-      maskElement: $mask!,
+      $anim: $anim,
+      $pops: $pops!,
+      $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
     });
-    /* 拖拽 */
+    // 拖拽
     if (config.drag) {
       PopsInstanceUtils.drag($pops!, {
         dragElement: $title!,
@@ -201,11 +199,11 @@ export const PopsPrompt = {
         endCallBack: config.dragEndCallBack,
       });
     }
-    /* 设置自动获取焦点 */
+    // 设置自动获取焦点
     if (config.content.focus) {
       $input.focus();
     }
-    /* 设置自动选中所有文字 */
+    // 设置自动选中所有文字
     if (config.content.select) {
       $input.select();
     }

package/src/components/prompt/types/index.ts

@@ -1,20 +1,20 @@
 import type {
   PopsTitleConfig,
   PopsDragConfig,
-  PopsCommonConfig,
+  PopsGeneralConfig,
   PopsMoreButtonConfig,
 } from "../../../types/components";
 
 /**
  * pops.prompt
  */
-export interface PopsPromptDetails
+export interface PopsPromptConfig
   extends PopsTitleConfig,
     PopsDragConfig,
     PopsMoreButtonConfig<{
       text: string;
     }>,
-    PopsCommonConfig {
+    PopsGeneralConfig {
   /**
    * 内容配置
    */
@@ -49,6 +49,7 @@ export interface PopsPromptDetails
     placeholder?: string;
     /**
      * （可选）文字的自定义CSS
+     * @default ""
      */
     style?: string;
   };

package/src/components/rightClickMenu/{config.ts → defaultConfig.ts}

@@ -1,9 +1,9 @@
 import { PopsIcon } from "../../PopsIcon";
-import type { PopsRightClickMenuDetails } from "./types";
+import type { PopsRightClickMenuConfig } from "./types";
 
-export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails> => {
+export const PopsRightClickMenuDefaultConfig = (): DeepRequired<PopsRightClickMenuConfig> => {
   return {
-    target: document.documentElement,
+    $target: document.documentElement,
     targetSelector: null,
     position: "fixed",
     data: [
@@ -12,8 +12,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
         iconIsLoading: false,
         text: "搜索",
         item: [],
-        callback(clickEvent, contextMenuEvent, liElement) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
         },
       },
       {
@@ -21,8 +21,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
         iconIsLoading: false,
         text: "复制",
         item: [],
-        callback(clickEvent, contextMenuEvent, liElement) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
         },
       },
       {
@@ -30,8 +30,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
         text: "删除",
         iconIsLoading: false,
         item: [],
-        callback(clickEvent, contextMenuEvent, liElement) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
         },
       },
       {
@@ -39,8 +39,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
         iconIsLoading: true,
         text: "加载",
         item: [],
-        callback(clickEvent, contextMenuEvent, liElement) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
           return false;
         },
       },
@@ -48,8 +48,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
         icon: PopsIcon.getIcon("elemePlus")!,
         iconIsLoading: true,
         text: "饿了么",
-        callback(clickEvent, contextMenuEvent, liElement) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
           return false;
         },
         item: [
@@ -58,16 +58,17 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
             iconIsLoading: false,
             text: "处理文件",
             item: [],
-            callback(clickEvent, contextMenuEvent, liElement) {
-              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+            callback(clickEvent, contextMenuEvent, $li) {
+              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
             },
           },
           {
             icon: "",
             iconIsLoading: false,
             text: "其它处理",
-            callback(clickEvent, contextMenuEvent, liElement) {
-              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+            callback(clickEvent, contextMenuEvent, $li) {
+              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+              return false;
             },
             item: [
               {
@@ -75,8 +76,8 @@ export const rightClickMenuConfig = (): DeepRequired<PopsRightClickMenuDetails>
                 iconIsLoading: false,
                 text: "查看",
                 item: [],
-                callback(clickEvent, contextMenuEvent, liElement) {
-                  console.log("点击：" + this.text, [clickEvent, contextMenuEvent, liElement]);
+                callback(clickEvent, contextMenuEvent, $li) {
+                  console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
                 },
               },
             ],