@whitesev/pops 1.9.6 → 2.0.0

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

@@ -1,4 +1,6 @@
 import type { PopsPanelCommonDetails } from "./commonType";
+import type { PopsPanelFormsDetails } from "./formsType";
+import type { PopsPanelFormsTotalDetails } from "./indexType";
 /**
  * pops.panel的 select
  */
@@ -71,5 +73,9 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
          * + select元素触发change事件
          */
         disable?(value: T): boolean;
+        /**
+         * 子配置，跟随切换改变
+         */
+        forms?: (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[] | (() => (PopsPanelFormsDetails | PopsPanelFormsTotalDetails)[]);
     }[];
 }

package/dist/types/src/utils/PopsSafeUtils.d.ts

@@ -0,0 +1,6 @@
+export declare const PopsSafeUtils: {
+    /**
+     * 设置安全的html
+     */
+    setSafeHTML($el: Element, text: string): void;
+};

package/package.json

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

package/src/Pops.ts

@@ -78,12 +78,13 @@ import { PopsMathFloatUtils } from "./utils/PopsMathUtils";
 import { PanelHandleContentDetails } from "./components/panel/PanelHandleContentDetails";
 import { GlobalConfig } from "./GlobalConfig";
 import { PopsTooltip, type PopsTooltipResult } from "./components/tooltip";
+import { PopsSafeUtils } from "./utils/PopsSafeUtils";
 
 class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2024.12.19",
+		version: "2025.3.2",
 		cssText: {
 			/** 主CSS */
 			index: indexCSS,
@@ -194,7 +195,7 @@ class Pops {
 			/* 处理获取当前所有的动画名 */
 			this.config.isInit = true;
 			let animationStyle = document.createElement("style");
-			animationStyle.innerHTML = this.config.cssText.anim;
+			PopsSafeUtils.setSafeHTML(animationStyle, this.config.cssText.anim);
 			popsDOMUtils.appendHead(animationStyle);
 			this.config.animation = null as any;
 			this.config.animation = PopsInstanceUtils.getKeyFrames(
@@ -283,7 +284,7 @@ class Pops {
 	 * 提示框
 	 * @param details 配置
 	 */
-	tooltip = <T extends PopsToolTipDetails=PopsToolTipDetails>(details: T) => {
+	tooltip = <T extends PopsToolTipDetails = PopsToolTipDetails>(details: T) => {
 		let popsTooltip = new PopsTooltip(details) as PopsTooltipResult<T>;
 		return popsTooltip;
 	};

package/src/components/folder/index.ts

@@ -4,6 +4,7 @@ import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
+import { PopsSafeUtils } from "../../utils/PopsSafeUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import { PopsFolderConfig } from "./config";
 import { Folder_ICON } from "./folderIcon";
@@ -387,27 +388,36 @@ export class PopsFolder {
 			fileNameElement.className = "pops-folder-list-table__body-td";
 			fileTimeElement.className = "pops-folder-list-table__body-td";
 			fileFormatSize.className = "pops-folder-list-table__body-td";
-			fileNameElement.innerHTML = `
-            <div class="pops-folder-list-file-name cursor-p">
-                <div>
-                    <img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
-                    <a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
-                    ${fileName}
-                    </a>
-                </div>
-            </div>
-            `;
-			fileTimeElement.innerHTML = `
-            <div class="pops-folder-list__time">
-                <span>${latestTime}</span>
-            </div>
-            `;
+			PopsSafeUtils.setSafeHTML(
+				fileNameElement,
+				/*html*/ `
+				<div class="pops-folder-list-file-name cursor-p">
+					<div>
+						<img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
+						<a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
+						${fileName}
+						</a>
+					</div>
+				</div>
+            `
+			);
+			PopsSafeUtils.setSafeHTML(
+				fileTimeElement,
+				/*html*/ `
+				<div class="pops-folder-list__time">
+					<span>${latestTime}</span>
+				</div>
+				`
+			);
+			PopsSafeUtils.setSafeHTML(
+				fileFormatSize,
+				/*html*/ `
+				<div class="pops-folder-list-format-size">
+					<span>${fileSize}</span>
+				</div>
+				`
+			);
 
-			fileFormatSize.innerHTML = `
-            <div class="pops-folder-list-format-size">
-                <span>${fileSize}</span>
-            </div>
-            `;
 			/* 存储原来的值 */
 			let __value__ = {
 				fileName: origin_fileName,
@@ -479,17 +489,20 @@ export class PopsFolder {
 			}
 			folderELement.className = "pops-folder-list-table__body-row";
 			fileNameElement.className = "pops-folder-list-table__body-td";
-			fileNameElement.innerHTML = `
-            <div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">
-                <img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
-                <div>
-                    <a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
-                        ${fileName}
-                    </a>
-                    <span>${latestTime} ${fileSize}</span>
-                </div>
-            </div>
-            `;
+			PopsSafeUtils.setSafeHTML(
+				fileNameElement,
+				/*html*/ `
+				<div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">
+					<img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
+					<div>
+						<a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
+							${fileName}
+						</a>
+						<span>${latestTime} ${fileSize}</span>
+					</div>
+				</div>
+			`
+			);
 			/* 存储原来的值 */
 			let __value__ = {
 				fileName: origin_fileName,
@@ -511,7 +524,7 @@ export class PopsFolder {
 		 * 清空每行的元素
 		 */
 		function clearFolerRow() {
-			folderListBodyElement.innerHTML = "";
+			PopsSafeUtils.setSafeHTML(folderListBodyElement, "");
 		}
 		function getArrowIconElement() {
 			let iconArrowElement = popsDOMUtils.createElement("div", {