@whitesev/pops 2.1.2 → 2.1.4

package/dist/index.system.js

@@ -332,8 +332,7 @@ System.register('pops', [], (function (exports) {
                     if (target === PopsCore.self) {
                         return true;
                     }
-                    if (typeof unsafeWindow !== "undefined" &&
-                        target === unsafeWindow) {
+                    if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
                         return true;
                     }
                     if (target?.Math?.toString() !== "[object Math]") {
@@ -2270,7 +2269,7 @@ System.register('pops', [], (function (exports) {
 
             var drawerCSS = ".pops[type-value=\"drawer\"] {\r\n\tposition: fixed;\r\n\tbox-sizing: border-box;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tbox-shadow: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),\r\n\t\t0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);\r\n\toverflow: hidden;\r\n\ttransition: all 0.3s;\r\n}\r\n.pops[type-value] .pops-drawer-title {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n}\r\n.pops[type-value] .pops-drawer-title p[pops] {\r\n\tline-height: normal;\r\n\talign-content: center;\r\n}\r\n\r\n.pops-drawer-content {\r\n\tflex: 1;\r\n\toverflow: auto;\r\n}\r\n.pops[type-value=\"drawer\"] .pops-drawer-btn {\r\n\tpadding-top: 10px;\r\n\tpadding-bottom: 10px;\r\n}\r\n.pops[type-value=\"drawer\"][direction=\"top\"] {\r\n\twidth: 100%;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttop: 0;\r\n}\r\n.pops[type-value=\"drawer\"][direction=\"bottom\"] {\r\n\twidth: 100%;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n.pops[type-value=\"drawer\"][direction=\"left\"] {\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n}\r\n.pops[type-value=\"drawer\"][direction=\"right\"] {\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tright: 0;\r\n}\r\n";
 
-            var folderCSS = ".pops[type-value] .pops-folder-title {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-title {\r\n\twidth: 100%;\r\n\theight: var(--container-title-height);\r\n\tborder-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-title p[pops] {\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\tcolor: rgb(51, 51, 51);\r\n\ttext-indent: 15px;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-content p[pops] {\r\n\tpadding: 5px 10px;\r\n\tcolor: rgb(51, 51, 51);\r\n\ttext-indent: 15px;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-content {\r\n\twidth: 100%;\r\n\t/*height: calc(\r\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n\t);*/\r\n\tflex: 1;\r\n\toverflow: auto;\r\n\tword-break: break-word;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-btn {\r\n\t/*position: absolute;\r\n\tbottom: 0;*/\r\n\tdisplay: flex;\r\n\tpadding: 10px 10px 10px 10px;\r\n\twidth: 100%;\r\n\theight: var(--container-bottom-btn-height);\r\n\tmax-height: var(--container-bottom-btn-height);\r\n\tline-height: normal;\r\n\tborder-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n\ttext-align: right;\r\n\talign-items: center;\r\n}\r\n.pops-folder-list .cursor-p {\r\n\tcursor: pointer;\r\n}\r\n.pops-folder-list a {\r\n\tbackground: 0 0;\r\n\ttext-decoration: none;\r\n\t-webkit-tap-highlight-color: transparent;\r\n\tcolor: #05082c;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n\twidth: 100%;\r\n\ttable-layout: fixed;\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n\tpadding: 0 20px;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n\theight: 100%;\r\n\tbackground: 0 0;\r\n\toverflow: hidden;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -ms-flexbox;\r\n\t-ms-flex-direction: column;\r\n\t-webkit-box-orient: vertical;\r\n\t-webkit-box-direction: normal;\r\n}\r\ntable.pops-folder-list-table__body {\r\n\theight: 100%;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n}\r\n.pops-folder-list table tr {\r\n\tline-height: normal;\r\n\talign-content: center;\r\n}\r\n.pops-folder-list-table__header-row {\r\n\theight: 50px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tcolor: rgb(129, 137, 153);\r\n\ttext-align: left;\r\n\tfont-size: 12px;\r\n}\r\n.pops-folder-list-table__header-row {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n}\r\n.pops-folder-list-table__body-row {\r\n\theight: 50px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tcolor: #03081a;\r\n\tfont-size: 12px;\r\n}\r\n.pops-folder-list-table__body-row:hover {\r\n\tbackground: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table th {\r\n\tborder: 0;\r\n\tborder-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table td {\r\n\tborder: 0;\r\n\tborder-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n\tposition: relative;\r\n}\r\n.pops-folder-list .list-name-text {\r\n\tdisplay: inline-block;\r\n\tpadding-left: 12px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tmax-width: 176px;\r\n}\r\n.pops-folder-list-file-name > div {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.pops-mobile-folder-list-file-name {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.pops-mobile-folder-list-file-name > div {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-start;\r\n\tpadding: 6px 0px;\r\n\tflex-direction: column;\r\n}\r\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n}\r\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\r\n\tpadding-left: unset;\r\n\tmax-width: 250px;\r\n\toverflow-x: hidden;\r\n\tfont-weight: 400;\r\n\tline-height: unset;\r\n\tmargin-bottom: 4px;\r\n\twhite-space: normal;\r\n\ttext-overflow: unset;\r\n}\r\n\r\n/* 修改滚动 */\r\n.pops-folder-content {\r\n\toverflow: hidden !important;\r\n}\r\n.pops-folder-content .pops-folder-list {\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n.pops-folder-content .pops-folder-list-table__body-div {\r\n\theight: 100%;\r\n\tflex: 1 auto;\r\n\toverflow: auto;\r\n\tpadding-bottom: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\r\n\theight: 100%;\r\n\tflex: 1 auto;\r\n\toverflow: auto;\r\n\tpadding-bottom: 0;\r\n}\r\n.pops-folder-content table.pops-folder-list-table__body {\r\n\toverflow: auto;\r\n}\r\n.pops-folder-content .pops-folder-list-table__header-div {\r\n\tflex: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\r\n\tdisplay: none;\r\n}\r\n\r\n.pops-folder-list-file-name-title-text:hover {\r\n\ttext-decoration: none;\r\n\tcolor: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .text-ellip {\r\n\toverflow: hidden;\r\n\twhite-space: nowrap;\r\n\ttext-overflow: ellipsis;\r\n}\r\n.pops-folder-list .content {\r\n\tcolor: rgb(129, 137, 153);\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\ttext-align: left;\r\n}\r\n.pops-folder-list .inline-block-v-middle {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .flex-a-i-center {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.pops-folder-list .u-file-icon {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .u-file-icon--list {\r\n\twidth: 32px;\r\n\theight: 32px;\r\n}\r\n.pops-folder-list .pops-folder-list-file-icon {\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tposition: relative;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\r\n\tflex: 0;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n\t-webkit-box-align: center;\r\n\t-webkit-align-items: center;\r\n\t-ms-flex-align: center;\r\n\talign-items: center;\r\n\t-webkit-box-orient: horizontal;\r\n\t-webkit-box-direction: normal;\r\n\t-webkit-flex-direction: row;\r\n\t-ms-flex-direction: row;\r\n\tflex-direction: row;\r\n\tmin-height: 17px;\r\n\tflex-wrap: wrap;\r\n}\r\n.pops-folder-list .pops-folder-list-table__sort {\r\n\tdisplay: inline-flex;\r\n\tmargin-left: 4px;\r\n\tflex-direction: column;\r\n}\r\n\r\n.pops-folder-list .pops-folder-icon-arrow {\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\tfill: rgb(212, 215, 222);\r\n}\r\n.pops-folder-list .pops-folder-icon-active {\r\n\tfill: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb {\r\n\tpadding: 4px 20px;\r\n\t-webkit-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n\t-webkit-box-align: center;\r\n\t-webkit-align-items: center;\r\n\t-ms-flex-align: center;\r\n\talign-items: center;\r\n\t-webkit-box-orient: horizontal;\r\n\t-webkit-box-direction: normal;\r\n\t-webkit-flex-direction: row;\r\n\t-ms-flex-direction: row;\r\n\tflex-direction: row;\r\n\t-webkit-box-pack: start;\r\n\t-webkit-justify-content: start;\r\n\t-ms-flex-pack: start;\r\n\tjustify-content: flex-start;\r\n\tmin-height: 35px;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\r\n\tfont-size: 12px;\r\n\tcolor: #333;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tfont-weight: 700;\r\n\tdisplay: inline-block;\r\n\tmax-width: 140px;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tword-wrap: normal;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\r\n\tcolor: rgb(153, 153, 153);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\r\n\tfont-size: 14px;\r\n\tcolor: rgb(18, 22, 26);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.pops-folder-list .iconArrow {\r\n\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\r\n\t\t55% 50%/6px 9px no-repeat;\r\n}\r\n";
+            var folderCSS = ".pops[type-value] .pops-folder-title {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-title {\r\n\twidth: 100%;\r\n\theight: var(--container-title-height);\r\n\tborder-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-title p[pops] {\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\tcolor: rgb(51, 51, 51);\r\n\ttext-indent: 15px;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-content p[pops] {\r\n\tpadding: 5px 10px;\r\n\tcolor: rgb(51, 51, 51);\r\n\ttext-indent: 15px;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-content {\r\n\twidth: 100%;\r\n\t/*height: calc(\r\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n\t);*/\r\n\tflex: 1;\r\n\toverflow: auto;\r\n\tword-break: break-word;\r\n}\r\n.pops[type-value=\"folder\"] .pops-folder-btn {\r\n\t/*position: absolute;\r\n\tbottom: 0;*/\r\n\tdisplay: flex;\r\n\tpadding: 10px 10px 10px 10px;\r\n\twidth: 100%;\r\n\theight: var(--container-bottom-btn-height);\r\n\tmax-height: var(--container-bottom-btn-height);\r\n\tline-height: normal;\r\n\tborder-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n\ttext-align: right;\r\n\talign-items: center;\r\n}\r\n.pops-folder-list .cursor-p {\r\n\tcursor: pointer;\r\n}\r\n.pops-folder-list a {\r\n\tbackground: 0 0;\r\n\ttext-decoration: none;\r\n\t-webkit-tap-highlight-color: transparent;\r\n\tcolor: #05082c;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n\twidth: 100%;\r\n\ttable-layout: fixed;\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n\tpadding: 0 20px;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n\theight: 100%;\r\n\tbackground: 0 0;\r\n\toverflow: hidden;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -ms-flexbox;\r\n\t-ms-flex-direction: column;\r\n\t-webkit-box-orient: vertical;\r\n\t-webkit-box-direction: normal;\r\n}\r\ntable.pops-folder-list-table__body {\r\n\theight: 100%;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n}\r\n.pops-folder-list table tr {\r\n\tline-height: normal;\r\n\talign-content: center;\r\n}\r\n.pops-folder-list-table__header-row {\r\n\theight: 50px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tcolor: rgb(129, 137, 153);\r\n\ttext-align: left;\r\n\tfont-size: 12px;\r\n}\r\n.pops-folder-list-table__header-row {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n}\r\n.pops-folder-list-table__body-row {\r\n\theight: 50px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tcolor: #03081a;\r\n\tfont-size: 12px;\r\n}\r\n.pops-folder-list-table__body-row:hover {\r\n\tbackground: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table th {\r\n\tborder: 0;\r\n\tborder-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table td {\r\n\tborder: 0;\r\n\tborder-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n\tposition: relative;\r\n}\r\n.pops-folder-list .list-name-text {\r\n\tdisplay: inline-block;\r\n\tpadding-left: 12px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tmax-width: 176px;\r\n}\r\n.pops-folder-list-file-name > div {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.pops-mobile-folder-list-file-name {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.pops-mobile-folder-list-file-name > div {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-start;\r\n\tpadding: 6px 0px;\r\n\tflex-direction: column;\r\n}\r\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n}\r\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\r\n\tpadding-left: unset;\r\n\tmax-width: 250px;\r\n\toverflow-x: hidden;\r\n\tfont-weight: 400;\r\n\tline-height: unset;\r\n\tmargin-bottom: 4px;\r\n\twhite-space: normal;\r\n\ttext-overflow: unset;\r\n}\r\n\r\n/* 修改滚动 */\r\n.pops-folder-content {\r\n\toverflow: hidden !important;\r\n}\r\n.pops-folder-content .pops-folder-list {\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n.pops-folder-content .pops-folder-list-table__body-div {\r\n\theight: 100%;\r\n\tflex: 1 auto;\r\n\toverflow: auto;\r\n\tpadding-bottom: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\r\n\theight: 100%;\r\n\tflex: 1 auto;\r\n\toverflow: auto;\r\n\tpadding-bottom: 0;\r\n}\r\n.pops-folder-content table.pops-folder-list-table__body {\r\n\toverflow: auto;\r\n}\r\n.pops-folder-content .pops-folder-list-table__header-div {\r\n\tflex: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\r\n\tdisplay: none;\r\n}\r\n\r\n.pops-folder-list-file-name-title-text:hover {\r\n\ttext-decoration: none;\r\n\tcolor: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .text-ellip {\r\n\toverflow: hidden;\r\n\twhite-space: nowrap;\r\n\ttext-overflow: ellipsis;\r\n}\r\n.pops-folder-list .content {\r\n\tcolor: rgb(129, 137, 153);\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\ttext-align: left;\r\n}\r\n.pops-folder-list .inline-block-v-middle {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .flex-a-i-center {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.pops-folder-list .u-file-icon {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .u-file-icon--list {\r\n\twidth: 32px;\r\n\theight: 32px;\r\n}\r\n.pops-folder-list .pops-folder-list-file-icon {\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tposition: relative;\r\n\tvertical-align: middle;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\r\n\tflex: 1;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n\t-webkit-box-align: center;\r\n\t-webkit-align-items: center;\r\n\t-ms-flex-align: center;\r\n\talign-items: center;\r\n\t-webkit-box-orient: horizontal;\r\n\t-webkit-box-direction: normal;\r\n\t-webkit-flex-direction: row;\r\n\t-ms-flex-direction: row;\r\n\tflex-direction: row;\r\n\tmin-height: 17px;\r\n\tflex-wrap: wrap;\r\n}\r\n.pops-folder-list .pops-folder-list-table__sort {\r\n\tdisplay: inline-flex;\r\n\tmargin-left: 4px;\r\n\tflex-direction: column;\r\n}\r\n\r\n.pops-folder-list .pops-folder-icon-arrow {\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\tfill: rgb(212, 215, 222);\r\n}\r\n.pops-folder-list .pops-folder-icon-active {\r\n\tfill: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb {\r\n\tpadding: 4px 20px;\r\n\t-webkit-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n\t-webkit-box-align: center;\r\n\t-webkit-align-items: center;\r\n\t-ms-flex-align: center;\r\n\talign-items: center;\r\n\t-webkit-box-orient: horizontal;\r\n\t-webkit-box-direction: normal;\r\n\t-webkit-flex-direction: row;\r\n\t-ms-flex-direction: row;\r\n\tflex-direction: row;\r\n\t-webkit-box-pack: start;\r\n\t-webkit-justify-content: start;\r\n\t-ms-flex-pack: start;\r\n\tjustify-content: flex-start;\r\n\tmin-height: 35px;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\r\n\tfont-size: 12px;\r\n\tcolor: #333;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tfont-weight: 700;\r\n\tdisplay: inline-block;\r\n\tmax-width: 140px;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tword-wrap: normal;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\r\n\tcolor: rgb(153, 153, 153);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\r\n\tfont-size: 14px;\r\n\tcolor: rgb(18, 22, 26);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.pops-folder-list .iconArrow {\r\n\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\r\n\t\t55% 50%/6px 9px no-repeat;\r\n}\r\n";
 
             var panelCSS = ".pops[type-value=\"panel\"] {\r\n\t--el-disabled-text-color: #a8abb2;\r\n\t--el-disabled-bg-color: #f5f7fa;\r\n\t--el-disabled-border-color: #e4e7ed;\r\n\t--pops-bg-color: #f2f2f2;\r\n\t--pops-color: #333;\r\n\t--title-bg-color: #ffffff;\r\n\t--aside-bg-color: #ffffff;\r\n\t--aside-hover-color: rgb(64, 158, 255);\r\n\t--aside-hover-bg-color: rgba(64, 158, 255, 0.1);\r\n\r\n\t--pops-panel-forms-margin-top-bottom: 10px;\r\n\t--pops-panel-forms-margin-left-right: 20px;\r\n\t--pops-panel-forms-header-icon-size: 20px;\r\n\t--pops-panel-forms-header-padding-top-bottom: 15px;\r\n\t--pops-panel-forms-header-padding-left-right: 10px;\r\n\t--pops-panel-forms-container-item-left-text-gap: 6px;\r\n\t--pops-panel-forms-container-item-left-desc-text-size: 0.8em;\r\n\t--pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\r\n\t--pops-panel-forms-container-item-bg-color: #ffffff;\r\n\t--pops-panel-forms-container-item-title-color: #333;\r\n\t--pops-panel-forms-container-item-border-radius: 6px;\r\n\t--pops-panel-forms-container-item-margin-top-bottom: 10px;\r\n\t--pops-panel-forms-container-item-margin-left-right: var(\r\n\t\t--pops-panel-forms-margin-left-right\r\n\t);\r\n\t--pops-panel-forms-container-li-padding-top-bottom: 12px;\r\n\t--pops-panel-forms-container-li-padding-left-right: 16px;\r\n}\r\n.pops[type-value=\"panel\"] {\r\n\tcolor: var(--pops-color);\r\n\tbackground: var(--pops-bg-color);\r\n}\r\n.pops[type-value] .pops-panel-title {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tbackground: var(--title-bg-color);\r\n}\r\n\r\n.pops[type-value=\"panel\"] .pops-panel-title {\r\n\twidth: 100%;\r\n\theight: var(--container-title-height);\r\n\tborder-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value=\"panel\"] .pops-panel-title p[pops] {\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\ttext-indent: 15px;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n}\r\n.pops[type-value=\"panel\"] .pops-panel-content {\r\n\twidth: 100%;\r\n\t/*height: calc(\r\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n\t);*/\r\n\tflex: 1;\r\n\toverflow: auto;\r\n\tword-break: break-word;\r\n}\r\n.pops[type-value=\"panel\"] .pops-panel-btn {\r\n\tdisplay: flex;\r\n\tpadding: 10px 10px 10px 10px;\r\n\twidth: 100%;\r\n\theight: var(--container-bottom-btn-height);\r\n\tmax-height: var(--container-bottom-btn-height);\r\n\tline-height: normal;\r\n\tborder-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n\ttext-align: right;\r\n\talign-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n/* ↓panel的CSS↓ */\r\naside.pops-panel-aside {\r\n\toverflow: auto;\r\n\tbox-sizing: border-box;\r\n\tflex-shrink: 0;\r\n\tmax-width: 200px;\r\n\tmin-width: 100px;\r\n\theight: 100%;\r\n\tbackground: var(--aside-bg-color);\r\n\tborder-right: 1px solid var(--aside-bg-color);\r\n\tfont-size: 0.9em;\r\n}\r\naside.pops-panel-aside {\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n}\r\n.pops-panel-content {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex: 1;\r\n\toverflow: auto;\r\n\tflex-basis: auto;\r\n\tbox-sizing: border-box;\r\n\tmin-width: 0;\r\n\tbottom: 0 !important;\r\n}\r\nsection.pops-panel-container {\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul,\r\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\r\n\tborder-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n\tflex: 0 auto;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul li {\r\n\ttext-align: left;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start !important;\r\n\tmargin: 0px !important;\r\n\tpadding: var(--pops-panel-forms-header-padding-top-bottom)\r\n\t\tcalc(\r\n\t\t\tvar(--pops-panel-forms-margin-left-right) +\r\n\t\t\t\tvar(--pops-panel-forms-container-li-padding-left-right)\r\n\t\t);\r\n}\r\nsection.pops-panel-container > ul:last-child {\r\n\toverflow: auto;\r\n\tflex: 1;\r\n}\r\naside.pops-panel-aside ul li {\r\n\tmargin: 6px 8px;\r\n\tborder-radius: 4px;\r\n\tpadding: 6px 10px;\r\n\tcursor: default;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n}\r\naside.pops-panel-aside .pops-is-visited,\r\naside.pops-panel-aside ul li:hover {\r\n\tcolor: var(--aside-hover-color);\r\n\tbackground: var(--aside-hover-bg-color);\r\n}\r\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tmargin: var(--pops-panel-forms-margin-top-bottom)\r\n\t\tcalc(\r\n\t\t\tvar(--pops-panel-forms-margin-left-right) +\r\n\t\t\t\tvar(--pops-panel-forms-margin-left-right)\r\n\t\t);\r\n\tgap: 10px;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\r\n\tmargin: 10px;\r\n\tmargin-left: calc(\r\n\t\tvar(--pops-panel-forms-margin-left-right) +\r\n\t\t\tvar(--pops-panel-forms-container-li-padding-left-right)\r\n\t);\r\n\tfont-size: 0.9em;\r\n\ttext-align: left;\r\n\tcolor: var(--pops-panel-forms-container-item-title-color);\r\n}\r\nsection.pops-panel-container li.pops-panel-forms-container-item {\r\n\tdisplay: block;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul {\r\n\tborder-radius: var(--pops-panel-forms-container-item-border-radius);\r\n\tbackground: var(--pops-panel-forms-container-item-bg-color);\r\n\tmargin: var(--pops-panel-forms-container-item-margin-top-bottom)\r\n\t\tvar(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\r\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\r\n\tborder-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n\ttext-align: left;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-container-item\r\n\tul\r\n\tli.pops-panel-deepMenu-nav-item {\r\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n\t\tvar(--pops-panel-forms-container-li-padding-left-right);\r\n\tmargin: 0px;\r\n\tborder-bottom: 0;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li:last-child {\r\n\tborder: 0;\r\n}\r\n/* 左侧的文字 */\r\nsection.pops-panel-container .pops-panel-item-left-text {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: var(--pops-panel-forms-container-item-left-text-gap);\r\n}\r\n\r\n/* 左侧的主文字 */\r\nsection.pops-panel-container .pops-panel-item-left-main-text {\r\n\t/*line-height: 2;*/\r\n}\r\n/* 左侧的描述文字 */\r\nsection.pops-panel-container .pops-panel-item-left-desc-text {\r\n\tfont-size: var(--pops-panel-forms-container-item-left-desc-text-size);\r\n\tcolor: var(--pops-panel-forms-container-item-left-desc-text-color);\r\n}\r\n\r\n/* 折叠面板 */\r\n\r\nsection.pops-panel-container .pops-panel-forms-fold {\r\n\tborder-radius: var(--pops-panel-forms-container-item-border-radius);\r\n\tbackground: var(--pops-panel-forms-container-item-bg-color);\r\n\tmargin: var(--pops-panel-forms-margin-top-bottom)\r\n\t\tvar(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-fold\r\n\t.pops-panel-forms-fold-container {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tfill: #6c6c6c;\r\n\tjustify-content: space-between;\r\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\r\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-fold[data-fold-enable]\r\n\t.pops-panel-forms-fold-container-icon {\r\n\ttransform: rotate(90deg);\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-fold\r\n\t.pops-panel-forms-fold-container-icon {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\ttransform: rotate(-90deg);\r\n\ttransition: transform 0.3s;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-fold[data-fold-enable]\r\n\t.pops-panel-forms-container-item-formlist {\r\n\theight: 0;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-forms-fold\r\n\t.pops-panel-forms-container-item-formlist {\r\n\ttransition: height 0.3s;\r\n\toverflow: hidden;\r\n\tborder-radius: unset;\r\n\tbackground: unset;\r\n\tmargin: 0;\r\n\theight: auto;\r\n\theight: calc-size(auto, size);\r\n}\r\n/* 折叠面板 */\r\n\r\n/* 姑且认为小于600px的屏幕为移动端 */\r\n@media (max-width: 600px) {\r\n\t/* 兼容移动端CSS */\r\n\t.pops[type-value=\"panel\"] {\r\n\t\t--pops-panel-forms-margin-left-right: 10px;\r\n\t}\r\n\t.pops[type-value=\"panel\"] {\r\n\t\twidth: 92%;\r\n\t\twidth: 92vw;\r\n\t\twidth: 92dvw;\r\n\t}\r\n\t.pops[type-value=\"panel\"] .pops-panel-content aside.pops-panel-aside {\r\n\t\tmax-width: 20%;\r\n\t\tmin-width: auto;\r\n\t}\r\n\t.pops[type-value=\"panel\"]\r\n\t\tsection.pops-panel-container\r\n\t\t.pops-panel-forms-container-item\r\n\t\t> div {\r\n\t\ttext-align: left;\r\n\t\t--pops-panel-forms-margin-left-right: 0px;\r\n\t}\r\n\t.pops[type-value=\"panel\"]\r\n\t\tsection.pops-panel-container\r\n\t\t.pops-panel-forms-container-item\r\n\t\tul {\r\n\t\tmargin: 0px !important;\r\n\t}\r\n\t.pops[type-value=\"panel\"] section.pops-panel-container > ul > li {\r\n\t\tmargin: 10px 10px;\r\n\t}\r\n\t.pops[type-value=\"panel\"]\r\n\t\tsection.pops-panel-container\r\n\t\t> ul\r\n\t\t> li\r\n\t\tdiv:nth-child(2) {\r\n\t\tmax-width: 55%;\r\n\t}\r\n\t.pops[type-value=\"panel\"]\r\n\t\tsection.pops-panel-container\r\n\t\t.pops-panel-select\r\n\t\tselect {\r\n\t\tmin-width: 88px !important;\r\n\t\twidth: -webkit-fill-available;\r\n\t\twidth: -moz-available;\r\n\t}\r\n\t.pops[type-value=\"panel\"]\r\n\t\tsection.pops-panel-container\r\n\t\t.pops-panel-container-header-ul\r\n\t\tli {\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t.pops[type-value=\"panel\"] .pops-panel-title p[pops],\r\n\t.pops[type-value=\"panel\"] section.pops-panel-container > ul li,\r\n\t.pops[type-value=\"panel\"] aside.pops-panel-aside ul li {\r\n\t\tfont-size: 14px;\r\n\t}\r\n}\r\n/* switch的CSS */\r\n.pops-panel-switch {\r\n\tdisplay: inline-flex;\r\n\tflex-direction: row-reverse;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfont-size: 14px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\theight: 32px;\r\n\tvertical-align: middle;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\t-moz-user-select: none;\r\n}\r\n.pops-panel-switch input.pops-panel-switch__input {\r\n\tposition: absolute;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n\tmargin: 0;\r\n}\r\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\r\n.pops-panel-switch[data-disabled],\r\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\r\n.pops-panel-switch\r\n\tinput.pops-panel-switch__input:disabled\r\n\t+ .pops-panel-switch__core {\r\n\tcursor: not-allowed;\r\n\topacity: 0.6;\r\n}\r\n.pops-panel-switch span.pops-panel-switch__core {\r\n\tdisplay: inline-flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tmin-width: 40px;\r\n\theight: 20px;\r\n\tborder: 1px solid rgb(220, 223, 230, var(--pops-bd-opacity));\r\n\toutline: 0;\r\n\tborder-radius: 10px;\r\n\tbox-sizing: border-box;\r\n\tbackground: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n\tcursor: pointer;\r\n\ttransition: border-color 0.3s, background-color 0.3s;\r\n}\r\n.pops-panel-switch .pops-panel-switch__action {\r\n\tposition: absolute;\r\n\tleft: 1px;\r\n\tborder-radius: 100%;\r\n\ttransition: all 0.3s;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tcolor: rgb(220, 223, 230);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\r\n\tborder-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n\tbackground-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\r\n\tleft: calc(100% - 17px);\r\n\tcolor: rgb(64, 158, 255);\r\n}\r\n/* switch的CSS */\r\n\r\n/* slider旧的CSS */\r\nsection.pops-panel-container .pops-panel-slider:has(> input[type=\"range\"]) {\r\n\toverflow: hidden;\r\n\theight: 25px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"] {\r\n\theight: 6px;\r\n\tbackground: rgb(228, 231, 237, var(--pops-bg-opacity));\r\n\toutline: 0;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\twidth: 100%;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-slider\r\n\tinput[type=\"range\"]::-webkit-slider-thumb {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tborder-radius: 50%;\r\n\tborder: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tborder-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-slider\r\n\tinput[type=\"range\"]::-moz-range-thumb {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tborder-radius: 50%;\r\n\tborder: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\nsection.pops-panel-container\r\n\t.pops-panel-slider\r\n\tinput[type=\"range\"]::-moz-range-progress {\r\n\theight: 6px;\r\n\tborder-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\n/* slider旧的CSS */\r\n\r\n/* slider的CSS */\r\n.pops-slider {\r\n\t--pops-slider-color-white: #ffffff;\r\n\t--pops-slider-color-primary: #409eff;\r\n\t--pops-slider-color-info: #909399;\r\n\t--pops-slider-text-color-placeholder: #a8abb2;\r\n\t--pops-slider-border-color-light: #e4e7ed;\r\n\t--pops-slider-border-radius-circle: 100%;\r\n\t--pops-slider-transition-duration-fast: 0.2s;\r\n\r\n\t--pops-slider-main-bg-color: var(--pops-slider-color-primary);\r\n\t--pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\r\n\t--pops-slider-stop-bg-color: var(--pops-slider-color-white);\r\n\t--pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\r\n\t--pops-slider-border-radius: 3px;\r\n\t--pops-slider-height: 6px;\r\n\t--pops-slider-button-size: 20px;\r\n\t--pops-slider-button-wrapper-size: 36px;\r\n\t--pops-slider-button-wrapper-offset: -15px;\r\n}\r\n\r\n.pops-slider {\r\n\twidth: 100%;\r\n\theight: 32px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\t-moz-user-select: none;\r\n}\r\n\r\n.pops-slider-width {\r\n\tflex: 0 0 52%;\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.pops-slider__runway {\r\n\tflex: 1;\r\n\theight: var(--pops-slider-height);\r\n\tbackground-color: var(--pops-slider-runway-bg-color);\r\n\tborder-radius: var(--pops-slider-border-radius);\r\n\tposition: relative;\r\n\tcursor: pointer;\r\n}\r\n\r\n.pops-slider__runway.show-input {\r\n\tmargin-right: 30px;\r\n\twidth: auto;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled {\r\n\tcursor: default;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\r\n\tbackground-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\r\n\tborder-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n\tcursor: not-allowed;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n\ttransform: scale(1);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n\tcursor: not-allowed;\r\n}\r\n\r\n.pops-slider__input {\r\n\tflex-shrink: 0;\r\n\twidth: 130px;\r\n}\r\n\r\n.pops-slider__bar {\r\n\theight: var(--pops-slider-height);\r\n\tbackground-color: var(--pops-slider-main-bg-color);\r\n\tborder-top-left-radius: var(--pops-slider-border-radius);\r\n\tborder-bottom-left-radius: var(--pops-slider-border-radius);\r\n\tposition: absolute;\r\n}\r\n\r\n.pops-slider__button-wrapper {\r\n\theight: var(--pops-slider-button-wrapper-size);\r\n\twidth: var(--pops-slider-button-wrapper-size);\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\ttop: var(--pops-slider-button-wrapper-offset);\r\n\ttransform: translate(-50%);\r\n\tbackground-color: transparent;\r\n\ttext-align: center;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tline-height: normal;\r\n\toutline: none;\r\n}\r\n\r\n.pops-slider__button-wrapper:after {\r\n\tdisplay: inline-block;\r\n\tcontent: \"\";\r\n\theight: 100%;\r\n\tvertical-align: middle;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n\tcursor: grab;\r\n}\r\n\r\n.pops-slider__button {\r\n\tdisplay: inline-block;\r\n\twidth: var(--pops-slider-button-size);\r\n\theight: var(--pops-slider-button-size);\r\n\tvertical-align: middle;\r\n\tborder: solid 2px var(--pops-slider-main-bg-color);\r\n\tbackground-color: var(--pops-slider-color-white);\r\n\tborder-radius: 50%;\r\n\tbox-sizing: border-box;\r\n\ttransition: var(--pops-slider-transition-duration-fast);\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover,\r\n.pops-slider__button.dragging {\r\n\ttransform: scale(1.2);\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n\tcursor: grab;\r\n}\r\n\r\n.pops-slider__button.dragging {\r\n\tcursor: grabbing;\r\n}\r\n\r\n.pops-slider__stop {\r\n\tposition: absolute;\r\n\theight: var(--pops-slider-height);\r\n\twidth: var(--pops-slider-height);\r\n\tborder-radius: var(--pops-slider-border-radius-circle);\r\n\tbackground-color: var(--pops-slider-stop-bg-color);\r\n\ttransform: translate(-50%);\r\n}\r\n\r\n.pops-slider__marks {\r\n\ttop: 0;\r\n\tleft: 12px;\r\n\twidth: 18px;\r\n\theight: 100%;\r\n}\r\n\r\n.pops-slider__marks-text {\r\n\tposition: absolute;\r\n\ttransform: translate(-50%);\r\n\tfont-size: 14px;\r\n\tcolor: var(--pops-slider-color-info);\r\n\tmargin-top: 15px;\r\n\twhite-space: pre;\r\n}\r\n\r\n.pops-slider.is-vertical {\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\twidth: auto;\r\n\theight: 100%;\r\n\tflex: 0;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__runway {\r\n\twidth: var(--pops-slider-height);\r\n\theight: 100%;\r\n\tmargin: 0 16px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__bar {\r\n\twidth: var(--pops-slider-height);\r\n\theight: auto;\r\n\tborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__button-wrapper {\r\n\ttop: auto;\r\n\tleft: var(--pops-slider-button-wrapper-offset);\r\n\ttransform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__stop {\r\n\ttransform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__marks-text {\r\n\tmargin-top: 0;\r\n\tleft: 15px;\r\n\ttransform: translateY(50%);\r\n}\r\n\r\n.pops-slider--large {\r\n\theight: 40px;\r\n}\r\n\r\n.pops-slider--small {\r\n\theight: 24px;\r\n}\r\n/* slider的CSS */\r\n\r\n/* input的CSS */\r\n.pops-panel-input {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tborder: 1px solid #dcdfe6;\r\n\tborder-radius: 4px;\r\n\tbackground-color: #ffffff;\r\n\tposition: relative;\r\n}\r\n.pops-panel-input:hover {\r\n\tbox-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-input:has(input:focus) {\r\n\toutline: 0;\r\n\tborder: 1px solid #409eff;\r\n\tborder-radius: 4px;\r\n\tbox-shadow: none;\r\n}\r\n.pops-panel-input input {\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\ttext-align: start;\r\n\talign-items: center;\r\n\talign-content: center;\r\n\twhite-space: nowrap;\r\n\tcursor: text;\r\n\tbox-sizing: border-box;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tvertical-align: middle;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tbackground-color: transparent;\r\n\toutline: 0;\r\n\ttransition: 0.1s;\r\n\tborder: 0;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\theight: 32px;\r\n\twidth: 100%;\r\n\tflex: 1;\r\n\tmargin-right: calc(1em + 8px);\r\n\tpadding: 8px 8px;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix {\r\n\tdisplay: inline-flex;\r\n\twhite-space: nowrap;\r\n\tflex-shrink: 0;\r\n\tflex-wrap: nowrap;\r\n\theight: 100%;\r\n\ttext-align: center;\r\n\tcolor: #a8abb2;\r\n\ttransition: all 0.3s;\r\n\tpointer-events: none;\r\n\tmargin: 0 8px;\r\n\tposition: absolute;\r\n\tright: 0px;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix-inner {\r\n\tpointer-events: all;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n\tcursor: pointer;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n\theight: inherit;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\ttransition: all 0.3s;\r\n}\r\n.pops-panel-input .pops-panel-icon svg {\r\n\theight: 1em;\r\n\twidth: 1em;\r\n}\r\n\r\n.pops-input-disabled {\r\n\tbackground-color: var(--el-disabled-bg-color);\r\n\tbox-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;\r\n}\r\n.pops-panel-input.pops-input-disabled {\r\n\tborder: none;\r\n}\r\n.pops-panel-input.pops-input-disabled:hover {\r\n\tbox-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;\r\n}\r\n.pops-panel-input input:disabled,\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tcolor: var(--el-disabled-text-color);\r\n\t-webkit-text-fill-color: var(--el-disabled-text-color);\r\n\tcursor: not-allowed;\r\n}\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n\tdisplay: none;\r\n}\r\n/* input的CSS */\r\n\r\n/* textarea的CSS */\r\n.pops-panel-textarea textarea {\r\n\twidth: 100%;\r\n\t/*vertical-align: bottom;*/\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tresize: none;\r\n\tpadding: 5px 11px;\r\n\t/*line-height: 1;*/\r\n\tbox-sizing: border-box;\r\n\tfont-size: inherit;\r\n\tfont-family: inherit;\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tbackground-image: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tbox-shadow: 0 0 0 1px #dcdfe6 inset;\r\n\tborder-radius: 0;\r\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n\tborder: none;\r\n}\r\n.pops-panel-textarea textarea:hover {\r\n\tbox-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-textarea-disable .pops-panel-textarea textarea:hover {\r\n\tbox-shadow: none;\r\n}\r\n.pops-panel-textarea textarea:focus {\r\n\toutline: 0;\r\n\tbox-shadow: 0 0 0 1px #409eff inset;\r\n}\r\n/* textarea的CSS */\r\n\r\n/* select的CSS */\r\n.pops-panel-select select {\r\n\theight: 32px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tmin-width: 200px;\r\n\tborder: 1px solid rgb(184, 184, 184, var(--pops-bd-opacity));\r\n\tborder-radius: 5px;\r\n\ttext-align: center;\r\n\toutline: 0;\r\n\tbackground: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tbox-shadow: none;\r\n}\r\n.pops-panel-select select:hover {\r\n\tbox-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-select-disable .pops-panel-select select:hover {\r\n\tbox-shadow: none;\r\n}\r\n.pops-panel-select select:focus {\r\n\tborder: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n\tbox-shadow: none;\r\n}\r\n/* select的CSS */\r\n\r\n/* select-multiple的CSS*/\r\n.pops-panel-select-multiple {\r\n\t--el-border-radius-base: 4px;\r\n\t--el-fill-color-blank: #ffffff;\r\n\t--el-transition-duration: 0.3s;\r\n\t--el-border-color: #dcdfe6;\r\n\t--el-text-color-placeholder: #a8abb2;\r\n\t--color: inherit;\r\n\t--el-select-input-color: #a8abb2;\r\n\t--el-select-input-font-size: 14px;\r\n\t--el-text-color-regular: #606266;\r\n\t--el-color-info: #909399;\r\n\t--el-color-info-light-9: #f4f4f5;\r\n\t--el-color-info-light-8: #e9e9eb;\r\n\t--el-color-primary-light-9: #ecf5ff;\r\n\t--el-color-primary-light-8: #d9ecff;\r\n\t--el-color-primary: #409eff;\r\n\t--el-color-white: #ffffff;\r\n\twidth: 200px;\r\n\t/* 左侧内容*/\r\n\t/* 左侧内容*/\r\n\t/* 右侧箭头图标*/\r\n\t/* 右侧箭头图标*/\r\n\t/* tag*/\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tbox-sizing: border-box;\r\n\tcursor: pointer;\r\n\ttext-align: left;\r\n\tfont-size: 14px;\r\n\tpadding: 4px 12px;\r\n\tgap: 6px;\r\n\tmin-height: 32px;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tborder-radius: var(--el-border-radius-base);\r\n\tbackground-color: var(--el-fill-color-blank);\r\n\ttransition: var(--el-transition-duration);\r\n\ttransform: translateZ(0);\r\n\tbox-shadow: 0 0 0 1px var(--el-border-color) inset;\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\r\n\tbox-shadow: 0 0 0 1px var(--el-color-primary) inset;\r\n}\r\n.pops-panel-select-multiple .el-select__selection {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tflex: 1;\r\n\tmin-width: 0;\r\n\tgap: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\t-webkit-user-select: none;\r\n\tuser-select: none;\r\n}\r\n.pops-panel-select-multiple\r\n\t.el-select__selected-item.el-select__choose_tag\r\n\t.el-tag {\r\n\tmax-width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__input-wrapper {\r\n\tmax-width: 100%;\r\n}\r\n.pops-panel-select-multiple .el-select__selection.is-near {\r\n\tmargin-left: -8px;\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tcolor: var(--el-input-text-color, var(--el-text-color-regular));\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\r\n\t-webkit-user-select: none;\r\n\tuser-select: none;\r\n\tcolor: var(--el-text-color-placeholder);\r\n}\r\n.pops-panel-select-multiple .el-select__prefix,\r\n.pops-panel-select-multiple .el-select__suffix {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgap: 6px;\r\n\tcolor: var(--el-input-icon-color, var(--el-text-color-placeholder));\r\n}\r\n.pops-panel-select-multiple .el-icon {\r\n\t--color: inherit;\r\n\theight: 1em;\r\n\twidth: 1em;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfill: currentColor;\r\n\tcolor: var(--color);\r\n\tfont-size: inherit;\r\n}\r\n.pops-panel-select-multiple .el-icon svg {\r\n\theight: 1em;\r\n\twidth: 1em;\r\n}\r\n.pops-panel-select-multiple .el-select__caret {\r\n\tcolor: var(--el-select-input-color);\r\n\tfont-size: var(--el-select-input-font-size);\r\n\ttransition: var(--el-transition-duration);\r\n\ttransform: rotate(0);\r\n\tcursor: pointer;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n\t--el-tag-font-size: 12px;\r\n\t--el-tag-border-radius: 4px;\r\n\t--el-tag-border-radius-rounded: 9999px;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n\tbackground-color: var(--el-tag-bg-color);\r\n\tborder-color: var(--el-tag-border-color);\r\n\tcolor: var(--el-tag-text-color);\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tvertical-align: middle;\r\n\theight: 24px;\r\n\tpadding: 0 9px;\r\n\tfont-size: var(--el-tag-font-size);\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\tborder-width: 1px;\r\n\tborder-style: solid;\r\n\tborder-radius: var(--el-tag-border-radius);\r\n\tbox-sizing: border-box;\r\n\twhite-space: nowrap;\r\n\t--el-icon-size: 14px;\r\n\t--el-tag-bg-color: var(--el-color-primary-light-9);\r\n\t--el-tag-border-color: var(--el-color-primary-light-8);\r\n\t--el-tag-hover-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag {\r\n\tcursor: pointer;\r\n\tborder-color: transparent;\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n\t--el-tag-bg-color: var(--el-color-info-light-9);\r\n\t--el-tag-border-color: var(--el-color-info-light-8);\r\n\t--el-tag-hover-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n\t--el-tag-text-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.is-closable {\r\n\tpadding-right: 5px;\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\r\n\tmin-width: 0;\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n\tflex-shrink: 0;\r\n\tcolor: var(--el-tag-text-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\r\n\tcolor: var(--el-color-white);\r\n\tbackground-color: var(--el-tag-hover-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-icon {\r\n\tborder-radius: 50%;\r\n\tcursor: pointer;\r\n\tfont-size: calc(var(--el-icon-size) - 2px);\r\n\theight: var(--el-icon-size);\r\n\twidth: var(--el-icon-size);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n\tmargin-left: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__tags-text {\r\n\tdisplay: block;\r\n\tline-height: normal;\r\n\talign-content: center;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n/* select-multiple的CSS*/\r\n\r\n/* deepMenu的css */\r\n.pops-panel-deepMenu-nav-item {\r\n\tcursor: pointer;\r\n}\r\n.pops-panel-deepMenu-nav-item:active {\r\n\tbackground: #e9e9e9;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolor: #6c6c6c;\r\n\tfill: #6c6c6c;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-header {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\twidth: -webkit-fill-available;\r\n\twidth: -moz-available;\r\n\tpadding: var(--pops-panel-forms-header-padding-top-bottom)\r\n\t\tcalc(\r\n\t\t\tvar(--pops-panel-forms-margin-left-right) +\r\n\t\t\t\tvar(--pops-panel-forms-container-li-padding-left-right) -\r\n\t\t\t\tvar(--pops-panel-forms-header-icon-size)\r\n\t\t);\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n\twidth: var(--pops-panel-forms-header-icon-size);\r\n\theight: var(--pops-panel-forms-header-icon-size);\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcursor: pointer;\r\n}\r\n/* 修复safari上图标大小未正常显示 */\r\n.pops-panel-deepMenu-container\r\n\t.pops-panel-deepMenu-container-left-arrow-icon\r\n\t> svg {\r\n\twidth: inherit;\r\n\theight: inherit;\r\n}\r\n/* deepMenu的css */\r\n\r\n/* 文字对齐 */\r\n.pops-panel-item-left-desc-text:has(code) {\r\n\tdisplay: flex;\r\n\talign-items: baseline;\r\n}\r\n";
 
@@ -7080,6 +7079,8 @@ System.register('pops', [], (function (exports) {
                      * 元素
                      */
                     $el: {
+                        /** pops主元素 */
+                        $pops: null,
                         /** 内容 */
                         $content: null,
                         /** 左侧容器 */
@@ -7092,8 +7093,6 @@ System.register('pops', [], (function (exports) {
                      * @param details
                      */
                     init(details) {
-                        // @ts-ignore
-                        this.$el = null;
                         this.$el = {
                             ...details.$el,
                         };
@@ -7156,11 +7155,12 @@ System.register('pops', [], (function (exports) {
                      * 清空container容器的元素
                      */
                     clearContainer() {
+                        Reflect.deleteProperty(this.$el.$contentSectionContainer, "__formConfig__");
                         PopsSafeUtils.setSafeHTML(this.sectionContainerHeaderULElement, "");
                         PopsSafeUtils.setSafeHTML(this.sectionContainerULElement, "");
                         this.$el.$content
                             ?.querySelectorAll("section.pops-panel-deepMenu-container")
-                            .forEach((ele) => ele.remove());
+                            .forEach(($el) => $el.remove());
                     },
                     /**
                      * 清空左侧容器已访问记录
@@ -7168,8 +7168,8 @@ System.register('pops', [], (function (exports) {
                     clearAsideItemIsVisited() {
                         this.$el.$contentAside
                             .querySelectorAll(".pops-is-visited")
-                            .forEach((element) => {
-                            popsDOMUtils.removeClassName(element, "pops-is-visited");
+                            .forEach(($el) => {
+                            popsDOMUtils.removeClassName($el, "pops-is-visited");
                         });
                     },
                     /**
@@ -7246,34 +7246,33 @@ System.register('pops', [], (function (exports) {
                      * @param  asideConfig
                      */
                     createAsideItem(asideConfig) {
-                        let liElement = document.createElement("li");
-                        liElement.id = asideConfig.id;
-                        // @ts-ignore
-                        liElement["__forms__"] = asideConfig.forms;
-                        PopsSafeUtils.setSafeHTML(liElement, asideConfig.title);
+                        let $li = document.createElement("li");
+                        $li.id = asideConfig.id;
+                        Reflect.set($li, "__forms__", asideConfig.forms);
+                        PopsSafeUtils.setSafeHTML($li, asideConfig.title);
                         /* 处理className */
-                        this.setElementClassName(liElement, asideConfig.className);
-                        this.setElementAttributes(liElement, asideConfig.attributes);
-                        this.setElementProps(liElement, asideConfig.props);
-                        return liElement;
+                        this.setElementClassName($li, asideConfig.className);
+                        this.setElementAttributes($li, asideConfig.attributes);
+                        this.setElementProps($li, asideConfig.props);
+                        return $li;
                     },
                     /**
-                     * 创建中间容器的元素<li>
                      * type ==> switch
+                     * 创建中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_switch(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -7290,9 +7289,9 @@ System.register('pops', [], (function (exports) {
                                 value: Boolean(formConfig.getValue()),
                             },
                             $ele: {
-                                switch: liElement.querySelector(".pops-panel-switch"),
-                                input: liElement.querySelector(".pops-panel-switch__input"),
-                                core: liElement.querySelector(".pops-panel-switch__core"),
+                                switch: $li.querySelector(".pops-panel-switch"),
+                                input: $li.querySelector(".pops-panel-switch__input"),
+                                core: $li.querySelector(".pops-panel-switch__core"),
                             },
                             init() {
                                 this.setStatus(this.$data.value);
@@ -7354,26 +7353,26 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelSwitch.init();
-                        liElement["data-switch"] = PopsPanelSwitch;
-                        return liElement;
+                        Reflect.set($li, "data-switch", PopsPanelSwitch);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> slider
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_slider(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -7381,11 +7380,11 @@ System.register('pops', [], (function (exports) {
 					<input type="range" min="${formConfig.min}" max="${formConfig.max}">
 				</div>
 			`);
-                        let rangeInputElement = liElement.querySelector(".pops-panel-slider input[type=range]");
+                        let $rangeInput = $li.querySelector(".pops-panel-slider input[type=range]");
                         if (formConfig.step) {
-                            rangeInputElement.setAttribute("step", formConfig.step.toString());
+                            $rangeInput.setAttribute("step", formConfig.step.toString());
                         }
-                        rangeInputElement.value = formConfig.getValue().toString();
+                        $rangeInput.value = formConfig.getValue().toString();
                         /**
                          * 获取提示的内容
                          * @param value
@@ -7399,9 +7398,9 @@ System.register('pops', [], (function (exports) {
                             }
                         };
                         let tooltip = PopsTooltip.init({
-                            target: rangeInputElement.parentElement,
+                            target: $rangeInput.parentElement,
                             content: () => {
-                                return getToolTipContent(rangeInputElement.value);
+                                return getToolTipContent($rangeInput.value);
                             },
                             zIndex: () => {
                                 return PopsInstanceUtils.getPopsMaxZIndex().zIndex;
@@ -7412,32 +7411,31 @@ System.register('pops', [], (function (exports) {
                             position: "top",
                             arrowDistance: 10,
                         });
-                        popsDOMUtils.on(rangeInputElement, ["input", "propertychange"], void 0, function (event) {
-                            tooltip.toolTip.changeContent(getToolTipContent(rangeInputElement.value));
+                        popsDOMUtils.on($rangeInput, ["input", "propertychange"], void 0, function (event) {
+                            tooltip.toolTip.changeContent(getToolTipContent($rangeInput.value));
                             if (typeof formConfig.callback === "function") {
-                                formConfig.callback(event, event.target.value);
+                                formConfig.callback(event, $rangeInput.valueAsNumber);
                             }
                         });
-                        return liElement;
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> slider
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_slider_new(formConfig) {
-                        let liElement = document.createElement("li");
-                        // @ts-ignore
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text" style="flex: 1;">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -7512,11 +7510,11 @@ System.register('pops', [], (function (exports) {
                                 tooltip: null,
                             },
                             $ele: {
-                                slider: liElement.querySelector(".pops-slider"),
-                                runAway: liElement.querySelector(".pops-slider__runway"),
-                                bar: liElement.querySelector(".pops-slider__bar"),
-                                buttonWrapper: liElement.querySelector(".pops-slider__button-wrapper"),
-                                button: liElement.querySelector(".pops-slider__button"),
+                                slider: $li.querySelector(".pops-slider"),
+                                runAway: $li.querySelector(".pops-slider__runway"),
+                                bar: $li.querySelector(".pops-slider__bar"),
+                                buttonWrapper: $li.querySelector(".pops-slider__button-wrapper"),
+                                button: $li.querySelector(".pops-slider__button"),
                             },
                             $interval: {
                                 isCheck: false,
@@ -7582,14 +7580,10 @@ System.register('pops', [], (function (exports) {
                                 this.$ele.slider.setAttribute("data-max", this.max.toString());
                                 this.$ele.slider.setAttribute("data-value", this.value.toString());
                                 this.$ele.slider.setAttribute("data-step", this.step.toString());
-                                // @ts-ignore
-                                this.$ele.slider["data-min"] = this.min;
-                                // @ts-ignore
-                                this.$ele.slider["data-max"] = this.max;
-                                // @ts-ignore
-                                this.$ele.slider["data-value"] = this.value;
-                                // @ts-ignore
-                                this.$ele.slider["data-step"] = this.step;
+                                Reflect.set(this.$ele.slider, "data-min", this.min);
+                                Reflect.set(this.$ele.slider, "data-max", this.max);
+                                Reflect.set(this.$ele.slider, "data-value", this.value);
+                                Reflect.set(this.$ele.slider, "data-step", this.step);
                             },
                             /**
                              * 初始化滑块的总长度的数据(px)
@@ -7609,7 +7603,7 @@ System.register('pops', [], (function (exports) {
                                 let widthPx = 0;
                                 for (let stepValue = this.min; stepValue <= this.max; stepValue += this.step) {
                                     let value = this.formatValue(stepValue);
-                                    let info = {};
+                                    let info;
                                     if (value === this.min) {
                                         /* 起始 */
                                         info = {
@@ -7652,7 +7646,7 @@ System.register('pops', [], (function (exports) {
                                 let widthPx = 0;
                                 for (let stepValue = this.min; stepValue <= this.max; stepValue = PopsMathFloatUtils.add(stepValue, this.step)) {
                                     let value = this.formatValue(stepValue);
-                                    let info = {};
+                                    let info;
                                     if (value === this.min) {
                                         /* 起始 */
                                         info = {
@@ -7810,7 +7804,7 @@ System.register('pops', [], (function (exports) {
                                         event.target !== this.$ele.bar) {
                                         return;
                                     }
-                                    let clickX = parseFloat(event.offsetX);
+                                    let clickX = parseFloat(event.offsetX.toString());
                                     this.dragStartCallBack();
                                     this.dragMoveCallBack(event, clickX, this.value);
                                     this.dragEndCallBack(clickX);
@@ -7963,7 +7957,7 @@ System.register('pops', [], (function (exports) {
                                         return formConfig.getToolTipContent(PopsPanelSlider.value);
                                     }
                                     else {
-                                        return PopsPanelSlider.value;
+                                        return PopsPanelSlider.value.toString();
                                     }
                                 }
                                 let tooltip = PopsTooltip.init({
@@ -8007,20 +8001,20 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelSlider.init();
-                        liElement["data-slider"] = PopsPanelSlider;
-                        return liElement;
+                        Reflect.set($li, "data-slider", PopsPanelSlider);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> input
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_input(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         let inputType = "text";
                         if (formConfig.isPassword) {
                             inputType = "password";
@@ -8033,7 +8027,7 @@ System.register('pops', [], (function (exports) {
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -8044,8 +8038,8 @@ System.register('pops', [], (function (exports) {
                         const PopsPanelInput = {
                             [Symbol.toStringTag]: "PopsPanelInput",
                             $ele: {
-                                panelInput: liElement.querySelector(".pops-panel-input"),
-                                input: liElement.querySelector("input"),
+                                panelInput: $li.querySelector(".pops-panel-input"),
+                                input: $li.querySelector("input"),
                                 inputSpanIcon: document.createElement("span"),
                                 inputSpanIconInner: null,
                                 icon: null,
@@ -8074,7 +8068,7 @@ System.register('pops', [], (function (exports) {
                                     this.disable();
                                 }
                                 if (typeof formConfig.handlerCallBack === "function") {
-                                    formConfig.handlerCallBack(liElement, this.$ele.input);
+                                    formConfig.handlerCallBack($li, this.$ele.input);
                                 }
                             },
                             /**
@@ -8209,26 +8203,26 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelInput.init();
-                        liElement["data-input"] = PopsPanelInput;
-                        return liElement;
+                        Reflect.set($li, "data-input", PopsPanelInput);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> textarea
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_textarea(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -8239,8 +8233,8 @@ System.register('pops', [], (function (exports) {
                         const PopsPanelTextArea = {
                             [Symbol.toStringTag]: "PopsPanelTextArea",
                             $ele: {
-                                panelTextarea: liElement.querySelector(".pops-panel-textarea"),
-                                textarea: liElement.querySelector(".pops-panel-textarea textarea"),
+                                panelTextarea: $li.querySelector(".pops-panel-textarea"),
+                                textarea: $li.querySelector(".pops-panel-textarea textarea"),
                             },
                             $data: {
                                 value: formConfig.getValue(),
@@ -8272,35 +8266,36 @@ System.register('pops', [], (function (exports) {
                              */
                             setChangeEvent() {
                                 popsDOMUtils.on(this.$ele.textarea, ["input", "propertychange"], void 0, (event) => {
-                                    this.$data.value = event.target.value;
+                                    let value = this.$ele.textarea.value;
+                                    this.$data.value = value;
                                     if (typeof formConfig.callback === "function") {
-                                        formConfig.callback(event, event.target.value);
+                                        formConfig.callback(event, value);
                                     }
                                 });
                             },
                         };
                         PopsPanelTextArea.init();
-                        liElement["data-textarea"] = PopsPanelTextArea;
-                        return liElement;
+                        Reflect.set($li, "data-textarea", PopsPanelTextArea);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> select
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_select(formConfig) {
                         const that = this;
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -8311,8 +8306,8 @@ System.register('pops', [], (function (exports) {
                         const PopsPanelSelect = {
                             [Symbol.toStringTag]: "PopsPanelSelect",
                             $ele: {
-                                panelSelect: liElement.querySelector(".pops-panel-select"),
-                                select: liElement.querySelector(".pops-panel-select select"),
+                                panelSelect: $li.querySelector(".pops-panel-select"),
+                                select: $li.querySelector(".pops-panel-select select"),
                             },
                             $eleKey: {
                                 disable: "__disable__",
@@ -8432,7 +8427,7 @@ System.register('pops', [], (function (exports) {
                              */
                             setChangeEvent() {
                                 popsDOMUtils.on(this.$ele.select, "change", void 0, (event) => {
-                                    let $isSelectedElement = event.target[event.target.selectedIndex];
+                                    let $isSelectedElement = this.$ele.select[this.$ele.select.selectedIndex];
                                     let selectInfo = this.getSelectOptionInfo($isSelectedElement);
                                     this.setSelectOptionsDisableStatus();
                                     if (typeof formConfig.callback === "function") {
@@ -8445,9 +8440,9 @@ System.register('pops', [], (function (exports) {
                                         /* 如果成功创建，加入到中间容器中 */
                                         let childUListClassName = "pops-panel-select-child-forms";
                                         // 移除旧的元素
-                                        while (liElement.nextElementSibling) {
-                                            if (liElement.nextElementSibling.classList.contains(childUListClassName)) {
-                                                liElement.nextElementSibling.remove();
+                                        while ($li.nextElementSibling) {
+                                            if ($li.nextElementSibling.classList.contains(childUListClassName)) {
+                                                $li.nextElementSibling.remove();
                                             }
                                             else {
                                                 break;
@@ -8455,7 +8450,7 @@ System.register('pops', [], (function (exports) {
                                         }
                                         let $childUList = document.createElement("ul");
                                         $childUList.className = childUListClassName;
-                                        popsDOMUtils.after(liElement, $childUList);
+                                        popsDOMUtils.after($li, $childUList);
                                         that.uListContainerAddItem(formConfig, {
                                             ulElement: $childUList,
                                         });
@@ -8475,26 +8470,26 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelSelect.init();
-                        Reflect.set(liElement, "data-select", PopsPanelSelect);
-                        return liElement;
+                        Reflect.set($li, "data-select", PopsPanelSelect);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> select-multiple
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_select_multiple_new(formConfig) {
-                        let liElement = document.createElement("li");
-                        Reflect.set(liElement, "__formConfig__", formConfig);
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -8569,15 +8564,14 @@ System.register('pops', [], (function (exports) {
                             },
                             /** 初始化$el变量 */
                             inintEl() {
-                                this.$el.$container = liElement.querySelector(".pops-panel-select-multiple");
-                                this.$el.$wrapper = liElement.querySelector(".el-select__wrapper");
-                                this.$el.$section = liElement.querySelector(".el-select__selection");
-                                this.$el.$selectedInputWrapper = liElement.querySelector(".el-select__selected-item.el-select__input-wrapper");
-                                this.$el.$selectedPlaceHolderWrapper =
-                                    liElement.querySelector(".el-select__selected-item.el-select__placeholder");
+                                this.$el.$container = $li.querySelector(".pops-panel-select-multiple");
+                                this.$el.$wrapper = $li.querySelector(".el-select__wrapper");
+                                this.$el.$section = $li.querySelector(".el-select__selection");
+                                this.$el.$selectedInputWrapper = $li.querySelector(".el-select__selected-item.el-select__input-wrapper");
+                                this.$el.$selectedPlaceHolderWrapper = $li.querySelector(".el-select__selected-item.el-select__placeholder");
                                 this.$el.$suffix =
-                                    liElement.querySelector(".el-select__suffix");
-                                this.$el.$suffixIcon = liElement.querySelector(".el-select__suffix .el-icon");
+                                    $li.querySelector(".el-select__suffix");
+                                this.$el.$suffixIcon = $li.querySelector(".el-select__suffix .el-icon");
                                 // 先把手动输入框隐藏
                                 this.hideInputWrapper();
                             },
@@ -9135,26 +9129,26 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelSelectMultiple.init();
-                        Reflect.set(liElement, "data-select-multiple", PopsPanelSelectMultiple);
-                        return liElement;
+                        Reflect.set($li, "data-select-multiple", PopsPanelSelectMultiple);
+                        return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ==> button
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_button(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
-                        this.setElementClassName(liElement, formConfig.className);
-                        this.setElementAttributes(liElement, formConfig.attributes);
-                        this.setElementProps(liElement, formConfig.props);
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
+                        this.setElementClassName($li, formConfig.className);
+                        this.setElementAttributes($li, formConfig.attributes);
+                        this.setElementProps($li, formConfig.props);
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
                         if (Boolean(formConfig.description)) {
                             leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
-                        PopsSafeUtils.setSafeHTML(liElement, 
+                        PopsSafeUtils.setSafeHTML($li, 
                         /*html*/ `
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
@@ -9168,10 +9162,10 @@ System.register('pops', [], (function (exports) {
                         const PopsPanelButton = {
                             [Symbol.toStringTag]: "PopsPanelButton",
                             $ele: {
-                                panelButton: liElement.querySelector(".pops-panel-button"),
-                                button: liElement.querySelector(".pops-panel-button .pops-panel-button_inner"),
-                                icon: liElement.querySelector(".pops-panel-button .pops-bottom-icon"),
-                                spanText: liElement.querySelector(".pops-panel-button .pops-panel-button-text"),
+                                panelButton: $li.querySelector(".pops-panel-button"),
+                                button: $li.querySelector(".pops-panel-button .pops-panel-button_inner"),
+                                icon: $li.querySelector(".pops-panel-button .pops-bottom-icon"),
+                                spanText: $li.querySelector(".pops-panel-button .pops-panel-button-text"),
                             },
                             $data: {},
                             init() {
@@ -9284,10 +9278,11 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelButton.init();
-                        liElement["data-button"] = PopsPanelButton;
-                        return liElement;
+                        Reflect.set($li, "data-button", PopsPanelButton);
+                        return $li;
                     },
                     /**
+                     * type ==> deepMenu
                      * 获取深层容器的元素<li>
                      * @param formConfig
                      */
@@ -9295,7 +9290,7 @@ System.register('pops', [], (function (exports) {
                         let that = this;
                         let $li = document.createElement("li");
                         $li.classList.add("pops-panel-deepMenu-nav-item");
-                        $li["__formConfig__"] = formConfig;
+                        Reflect.set($li, "__formConfig__", formConfig);
                         this.setElementClassName($li, formConfig.className);
                         // 设置属性
                         this.setElementAttributes($li, formConfig.attributes);
@@ -9431,6 +9426,7 @@ System.register('pops', [], (function (exports) {
                                 let $deepMenuContainer = popsDOMUtils.createElement("section", {
                                     className: "pops-panel-container pops-panel-deepMenu-container",
                                 });
+                                Reflect.set($deepMenuContainer, "__formConfig__", formConfig);
                                 let $deepMenuHeaderUL = popsDOMUtils.createElement("ul", {
                                     className: "pops-panel-deepMenu-container-header-ul",
                                 });
@@ -9445,13 +9441,13 @@ System.register('pops', [], (function (exports) {
                                     className: "pops-panel-deepMenu-container-left-arrow-icon",
                                     innerHTML: PopsIcon.getIcon("arrowLeft"),
                                 });
-                                popsDOMUtils.on($headerLeftArrow, "click", void 0, (event) => {
-                                    event?.preventDefault();
-                                    event?.stopPropagation();
+                                popsDOMUtils.on($headerLeftArrow, "click", (event) => {
+                                    popsDOMUtils.preventEvent(event);
                                     // 返回上一层菜单
-                                    let $prev = $deepMenuContainer.previousElementSibling;
+                                    let $prev = ($deepMenuContainer.previousElementSibling);
                                     popsDOMUtils.cssShow($prev);
                                     $deepMenuContainer.remove();
+                                    that.triggerRenderRightContainer($prev);
                                 }, {
                                     once: true,
                                 });
@@ -9474,6 +9470,7 @@ System.register('pops', [], (function (exports) {
                                         sectionBodyContainer: $deepMenuBodyUL,
                                     });
                                 }
+                                that.triggerRenderRightContainer($deepMenuContainer);
                             },
                             /** 设置项的点击事件 */
                             setLiClickEvent() {
@@ -9489,22 +9486,22 @@ System.register('pops', [], (function (exports) {
                             },
                         };
                         PopsPanelDeepMenu.init();
-                        $li["data-deepMenu"] = PopsPanelDeepMenu;
+                        Reflect.set($li, "data-deepMenu", PopsPanelDeepMenu);
                         return $li;
                     },
                     /**
-                     * 获取中间容器的元素<li>
                      * type ===> own
+                     * 获取中间容器的元素<li>
                      * @param formConfig
                      */
                     createSectionContainerItem_own(formConfig) {
-                        let liElement = document.createElement("li");
-                        liElement["__formConfig__"] = formConfig;
+                        let $li = document.createElement("li");
+                        Reflect.set($li, "__formConfig__", formConfig);
                         if (formConfig.className) {
-                            liElement.className = formConfig.className;
+                            $li.className = formConfig.className;
                         }
-                        liElement = formConfig.getLiElementCallBack(liElement);
-                        return liElement;
+                        $li = formConfig.getLiElementCallBack($li);
+                        return $li;
                     },
                     /**
                      * 获取中间容器的元素<li>
@@ -9625,6 +9622,17 @@ System.register('pops', [], (function (exports) {
                             });
                         }
                     },
+                    /**
+                     * 触发触发渲染右侧容器的事件
+                     */
+                    triggerRenderRightContainer($container) {
+                        let __formConfig__ = Reflect.get($container, "__formConfig__");
+                        this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer", {
+                            detail: {
+                                formConfig: __formConfig__,
+                            },
+                        }));
+                    },
                     /**
                      *
                      * @param formConfig
@@ -9651,6 +9659,8 @@ System.register('pops', [], (function (exports) {
                         const that = this;
                         popsDOMUtils.on(asideLiElement, "click", void 0, (event) => {
                             this.clearContainer();
+                            let rightContainerFormConfig = Reflect.get(asideLiElement, "__forms__");
+                            Reflect.set(that.$el.$contentSectionContainer, "__formConfig__", rightContainerFormConfig);
                             popsDOMUtils.cssShow(that.$el.$contentSectionContainer);
                             this.clearAsideItemIsVisited();
                             this.setAsideItemIsVisited(asideLiElement);
@@ -9658,20 +9668,19 @@ System.register('pops', [], (function (exports) {
                             let headerTitleText = asideConfig.headerTitle ?? asideConfig.title;
                             if (typeof headerTitleText === "string" &&
                                 headerTitleText.trim() !== "") {
-                                let containerHeaderTitleLIElement = document.createElement("li");
-                                containerHeaderTitleLIElement["__asideConfig__"] =
-                                    asideConfig;
-                                PopsSafeUtils.setSafeHTML(containerHeaderTitleLIElement, headerTitleText);
-                                this.sectionContainerHeaderULElement.appendChild(containerHeaderTitleLIElement);
-                            }
-                            let __forms__ = asideLiElement["__forms__"];
-                            __forms__.forEach((formConfig) => {
+                                let $containerHeaderTitle = document.createElement("li");
+                                Reflect.set($containerHeaderTitle, "__asideConfig__", asideConfig);
+                                PopsSafeUtils.setSafeHTML($containerHeaderTitle, headerTitleText);
+                                this.sectionContainerHeaderULElement.appendChild($containerHeaderTitle);
+                            }
+                            rightContainerFormConfig.forEach((formConfig) => {
                                 this.createSectionContainerItem_forms(formConfig);
                             });
                             if (typeof asideConfig.callback === "function") {
                                 /* 执行回调 */
                                 asideConfig.callback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
                             }
+                            that.triggerRenderRightContainer(that.$el.$contentSectionContainer);
                         });
                     },
                 };
@@ -9768,6 +9777,7 @@ System.register('pops', [], (function (exports) {
                     panelHandleContentDetails.init({
                         config: config,
                         $el: {
+                            $pops: $pops,
                             $content: $content,
                             $contentAside: $contentAside,
                             $contentSectionContainer: $contentSectionContainer,
@@ -9792,7 +9802,15 @@ System.register('pops', [], (function (exports) {
                         });
                     }
                     let result = PopsHandler.handleResultDetails(eventDetails);
-                    return result;
+                    return {
+                        ...result,
+                        addEventListener: (event, listener, options) => {
+                            $pops.addEventListener(event, listener, options);
+                        },
+                        removeEventListener: (event, listener, options) => {
+                            $pops.removeEventListener(event, listener, options);
+                        },
+                    };
                 },
             };
 
@@ -11036,7 +11054,7 @@ System.register('pops', [], (function (exports) {
                 /** 配置 */
                 config = {
                     /** 版本号 */
-                    version: "2025.6.12",
+                    version: "2025.6.25",
                     cssText: PopsCSS,
                     /** icon图标的svg代码 */
                     iconSVG: PopsIcon.$data,