@whitesev/pops 3.2.0 → 3.2.2

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

@@ -1,56 +1,57 @@
-import type {
-  PopsTitleConfig,
-  PopsDragConfig,
-  PopsGeneralConfig,
-  PopsMoreButtonConfig,
-} from "../../../types/components";
-
-/**
- * pops.prompt
- */
-export interface PopsPromptConfig
-  extends PopsTitleConfig,
-    PopsDragConfig,
-    PopsMoreButtonConfig<{
-      text: string;
-    }>,
-    PopsGeneralConfig {
-  /**
-   * 内容配置
-   */
-  content: {
-    /**
-     * 内容文字
-     */
-    text: string;
-    /**
-     * 是否是密码
-     */
-    password?: boolean;
-    /**
-     * 是否支持多行输入
-     * @default false
-     */
-    row?: boolean;
-    /**
-     * 是否自动获取焦点
-     * @default true
-     */
-    focus?: boolean;
-    /**
-     * 是否自动选择输入框的所有文字
-     * @default false
-     */
-    select?: boolean;
-    /**
-     * 输入框内的提示文字
-     * @default ""
-     */
-    placeholder?: string;
-    /**
-     * （可选）文字的自定义CSS
-     * @default ""
-     */
-    style?: string;
-  };
-}
+import type {
+  PopsTitleConfig,
+  PopsDragConfig,
+  PopsGeneralConfig,
+  PopsMoreButtonConfig,
+} from "../../../types/components";
+
+/**
+ * pops.prompt
+ */
+export interface PopsPromptConfig
+  extends
+    PopsTitleConfig,
+    PopsDragConfig,
+    PopsMoreButtonConfig<{
+      text: string;
+    }>,
+    PopsGeneralConfig {
+  /**
+   * 内容配置
+   */
+  content: {
+    /**
+     * 内容文字
+     */
+    text: string;
+    /**
+     * 是否是密码
+     */
+    password?: boolean;
+    /**
+     * 是否支持多行输入
+     * @default false
+     */
+    row?: boolean;
+    /**
+     * 是否自动获取焦点
+     * @default true
+     */
+    focus?: boolean;
+    /**
+     * 是否自动选择输入框的所有文字
+     * @default false
+     */
+    select?: boolean;
+    /**
+     * 输入框内的提示文字
+     * @default ""
+     */
+    placeholder?: string;
+    /**
+     * （可选）文字的自定义CSS
+     * @default ""
+     */
+    style?: string;
+  };
+}

package/src/components/rightClickMenu/defaultConfig.ts

@@ -1,103 +1,103 @@
-import { PopsIcon } from "../../PopsIcon";
-import type { PopsRightClickMenuConfig } from "./types";
-
-export const PopsRightClickMenuDefaultConfig = (): DeepRequired<PopsRightClickMenuConfig> => {
-  return {
-    $target: document.documentElement,
-    targetSelector: null,
-    position: "fixed",
-    data: [
-      {
-        icon: PopsIcon.getIcon("search")!,
-        iconIsLoading: false,
-        text: "搜索",
-        item: [],
-        callback(clickEvent, contextMenuEvent, $li) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-        },
-      },
-      {
-        icon: PopsIcon.getIcon("documentCopy")!,
-        iconIsLoading: false,
-        text: "复制",
-        item: [],
-        callback(clickEvent, contextMenuEvent, $li) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-        },
-      },
-      {
-        icon: PopsIcon.getIcon("delete")!,
-        text: "删除",
-        iconIsLoading: false,
-        item: [],
-        callback(clickEvent, contextMenuEvent, $li) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-        },
-      },
-      {
-        icon: PopsIcon.getIcon("loading")!,
-        iconIsLoading: true,
-        text: "加载",
-        item: [],
-        callback(clickEvent, contextMenuEvent, $li) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-          return false;
-        },
-      },
-      {
-        icon: PopsIcon.getIcon("elemePlus")!,
-        iconIsLoading: true,
-        text: "饿了么",
-        callback(clickEvent, contextMenuEvent, $li) {
-          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-          return false;
-        },
-        item: [
-          {
-            icon: "",
-            iconIsLoading: false,
-            text: "处理文件",
-            item: [],
-            callback(clickEvent, contextMenuEvent, $li) {
-              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-            },
-          },
-          {
-            icon: "",
-            iconIsLoading: false,
-            text: "其它处理",
-            callback(clickEvent, contextMenuEvent, $li) {
-              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-              return false;
-            },
-            item: [
-              {
-                icon: PopsIcon.getIcon("view")!,
-                iconIsLoading: false,
-                text: "查看",
-                item: [],
-                callback(clickEvent, contextMenuEvent, $li) {
-                  console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
-                },
-              },
-            ],
-          },
-        ],
-      },
-    ],
-    chileMenuLeftOrRightDistance: 0,
-    childMenuTopOrBottomDistance: 0,
-    useShadowRoot: true,
-    className: "",
-    isAnimation: false,
-    useScaleAnimation: true,
-    only: false,
-    zIndex: 10000,
-    preventDefault: true,
-    style: null,
-    beforeAppendToPageCallBack() {},
-    limitPositionXInView: true,
-    limitPositionYInView: true,
-    beforeShowCallBack() {},
-  };
-};
+import { PopsIcon } from "../../PopsIcon";
+import type { PopsRightClickMenuConfig } from "./types";
+
+export const PopsRightClickMenuDefaultConfig = (): DeepRequired<PopsRightClickMenuConfig> => {
+  return {
+    $target: document.documentElement,
+    targetSelector: null,
+    position: "fixed",
+    data: [
+      {
+        icon: PopsIcon.getIcon("search")!,
+        iconIsLoading: false,
+        text: "搜索",
+        item: [],
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+        },
+      },
+      {
+        icon: PopsIcon.getIcon("documentCopy")!,
+        iconIsLoading: false,
+        text: "复制",
+        item: [],
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+        },
+      },
+      {
+        icon: PopsIcon.getIcon("delete")!,
+        text: "删除",
+        iconIsLoading: false,
+        item: [],
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+        },
+      },
+      {
+        icon: PopsIcon.getIcon("loading")!,
+        iconIsLoading: true,
+        text: "加载",
+        item: [],
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+          return false;
+        },
+      },
+      {
+        icon: PopsIcon.getIcon("elemePlus")!,
+        iconIsLoading: true,
+        text: "饿了么",
+        callback(clickEvent, contextMenuEvent, $li) {
+          console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+          return false;
+        },
+        item: [
+          {
+            icon: "",
+            iconIsLoading: false,
+            text: "处理文件",
+            item: [],
+            callback(clickEvent, contextMenuEvent, $li) {
+              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+            },
+          },
+          {
+            icon: "",
+            iconIsLoading: false,
+            text: "其它处理",
+            callback(clickEvent, contextMenuEvent, $li) {
+              console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+              return false;
+            },
+            item: [
+              {
+                icon: PopsIcon.getIcon("view")!,
+                iconIsLoading: false,
+                text: "查看",
+                item: [],
+                callback(clickEvent, contextMenuEvent, $li) {
+                  console.log("点击：" + this.text, [clickEvent, contextMenuEvent, $li]);
+                },
+              },
+            ],
+          },
+        ],
+      },
+    ],
+    chileMenuLeftOrRightDistance: 0,
+    childMenuTopOrBottomDistance: 0,
+    useShadowRoot: true,
+    className: "",
+    isAnimation: false,
+    useScaleAnimation: true,
+    only: false,
+    zIndex: 10000,
+    preventDefault: true,
+    style: null,
+    beforeAppendToPageCallBack() {},
+    limitPositionXInView: true,
+    limitPositionYInView: true,
+    beforeShowCallBack() {},
+  };
+};

package/src/components/rightClickMenu/index.css

@@ -1,115 +1,115 @@
-.pops-rightClickMenu {
-  --pops-right-context-color: #000000;
-  --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);
-  --pops-right-context-backdrop-filter: blur(10px);
-  --pops-right-context-z-index: 10000;
-  --pops-right-context-bd-radius: 6px;
-  --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);
-  --pops-right-context-menu-row-bd-radius: 6px;
-  --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);
-  --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);
-}
-.pops-rightClickMenu * {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  -webkit-tap-highlight-color: transparent;
-  scrollbar-width: thin;
-}
-.pops-rightClickMenu {
-  position: fixed;
-  z-index: var(--pops-right-context-z-index);
-  text-align: center;
-  border-radius: var(--pops-right-context-bd-radius);
-  font-size: 16px;
-  font-weight: 500;
-  color: var(--pops-right-context-color);
-  background: var(--pops-right-context-bg-color);
-  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);
-  -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);
-  backdrop-filter: var(--pops-right-context-backdrop-filter);
-}
-.pops-rightClickMenu[data-position="absolute"] {
-  position: absolute;
-}
-/* scale动画 */
-.pops-rightClickMenu-anim-scale {
-  transition:
-    opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.2, 0, 0.2, 1);
-  transform: scale(0.85);
-}
-.pops-rightClickMenu-anim-scale-open {
-  transform: scale(1);
-}
-.pops-rightClickMenu-anim-scale-not-open {
-  opacity: 0;
-}
-/* 展开动画 */
-.pops-rightClickMenu-anim-grid {
-  display: grid;
-  transition: 0.3s;
-  grid-template-rows: 0fr;
-}
-.pops-rightClickMenu-anim-show {
-  grid-template-rows: 1fr;
-}
-.pops-rightClickMenu-is-visited {
-  background: var(--pops-right-context-menu-row-visited-color);
-}
-i.pops-rightClickMenu-icon {
-  height: 1em;
-  width: 1em;
-  line-height: normal;
-  align-content: center;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  fill: currentColor;
-  color: inherit;
-  font-size: inherit;
-  margin-right: 6px;
-}
-i.pops-rightClickMenu-icon[is-loading="true"] {
-  animation: rotating 2s linear infinite;
-}
-.pops-rightClickMenu li:hover {
-  background: var(--pops-right-context-menu-row-hover-color);
-  cursor: pointer;
-}
-.pops-rightClickMenu ul {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  overflow: hidden;
-}
-.pops-rightClickMenu ul li {
-  padding: 5px 10px;
-  margin: 5px 5px;
-  border-radius: var(--pops-right-context-menu-row-bd-radius);
-  display: flex;
-  width: -moz-available;
-  width: -webkit-fill-available;
-  text-align: left;
-  align-items: center;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-@media (prefers-color-scheme: dark) {
-  /*.pops-rightClickMenu {
-		--pops-right-context-menu-shadow-color: #3c3c3c;
-	}*/
-}
-@media (hover: hover) {
-  .pops-rightClickMenu ul li:active {
-    transform: scale(0.98);
-  }
-}
+.pops-rightClickMenu {
+  --pops-right-context-color: #000000;
+  --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);
+  --pops-right-context-backdrop-filter: blur(10px);
+  --pops-right-context-z-index: 10000;
+  --pops-right-context-bd-radius: 6px;
+  --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);
+  --pops-right-context-menu-row-bd-radius: 6px;
+  --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);
+  --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);
+}
+.pops-rightClickMenu * {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  -webkit-tap-highlight-color: transparent;
+  scrollbar-width: thin;
+}
+.pops-rightClickMenu {
+  position: fixed;
+  z-index: var(--pops-right-context-z-index);
+  text-align: center;
+  border-radius: var(--pops-right-context-bd-radius);
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--pops-right-context-color);
+  background: var(--pops-right-context-bg-color);
+  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);
+  -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);
+  backdrop-filter: var(--pops-right-context-backdrop-filter);
+}
+.pops-rightClickMenu[data-position="absolute"] {
+  position: absolute;
+}
+/* scale动画 */
+.pops-rightClickMenu-anim-scale {
+  transition:
+    opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),
+    transform 150ms cubic-bezier(0.2, 0, 0.2, 1);
+  transform: scale(0.85);
+}
+.pops-rightClickMenu-anim-scale-open {
+  transform: scale(1);
+}
+.pops-rightClickMenu-anim-scale-not-open {
+  opacity: 0;
+}
+/* 展开动画 */
+.pops-rightClickMenu-anim-grid {
+  display: grid;
+  transition: 0.3s;
+  grid-template-rows: 0fr;
+}
+.pops-rightClickMenu-anim-show {
+  grid-template-rows: 1fr;
+}
+.pops-rightClickMenu-is-visited {
+  background: var(--pops-right-context-menu-row-visited-color);
+}
+i.pops-rightClickMenu-icon {
+  height: 1em;
+  width: 1em;
+  line-height: normal;
+  align-content: center;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: inherit;
+  font-size: inherit;
+  margin-right: 6px;
+}
+i.pops-rightClickMenu-icon[is-loading="true"] {
+  animation: rotating 2s linear infinite;
+}
+.pops-rightClickMenu li:hover {
+  background: var(--pops-right-context-menu-row-hover-color);
+  cursor: pointer;
+}
+.pops-rightClickMenu ul {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  overflow: hidden;
+}
+.pops-rightClickMenu ul li {
+  padding: 5px 10px;
+  margin: 5px 5px;
+  border-radius: var(--pops-right-context-menu-row-bd-radius);
+  display: flex;
+  width: -moz-available;
+  width: -webkit-fill-available;
+  text-align: left;
+  align-items: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  /*.pops-rightClickMenu {
+		--pops-right-context-menu-shadow-color: #3c3c3c;
+	}*/
+}
+@media (hover: hover) {
+  .pops-rightClickMenu ul li:active {
+    transform: scale(0.98);
+  }
+}