@whitesev/pops 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.amd.js +256 -257
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +256 -257
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +256 -257
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +256 -257
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +256 -257
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +256 -257
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/Pops.d.ts +1 -1
- package/dist/types/src/components/panel/index.d.ts +2 -1
- package/dist/types/src/components/searchSuggestion/index.d.ts +1 -1
- package/dist/types/src/handler/PopsElementHandler.d.ts +6 -6
- package/dist/types/src/handler/PopsHandler.d.ts +3 -3
- package/dist/types/src/types/components.d.ts +5 -5
- package/dist/types/src/types/main.d.ts +34 -31
- package/package.json +1 -1
- package/src/components/alert/index.ts +15 -15
- package/src/components/confirm/index.ts +16 -15
- package/src/components/drawer/index.ts +16 -15
- package/src/components/folder/index.ts +141 -152
- package/src/components/iframe/index.ts +14 -13
- package/src/components/panel/index.ts +19 -18
- package/src/components/prompt/index.ts +15 -14
- package/src/components/rightClickMenu/index.ts +17 -16
- package/src/components/searchSuggestion/index.ts +21 -20
- package/src/components/tooltip/index.ts +3 -2
- package/src/handler/PopsElementHandler.ts +18 -18
- package/src/handler/PopsHandler.ts +13 -7
- package/src/types/components.d.ts +5 -5
- package/src/types/main.d.ts +34 -31
package/dist/index.iife.js
CHANGED
|
@@ -3949,6 +3949,10 @@ var pops = (function () {
|
|
|
3949
3949
|
*/
|
|
3950
3950
|
handleOnly(type, config) {
|
|
3951
3951
|
if (config.only) {
|
|
3952
|
+
// .loading
|
|
3953
|
+
// .tooltip
|
|
3954
|
+
// .rightClickMenu
|
|
3955
|
+
// 单独处理
|
|
3952
3956
|
if (type === "loading" ||
|
|
3953
3957
|
type === "tooltip" ||
|
|
3954
3958
|
type === "rightClickMenu") {
|
|
@@ -4055,11 +4059,11 @@ var pops = (function () {
|
|
|
4055
4059
|
init(details) {
|
|
4056
4060
|
const guid = popsUtils.getRandomGUID();
|
|
4057
4061
|
// 设置当前类型
|
|
4058
|
-
const
|
|
4062
|
+
const popsType = "alert";
|
|
4059
4063
|
let config = PopsAlertConfig();
|
|
4060
4064
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4061
4065
|
config = popsUtils.assign(config, details);
|
|
4062
|
-
config = PopsHandler.handleOnly(
|
|
4066
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
4063
4067
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
4064
4068
|
PopsHandler.handleInit($shadowRoot, [
|
|
4065
4069
|
{
|
|
@@ -4094,23 +4098,23 @@ var pops = (function () {
|
|
|
4094
4098
|
// 先把z-index提取出来
|
|
4095
4099
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
4096
4100
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
4097
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
4098
|
-
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(
|
|
4099
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
4100
|
-
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(
|
|
4101
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
4101
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
4102
|
+
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
|
|
4103
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
4104
|
+
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
|
|
4105
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
4102
4106
|
/*html*/ `
|
|
4103
|
-
<div class="pops-title pops-${
|
|
4107
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
4104
4108
|
? config.title.text
|
|
4105
|
-
: `<p pops class="pops-${
|
|
4106
|
-
<div class="pops-content pops-${
|
|
4109
|
+
: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
|
|
4110
|
+
<div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
|
|
4107
4111
|
? config.content.text
|
|
4108
|
-
: `<p pops class="pops-${
|
|
4112
|
+
: `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
|
|
4109
4113
|
/**
|
|
4110
4114
|
* 弹窗的主元素，包括动画层
|
|
4111
4115
|
*/
|
|
4112
4116
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
4113
|
-
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim,
|
|
4117
|
+
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
4114
4118
|
/** 遮罩层元素 */
|
|
4115
4119
|
let $mask = null;
|
|
4116
4120
|
/** 已创建的元素列表 */
|
|
@@ -4118,7 +4122,7 @@ var pops = (function () {
|
|
|
4118
4122
|
/* 遮罩层元素 */
|
|
4119
4123
|
if (config.mask.enable) {
|
|
4120
4124
|
let _handleMask_ = PopsHandler.handleMask({
|
|
4121
|
-
type:
|
|
4125
|
+
type: popsType,
|
|
4122
4126
|
guid: guid,
|
|
4123
4127
|
config: config,
|
|
4124
4128
|
animElement: $anim,
|
|
@@ -4128,7 +4132,7 @@ var pops = (function () {
|
|
|
4128
4132
|
elementList.push($mask);
|
|
4129
4133
|
}
|
|
4130
4134
|
/* 处理返回的配置 */
|
|
4131
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
4135
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
4132
4136
|
/* 为顶部右边的关闭按钮添加点击事件 */
|
|
4133
4137
|
PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
|
|
4134
4138
|
/* 为底部ok按钮添加点击事件 */
|
|
@@ -4144,7 +4148,7 @@ var pops = (function () {
|
|
|
4144
4148
|
$anim.after($mask);
|
|
4145
4149
|
}
|
|
4146
4150
|
/* 保存 */
|
|
4147
|
-
PopsHandler.handlePush(
|
|
4151
|
+
PopsHandler.handlePush(popsType, {
|
|
4148
4152
|
guid: guid,
|
|
4149
4153
|
animElement: $anim,
|
|
4150
4154
|
popsElement: $pops,
|
|
@@ -4259,11 +4263,11 @@ var pops = (function () {
|
|
|
4259
4263
|
init(details) {
|
|
4260
4264
|
const guid = popsUtils.getRandomGUID();
|
|
4261
4265
|
// 设置当前类型
|
|
4262
|
-
const
|
|
4266
|
+
const popsType = "confirm";
|
|
4263
4267
|
let config = PopsConfirmConfig();
|
|
4264
4268
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4265
4269
|
config = popsUtils.assign(config, details);
|
|
4266
|
-
config = PopsHandler.handleOnly(
|
|
4270
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
4267
4271
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
4268
4272
|
PopsHandler.handleInit($shadowRoot, [
|
|
4269
4273
|
{
|
|
@@ -4298,23 +4302,23 @@ var pops = (function () {
|
|
|
4298
4302
|
// 先把z-index提取出来
|
|
4299
4303
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
4300
4304
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
4301
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
4302
|
-
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(
|
|
4303
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
4304
|
-
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(
|
|
4305
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
4305
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
4306
|
+
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
|
|
4307
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
4308
|
+
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
|
|
4309
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
4306
4310
|
/*html*/ `
|
|
4307
|
-
<div class="pops-title pops-${
|
|
4311
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
4308
4312
|
? config.title.text
|
|
4309
|
-
: `<p pops class="pops-${
|
|
4310
|
-
<div class="pops-content pops-${
|
|
4313
|
+
: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
|
|
4314
|
+
<div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
|
|
4311
4315
|
? config.content.text
|
|
4312
|
-
: `<p pops class="pops-${
|
|
4316
|
+
: `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
|
|
4313
4317
|
/**
|
|
4314
4318
|
* 弹窗的主元素，包括动画层
|
|
4315
4319
|
*/
|
|
4316
4320
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
4317
|
-
let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim,
|
|
4321
|
+
let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
4318
4322
|
/**
|
|
4319
4323
|
* 遮罩层元素
|
|
4320
4324
|
*/
|
|
@@ -4326,7 +4330,7 @@ var pops = (function () {
|
|
|
4326
4330
|
if (config.mask.enable) {
|
|
4327
4331
|
// 启用遮罩层
|
|
4328
4332
|
let _handleMask_ = PopsHandler.handleMask({
|
|
4329
|
-
type:
|
|
4333
|
+
type: popsType,
|
|
4330
4334
|
guid: guid,
|
|
4331
4335
|
config: config,
|
|
4332
4336
|
animElement: $anim,
|
|
@@ -4335,7 +4339,7 @@ var pops = (function () {
|
|
|
4335
4339
|
$mask = _handleMask_.maskElement;
|
|
4336
4340
|
elementList.push($mask);
|
|
4337
4341
|
}
|
|
4338
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
4342
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
4339
4343
|
PopsHandler.handleClickEvent("close", $btnClose, eventDetails, config.btn.close.callback);
|
|
4340
4344
|
PopsHandler.handleClickEvent("ok", $btnOk, eventDetails, config.btn.ok.callback);
|
|
4341
4345
|
PopsHandler.handleClickEvent("cancel", $btnCancel, eventDetails, config.btn.cancel.callback);
|
|
@@ -4349,7 +4353,7 @@ var pops = (function () {
|
|
|
4349
4353
|
if ($mask != null) {
|
|
4350
4354
|
$anim.after($mask);
|
|
4351
4355
|
}
|
|
4352
|
-
PopsHandler.handlePush(
|
|
4356
|
+
PopsHandler.handlePush(popsType, {
|
|
4353
4357
|
guid: guid,
|
|
4354
4358
|
animElement: $anim,
|
|
4355
4359
|
popsElement: $pops,
|
|
@@ -4468,11 +4472,11 @@ var pops = (function () {
|
|
|
4468
4472
|
init(details) {
|
|
4469
4473
|
const guid = popsUtils.getRandomGUID();
|
|
4470
4474
|
// 设置当前类型
|
|
4471
|
-
const
|
|
4475
|
+
const popsType = "prompt";
|
|
4472
4476
|
let config = PopsPromptConfig();
|
|
4473
4477
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4474
4478
|
config = popsUtils.assign(config, details);
|
|
4475
|
-
config = PopsHandler.handleOnly(
|
|
4479
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
4476
4480
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
4477
4481
|
PopsHandler.handleInit($shadowRoot, [
|
|
4478
4482
|
{
|
|
@@ -4507,16 +4511,16 @@ var pops = (function () {
|
|
|
4507
4511
|
// 先把z-index提取出来
|
|
4508
4512
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
4509
4513
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
4510
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
4511
|
-
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(
|
|
4512
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
4513
|
-
let { contentPStyle } = PopsElementHandler.getContentStyle(
|
|
4514
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
4514
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
4515
|
+
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
|
|
4516
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
4517
|
+
let { contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
|
|
4518
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
4515
4519
|
/*html*/ `
|
|
4516
|
-
<div class="pops-title pops-${
|
|
4520
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
4517
4521
|
? config.title.text
|
|
4518
|
-
: `<p pops class="pops-${
|
|
4519
|
-
<div class="pops-content pops-${
|
|
4522
|
+
: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
|
|
4523
|
+
<div class="pops-content pops-${popsType}-content" style="${contentPStyle}">${config.content.row
|
|
4520
4524
|
? '<textarea name="pops-input-text" pops="" placeholder="' +
|
|
4521
4525
|
config.content.placeholder +
|
|
4522
4526
|
'"></textarea>'
|
|
@@ -4529,7 +4533,7 @@ var pops = (function () {
|
|
|
4529
4533
|
* 弹窗的主元素，包括动画层
|
|
4530
4534
|
*/
|
|
4531
4535
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
4532
|
-
let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim,
|
|
4536
|
+
let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
4533
4537
|
/**
|
|
4534
4538
|
* 遮罩层元素
|
|
4535
4539
|
*/
|
|
@@ -4541,7 +4545,7 @@ var pops = (function () {
|
|
|
4541
4545
|
if (config.mask.enable) {
|
|
4542
4546
|
// 启用遮罩层
|
|
4543
4547
|
let _handleMask_ = PopsHandler.handleMask({
|
|
4544
|
-
type:
|
|
4548
|
+
type: popsType,
|
|
4545
4549
|
guid: guid,
|
|
4546
4550
|
config: config,
|
|
4547
4551
|
animElement: $anim,
|
|
@@ -4550,7 +4554,7 @@ var pops = (function () {
|
|
|
4550
4554
|
$mask = _handleMask_.maskElement;
|
|
4551
4555
|
elementList.push($mask);
|
|
4552
4556
|
}
|
|
4553
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
4557
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
4554
4558
|
/* 输入框赋值初始值 */
|
|
4555
4559
|
$input.value = config.content.text;
|
|
4556
4560
|
PopsHandler.handlePromptClickEvent("close", $input, $btnClose, eventDetails, config.btn.close.callback);
|
|
@@ -4566,7 +4570,7 @@ var pops = (function () {
|
|
|
4566
4570
|
if ($mask != null) {
|
|
4567
4571
|
$anim.after($mask);
|
|
4568
4572
|
}
|
|
4569
|
-
PopsHandler.handlePush(
|
|
4573
|
+
PopsHandler.handlePush(popsType, {
|
|
4570
4574
|
guid: guid,
|
|
4571
4575
|
animElement: $anim,
|
|
4572
4576
|
popsElement: $pops,
|
|
@@ -4761,14 +4765,14 @@ var pops = (function () {
|
|
|
4761
4765
|
init(details) {
|
|
4762
4766
|
const guid = popsUtils.getRandomGUID();
|
|
4763
4767
|
// 设置当前类型
|
|
4764
|
-
const
|
|
4768
|
+
const popsType = "iframe";
|
|
4765
4769
|
let config = PopsIframeConfig();
|
|
4766
4770
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4767
4771
|
config = popsUtils.assign(config, details);
|
|
4768
4772
|
if (config.url == null) {
|
|
4769
4773
|
throw new Error("config.url不能为空");
|
|
4770
4774
|
}
|
|
4771
|
-
config = PopsHandler.handleOnly(
|
|
4775
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
4772
4776
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
4773
4777
|
PopsHandler.handleInit($shadowRoot, [
|
|
4774
4778
|
{
|
|
@@ -4804,17 +4808,17 @@ var pops = (function () {
|
|
|
4804
4808
|
// 先把z-index提取出来
|
|
4805
4809
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
4806
4810
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex, maskExtraStyle);
|
|
4807
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
4811
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
4808
4812
|
let iframeLoadingHTML = '<div class="pops-loading"></div>';
|
|
4809
4813
|
let titleText = config.title.text.trim() !== "" ? config.title.text : config.url;
|
|
4810
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
4811
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
4814
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
4815
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
4812
4816
|
/*html*/ `
|
|
4813
|
-
<div class="pops-title pops-${
|
|
4817
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
4814
4818
|
? titleText
|
|
4815
|
-
: `<p pops class="pops-${
|
|
4816
|
-
<div class="pops-content pops-${
|
|
4817
|
-
<div class="pops-${
|
|
4819
|
+
: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${titleText}</p>`}${headerBtnHTML}</div>
|
|
4820
|
+
<div class="pops-content pops-${popsType}-content">
|
|
4821
|
+
<div class="pops-${popsType}-content-global-loading"></div>
|
|
4818
4822
|
<iframe src="${config.url}" pops ${config.sandbox
|
|
4819
4823
|
? "sandbox='allow-forms allow-same-origin allow-scripts'"
|
|
4820
4824
|
: ""}>
|
|
@@ -4824,7 +4828,7 @@ var pops = (function () {
|
|
|
4824
4828
|
* 弹窗的主元素，包括动画层
|
|
4825
4829
|
*/
|
|
4826
4830
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
4827
|
-
let { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement, } = PopsHandler.handleQueryElement($anim,
|
|
4831
|
+
let { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
4828
4832
|
let $iframeContainer = PopsCore.document.querySelector(".pops-iframe-container");
|
|
4829
4833
|
if (!$iframeContainer) {
|
|
4830
4834
|
$iframeContainer = PopsCore.document.createElement("div");
|
|
@@ -4843,7 +4847,7 @@ var pops = (function () {
|
|
|
4843
4847
|
let elementList = [$anim];
|
|
4844
4848
|
if (config.mask.enable) {
|
|
4845
4849
|
let _handleMask_ = PopsHandler.handleMask({
|
|
4846
|
-
type:
|
|
4850
|
+
type: popsType,
|
|
4847
4851
|
guid: guid,
|
|
4848
4852
|
config: config,
|
|
4849
4853
|
animElement: $anim,
|
|
@@ -4852,7 +4856,7 @@ var pops = (function () {
|
|
|
4852
4856
|
$mask = _handleMask_.maskElement;
|
|
4853
4857
|
elementList.push($mask);
|
|
4854
4858
|
}
|
|
4855
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
4859
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
4856
4860
|
eventDetails["iframeElement"] = $iframe;
|
|
4857
4861
|
popsDOMUtils.on($anim, popsDOMUtils.getAnimationEndNameList(), function () {
|
|
4858
4862
|
/* 动画加载完毕 */
|
|
@@ -4996,7 +5000,7 @@ var pops = (function () {
|
|
|
4996
5000
|
}, {
|
|
4997
5001
|
capture: true,
|
|
4998
5002
|
});
|
|
4999
|
-
PopsHandler.handlePush(
|
|
5003
|
+
PopsHandler.handlePush(popsType, {
|
|
5000
5004
|
guid: guid,
|
|
5001
5005
|
animElement: $anim,
|
|
5002
5006
|
popsElement: $pops,
|
|
@@ -5100,11 +5104,11 @@ var pops = (function () {
|
|
|
5100
5104
|
init(details) {
|
|
5101
5105
|
const guid = popsUtils.getRandomGUID();
|
|
5102
5106
|
// 设置当前类型
|
|
5103
|
-
const
|
|
5107
|
+
const popsType = "drawer";
|
|
5104
5108
|
let config = PopsDrawerConfig();
|
|
5105
5109
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5106
5110
|
config = popsUtils.assign(config, details);
|
|
5107
|
-
config = PopsHandler.handleOnly(
|
|
5111
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
5108
5112
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
5109
5113
|
PopsHandler.handleInit($shadowRoot, [
|
|
5110
5114
|
{
|
|
@@ -5139,25 +5143,25 @@ var pops = (function () {
|
|
|
5139
5143
|
// 先把z-index提取出来
|
|
5140
5144
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
5141
5145
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
5142
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
5143
|
-
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(
|
|
5144
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
5145
|
-
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(
|
|
5146
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
5146
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
5147
|
+
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
|
|
5148
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
5149
|
+
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
|
|
5150
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
5147
5151
|
/*html*/ `
|
|
5148
5152
|
${config.title.enable
|
|
5149
|
-
? /*html*/ `<div class="pops-title pops-${
|
|
5153
|
+
? /*html*/ `<div class="pops-title pops-${popsType}-title" style="${headerStyle}">${config.title.html
|
|
5150
5154
|
? config.title.text
|
|
5151
|
-
: /*html*/ `<p pops class="pops-${
|
|
5155
|
+
: /*html*/ `<p pops class="pops-${popsType}-title-text" style="width: 100%;text-align: ${config.title.position};${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>`
|
|
5152
5156
|
: ""}
|
|
5153
|
-
<div class="pops-content pops-${
|
|
5157
|
+
<div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
|
|
5154
5158
|
? config.content.text
|
|
5155
|
-
: `<p pops class="pops-${
|
|
5159
|
+
: `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
|
|
5156
5160
|
/**
|
|
5157
5161
|
* 弹窗的主元素，包括动画层
|
|
5158
5162
|
*/
|
|
5159
5163
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
5160
|
-
let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement, } = PopsHandler.handleQueryElement($anim,
|
|
5164
|
+
let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
5161
5165
|
let $pops = popsElement;
|
|
5162
5166
|
let $headerCloseBtn = headerCloseBtnElement;
|
|
5163
5167
|
let $btnCancel = btnCancelElement;
|
|
@@ -5173,7 +5177,7 @@ var pops = (function () {
|
|
|
5173
5177
|
let elementList = [$anim];
|
|
5174
5178
|
if (config.mask.enable) {
|
|
5175
5179
|
let _handleMask_ = PopsHandler.handleMask({
|
|
5176
|
-
type:
|
|
5180
|
+
type: popsType,
|
|
5177
5181
|
guid: guid,
|
|
5178
5182
|
config: config,
|
|
5179
5183
|
animElement: $anim,
|
|
@@ -5182,7 +5186,7 @@ var pops = (function () {
|
|
|
5182
5186
|
$mask = _handleMask_.maskElement;
|
|
5183
5187
|
elementList.push($mask);
|
|
5184
5188
|
}
|
|
5185
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
5189
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
5186
5190
|
/* 处理方向 */
|
|
5187
5191
|
$pops.setAttribute("direction", config.direction);
|
|
5188
5192
|
/* 处理border-radius */
|
|
@@ -5270,7 +5274,7 @@ var pops = (function () {
|
|
|
5270
5274
|
if ($mask != null) {
|
|
5271
5275
|
$anim.after($mask);
|
|
5272
5276
|
}
|
|
5273
|
-
PopsHandler.handlePush(
|
|
5277
|
+
PopsHandler.handlePush(popsType, {
|
|
5274
5278
|
guid: guid,
|
|
5275
5279
|
animElement: $anim,
|
|
5276
5280
|
popsElement: $pops,
|
|
@@ -5461,11 +5465,11 @@ var pops = (function () {
|
|
|
5461
5465
|
init(details) {
|
|
5462
5466
|
const guid = popsUtils.getRandomGUID();
|
|
5463
5467
|
// 设置当前类型
|
|
5464
|
-
const
|
|
5468
|
+
const popsType = "folder";
|
|
5465
5469
|
let config = PopsFolderConfig();
|
|
5466
5470
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5467
5471
|
config = popsUtils.assign(config, details);
|
|
5468
|
-
config = PopsHandler.handleOnly(
|
|
5472
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
5469
5473
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
5470
5474
|
PopsHandler.handleInit($shadowRoot, [
|
|
5471
5475
|
{
|
|
@@ -5545,19 +5549,15 @@ var pops = (function () {
|
|
|
5545
5549
|
/* Android安装包 */
|
|
5546
5550
|
let androidIconList = ["apk", "apkm", "xapk"];
|
|
5547
5551
|
zipIconList.forEach((keyName) => {
|
|
5548
|
-
// @ts-ignore
|
|
5549
5552
|
Folder_ICON[keyName] = Folder_ICON.zip;
|
|
5550
5553
|
});
|
|
5551
5554
|
imageIconList.forEach((keyName) => {
|
|
5552
|
-
// @ts-ignore
|
|
5553
5555
|
Folder_ICON[keyName] = Folder_ICON.png;
|
|
5554
5556
|
});
|
|
5555
5557
|
codeLanguageIconList.forEach((keyName) => {
|
|
5556
|
-
// @ts-ignore
|
|
5557
5558
|
Folder_ICON[keyName] = Folder_ICON.html;
|
|
5558
5559
|
});
|
|
5559
5560
|
androidIconList.forEach((keyName) => {
|
|
5560
|
-
// @ts-ignore
|
|
5561
5561
|
Folder_ICON[keyName] = Folder_ICON.apk;
|
|
5562
5562
|
});
|
|
5563
5563
|
if (details?.folder) {
|
|
@@ -5567,108 +5567,105 @@ var pops = (function () {
|
|
|
5567
5567
|
// 先把z-index提取出来
|
|
5568
5568
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
5569
5569
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
5570
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
5571
|
-
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(
|
|
5572
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
5573
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
5570
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
5571
|
+
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
|
|
5572
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
5573
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
5574
5574
|
/*html*/ `
|
|
5575
|
-
<div class="pops-title pops-${
|
|
5575
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
5576
5576
|
? config.title.text
|
|
5577
|
-
: `<p pops class="pops-${
|
|
5578
|
-
<div class="pops-content pops-${
|
|
5577
|
+
: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
|
|
5578
|
+
<div class="pops-content pops-${popsType}-content ${popsUtils.isPhone() ? "pops-mobile-folder-content" : ""}">
|
|
5579
5579
|
<div class="pops-folder-list">
|
|
5580
5580
|
<div class="pops-folder-file-list-breadcrumb">
|
|
5581
|
-
|
|
5582
|
-
|
|
5583
|
-
|
|
5584
|
-
|
|
5585
|
-
|
|
5581
|
+
<div class="pops-folder-file-list-breadcrumb-primary">
|
|
5582
|
+
<span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">
|
|
5583
|
+
<a>全部文件</a>
|
|
5584
|
+
</span>
|
|
5585
|
+
</div>
|
|
5586
5586
|
</div>
|
|
5587
5587
|
<div class="pops-folder-list-table__header-div">
|
|
5588
|
-
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
5592
|
-
|
|
5593
|
-
|
|
5594
|
-
|
|
5595
|
-
|
|
5596
|
-
|
|
5597
|
-
|
|
5598
|
-
|
|
5599
|
-
|
|
5600
|
-
|
|
5601
|
-
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
5646
|
-
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
5655
|
-
|
|
5588
|
+
<table class="pops-folder-list-table__header">
|
|
5589
|
+
<colgroup>
|
|
5590
|
+
<col width="52%">
|
|
5591
|
+
<col width="24%">
|
|
5592
|
+
<col width="16%">
|
|
5593
|
+
</colgroup>
|
|
5594
|
+
<thead>
|
|
5595
|
+
<tr class="pops-folder-list-table__header-row">
|
|
5596
|
+
<th class="pops-folder-list-table__header-th cursor-p">
|
|
5597
|
+
<div class="text-ellip content flex-a-i-center">
|
|
5598
|
+
<span>文件名</span>
|
|
5599
|
+
<div class="pops-folder-list-table__sort" data-sort="fileName">
|
|
5600
|
+
<div class="pops-folder-icon-arrow" data-sort="按文件名排序">
|
|
5601
|
+
<svg
|
|
5602
|
+
viewBox="0 0 1024 1024"
|
|
5603
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
5604
|
+
<path
|
|
5605
|
+
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
|
|
5606
|
+
class="pops-folder-icon-arrow-up"></path>
|
|
5607
|
+
<path
|
|
5608
|
+
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
|
|
5609
|
+
class="pops-folder-icon-arrow-down"></path>
|
|
5610
|
+
</svg>
|
|
5611
|
+
</div>
|
|
5612
|
+
</div>
|
|
5613
|
+
</div>
|
|
5614
|
+
</th>
|
|
5615
|
+
<th class="pops-folder-list-table__header-th cursor-p">
|
|
5616
|
+
<div class="text-ellip content flex-a-i-center">
|
|
5617
|
+
<span>修改时间</span>
|
|
5618
|
+
<div class="pops-folder-list-table__sort" data-sort="latestTime">
|
|
5619
|
+
<div class="pops-folder-icon-arrow" title="按修改时间排序">
|
|
5620
|
+
<svg
|
|
5621
|
+
viewBox="0 0 1024 1024"
|
|
5622
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
5623
|
+
<path
|
|
5624
|
+
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
|
|
5625
|
+
class="pops-folder-icon-arrow-up"></path>
|
|
5626
|
+
<path
|
|
5627
|
+
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
|
|
5628
|
+
class="pops-folder-icon-arrow-down"></path>
|
|
5629
|
+
</svg>
|
|
5630
|
+
</div>
|
|
5631
|
+
</div>
|
|
5632
|
+
</div>
|
|
5633
|
+
</th>
|
|
5634
|
+
<th class="pops-folder-list-table__header-th cursor-p">
|
|
5635
|
+
<div class="text-ellip content flex-a-i-center">
|
|
5636
|
+
<span>大小</span>
|
|
5637
|
+
<div class="pops-folder-list-table__sort" data-sort="fileSize">
|
|
5638
|
+
<div class="pops-folder-icon-arrow" title="按大小排序">
|
|
5639
|
+
<svg
|
|
5640
|
+
viewBox="0 0 1024 1024"
|
|
5641
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
5642
|
+
<path
|
|
5643
|
+
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
|
|
5644
|
+
class="pops-folder-icon-arrow-up"></path>
|
|
5645
|
+
<path
|
|
5646
|
+
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
|
|
5647
|
+
class="pops-folder-icon-arrow-down"></path>
|
|
5648
|
+
</svg>
|
|
5649
|
+
</div>
|
|
5650
|
+
</div>
|
|
5651
|
+
</div>
|
|
5652
|
+
</th>
|
|
5653
|
+
</tr>
|
|
5654
|
+
</thead>
|
|
5655
|
+
</table>
|
|
5656
5656
|
</div>
|
|
5657
5657
|
<div class="pops-folder-list-table__body-div">
|
|
5658
|
-
|
|
5659
|
-
|
|
5660
|
-
|
|
5658
|
+
<table class="pops-folder-list-table__body">
|
|
5659
|
+
<colgroup>
|
|
5660
|
+
${popsUtils.isPhone()
|
|
5661
5661
|
? `<col width="100%">`
|
|
5662
5662
|
: `
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
</tbody>
|
|
5671
|
-
</table>
|
|
5663
|
+
<col width="52%">
|
|
5664
|
+
<col width="24%">
|
|
5665
|
+
<col width="16%">`}
|
|
5666
|
+
</colgroup>
|
|
5667
|
+
<tbody></tbody>
|
|
5668
|
+
</table>
|
|
5672
5669
|
</div>
|
|
5673
5670
|
</div>
|
|
5674
5671
|
</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
|
|
@@ -5680,7 +5677,7 @@ var pops = (function () {
|
|
|
5680
5677
|
// folderListElement,
|
|
5681
5678
|
// folderListHeaderElement,
|
|
5682
5679
|
// folderListHeaderRowElement,
|
|
5683
|
-
folderListBodyElement, folderFileListBreadcrumbPrimaryElement, headerCloseBtnElement: $btnCloseBtn, btnOkElement, btnCancelElement, btnOtherElement, folderListSortFileNameElement, folderListSortLatestTimeElement, folderListSortFileSizeElement, } = PopsHandler.handleQueryElement($anim,
|
|
5680
|
+
folderListBodyElement, folderFileListBreadcrumbPrimaryElement, headerCloseBtnElement: $btnCloseBtn, btnOkElement, btnCancelElement, btnOtherElement, folderListSortFileNameElement, folderListSortLatestTimeElement, folderListSortFileSizeElement, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
5684
5681
|
/**
|
|
5685
5682
|
* 遮罩层元素
|
|
5686
5683
|
*/
|
|
@@ -5691,7 +5688,7 @@ var pops = (function () {
|
|
|
5691
5688
|
let elementList = [$anim];
|
|
5692
5689
|
if (config.mask.enable) {
|
|
5693
5690
|
let _handleMask_ = PopsHandler.handleMask({
|
|
5694
|
-
type:
|
|
5691
|
+
type: popsType,
|
|
5695
5692
|
guid: guid,
|
|
5696
5693
|
config: config,
|
|
5697
5694
|
animElement: $anim,
|
|
@@ -5701,7 +5698,7 @@ var pops = (function () {
|
|
|
5701
5698
|
elementList.push($mask);
|
|
5702
5699
|
}
|
|
5703
5700
|
/* 事件 */
|
|
5704
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
5701
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
5705
5702
|
PopsHandler.handleClickEvent("close", $btnCloseBtn, eventDetails, config.btn.close.callback);
|
|
5706
5703
|
PopsHandler.handleClickEvent("ok", btnOkElement, eventDetails, config.btn.ok.callback);
|
|
5707
5704
|
PopsHandler.handleClickEvent("cancel", btnCancelElement, eventDetails, config.btn.cancel.callback);
|
|
@@ -5794,10 +5791,10 @@ var pops = (function () {
|
|
|
5794
5791
|
fileSize: origin_fileSize,
|
|
5795
5792
|
isFolder: isFolder,
|
|
5796
5793
|
};
|
|
5797
|
-
fileNameElement
|
|
5798
|
-
fileTimeElement
|
|
5799
|
-
fileFormatSize
|
|
5800
|
-
folderELement
|
|
5794
|
+
Reflect.set(fileNameElement, "__value__", __value__);
|
|
5795
|
+
Reflect.set(fileTimeElement, "__value__", __value__);
|
|
5796
|
+
Reflect.set(fileFormatSize, "__value__", __value__);
|
|
5797
|
+
Reflect.set(folderELement, "__value__", __value__);
|
|
5801
5798
|
folderELement.appendChild(fileNameElement);
|
|
5802
5799
|
folderELement.appendChild(fileTimeElement);
|
|
5803
5800
|
folderELement.appendChild(fileFormatSize);
|
|
@@ -5864,8 +5861,8 @@ var pops = (function () {
|
|
|
5864
5861
|
fileSize: origin_fileSize,
|
|
5865
5862
|
isFolder: isFolder,
|
|
5866
5863
|
};
|
|
5867
|
-
fileNameElement
|
|
5868
|
-
folderELement
|
|
5864
|
+
Reflect.set(fileNameElement, "__value__", __value__);
|
|
5865
|
+
Reflect.set(folderELement, "__value__", __value__);
|
|
5869
5866
|
folderELement.appendChild(fileNameElement);
|
|
5870
5867
|
return {
|
|
5871
5868
|
folderELement,
|
|
@@ -5875,10 +5872,13 @@ var pops = (function () {
|
|
|
5875
5872
|
/**
|
|
5876
5873
|
* 清空每行的元素
|
|
5877
5874
|
*/
|
|
5878
|
-
function
|
|
5875
|
+
function clearFolderRow() {
|
|
5879
5876
|
PopsSafeUtils.setSafeHTML(folderListBodyElement, "");
|
|
5880
5877
|
}
|
|
5881
|
-
|
|
5878
|
+
/**
|
|
5879
|
+
* 创建顶部导航的箭头图标
|
|
5880
|
+
*/
|
|
5881
|
+
function createHeaderArrowIcon() {
|
|
5882
5882
|
let iconArrowElement = popsDOMUtils.createElement("div", {
|
|
5883
5883
|
className: "iconArrow",
|
|
5884
5884
|
});
|
|
@@ -5886,17 +5886,16 @@ var pops = (function () {
|
|
|
5886
5886
|
}
|
|
5887
5887
|
/**
|
|
5888
5888
|
* 添加顶部导航
|
|
5889
|
-
* @param
|
|
5890
|
-
* @param
|
|
5891
|
-
* @returns
|
|
5889
|
+
* @param folderName 文件夹名
|
|
5890
|
+
* @param folderDataConfig 文件夹配置
|
|
5892
5891
|
*/
|
|
5893
|
-
function
|
|
5892
|
+
function createHeaderFileLinkNavgiation(folderName, folderDataConfig) {
|
|
5894
5893
|
let spanElement = popsDOMUtils.createElement("span", {
|
|
5895
5894
|
className: "pops-folder-file-list-breadcrumb-allFiles cursor-p",
|
|
5896
|
-
innerHTML: `<a>${
|
|
5897
|
-
_config_:
|
|
5895
|
+
innerHTML: `<a>${folderName}</a>`,
|
|
5896
|
+
_config_: folderDataConfig,
|
|
5898
5897
|
}, {
|
|
5899
|
-
title:
|
|
5898
|
+
title: folderName,
|
|
5900
5899
|
});
|
|
5901
5900
|
return spanElement;
|
|
5902
5901
|
}
|
|
@@ -5904,10 +5903,10 @@ var pops = (function () {
|
|
|
5904
5903
|
* 顶部导航的点击事件
|
|
5905
5904
|
* @param event
|
|
5906
5905
|
* @param isTop 是否是全部文件按钮
|
|
5907
|
-
* @param
|
|
5906
|
+
* @param folderDataConfigList 配置
|
|
5908
5907
|
*/
|
|
5909
|
-
function breadcrumbAllFilesElementClickEvent(event, isTop,
|
|
5910
|
-
|
|
5908
|
+
function breadcrumbAllFilesElementClickEvent(event, isTop, folderDataConfigList) {
|
|
5909
|
+
clearFolderRow();
|
|
5911
5910
|
/* 获取当前的导航元素 */
|
|
5912
5911
|
let $click = event.target;
|
|
5913
5912
|
let currentBreadcrumb = $click.closest("span.pops-folder-file-list-breadcrumb-allFiles");
|
|
@@ -5933,16 +5932,16 @@ var pops = (function () {
|
|
|
5933
5932
|
},
|
|
5934
5933
|
addIndexCSS: false,
|
|
5935
5934
|
});
|
|
5936
|
-
addFolderElement(
|
|
5935
|
+
addFolderElement(folderDataConfigList);
|
|
5937
5936
|
loadingMask.close();
|
|
5938
5937
|
}
|
|
5939
5938
|
/**
|
|
5940
5939
|
* 刷新文件列表界面信息
|
|
5941
5940
|
* @param event
|
|
5942
|
-
* @param
|
|
5941
|
+
* @param folderDataConfig
|
|
5943
5942
|
*/
|
|
5944
|
-
async function refreshFolderInfoClickEvent(event,
|
|
5945
|
-
|
|
5943
|
+
async function refreshFolderInfoClickEvent(event, folderDataConfig) {
|
|
5944
|
+
clearFolderRow();
|
|
5946
5945
|
let loadingMask = PopsLoading.init({
|
|
5947
5946
|
parent: $content,
|
|
5948
5947
|
content: {
|
|
@@ -5953,12 +5952,12 @@ var pops = (function () {
|
|
|
5953
5952
|
},
|
|
5954
5953
|
addIndexCSS: false,
|
|
5955
5954
|
});
|
|
5956
|
-
if (typeof
|
|
5957
|
-
let childConfig = await
|
|
5955
|
+
if (typeof folderDataConfig.clickEvent === "function") {
|
|
5956
|
+
let childConfig = await folderDataConfig.clickEvent(event, folderDataConfig);
|
|
5958
5957
|
/* 添加顶部导航的箭头 */
|
|
5959
|
-
folderFileListBreadcrumbPrimaryElement.appendChild(
|
|
5960
|
-
/*
|
|
5961
|
-
let breadcrumbAllFilesElement =
|
|
5958
|
+
folderFileListBreadcrumbPrimaryElement.appendChild(createHeaderArrowIcon());
|
|
5959
|
+
/* 添加顶部导航的链接文字 */
|
|
5960
|
+
let breadcrumbAllFilesElement = createHeaderFileLinkNavgiation(folderDataConfig.fileName, childConfig);
|
|
5962
5961
|
folderFileListBreadcrumbPrimaryElement.appendChild(breadcrumbAllFilesElement);
|
|
5963
5962
|
/* 设置顶部导航点击事件 */
|
|
5964
5963
|
popsDOMUtils.on(breadcrumbAllFilesElement, "click", function (event) {
|
|
@@ -6253,7 +6252,7 @@ var pops = (function () {
|
|
|
6253
6252
|
endCallBack: config.dragEndCallBack,
|
|
6254
6253
|
});
|
|
6255
6254
|
}
|
|
6256
|
-
PopsHandler.handlePush(
|
|
6255
|
+
PopsHandler.handlePush(popsType, {
|
|
6257
6256
|
guid: guid,
|
|
6258
6257
|
animElement: $anim,
|
|
6259
6258
|
popsElement: $pops,
|
|
@@ -7345,14 +7344,14 @@ var pops = (function () {
|
|
|
7345
7344
|
init(details) {
|
|
7346
7345
|
const guid = popsUtils.getRandomGUID();
|
|
7347
7346
|
// 设置当前类型
|
|
7348
|
-
const
|
|
7347
|
+
const popsType = "tooltip";
|
|
7349
7348
|
let config = PopsTooltipConfig();
|
|
7350
7349
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
7351
7350
|
config = popsUtils.assign(config, details);
|
|
7352
7351
|
if (!(config.target instanceof HTMLElement)) {
|
|
7353
7352
|
throw new TypeError("config.target 必须是HTMLElement类型");
|
|
7354
7353
|
}
|
|
7355
|
-
config = PopsHandler.handleOnly(
|
|
7354
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
7356
7355
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
7357
7356
|
PopsHandler.handleInit($shadowRoot, [
|
|
7358
7357
|
{
|
|
@@ -10084,14 +10083,14 @@ var pops = (function () {
|
|
|
10084
10083
|
init(details) {
|
|
10085
10084
|
const guid = popsUtils.getRandomGUID();
|
|
10086
10085
|
// 设置当前类型
|
|
10087
|
-
const
|
|
10086
|
+
const popsType = "panel";
|
|
10088
10087
|
let config = PopsPanelConfig();
|
|
10089
10088
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
10090
10089
|
config = popsUtils.assign(config, details);
|
|
10091
10090
|
if (details && Array.isArray(details.content)) {
|
|
10092
10091
|
config.content = details.content;
|
|
10093
10092
|
}
|
|
10094
|
-
config = PopsHandler.handleOnly(
|
|
10093
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
10095
10094
|
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
|
|
10096
10095
|
PopsHandler.handleInit($shadowRoot, [
|
|
10097
10096
|
{
|
|
@@ -10126,21 +10125,21 @@ var pops = (function () {
|
|
|
10126
10125
|
// 先把z-index提取出来
|
|
10127
10126
|
let zIndex = PopsHandler.handleZIndex(config.zIndex);
|
|
10128
10127
|
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
|
|
10129
|
-
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(
|
|
10130
|
-
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
|
|
10131
|
-
let animHTML = PopsElementHandler.getAnimHTML(guid,
|
|
10128
|
+
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
|
|
10129
|
+
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
|
|
10130
|
+
let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config,
|
|
10132
10131
|
/*html*/ `
|
|
10133
|
-
<div class="pops-title pops-${
|
|
10132
|
+
<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
|
|
10134
10133
|
? config.title.text
|
|
10135
|
-
: `<p pops class="pops-${
|
|
10136
|
-
<div class="pops-content pops-${
|
|
10137
|
-
<aside class="pops-${
|
|
10138
|
-
<ul class="pops-${
|
|
10139
|
-
<ul class="pops-${
|
|
10134
|
+
: `<p pops class="pops-${popsType}-title-text" class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
|
|
10135
|
+
<div class="pops-content pops-${popsType}-content">
|
|
10136
|
+
<aside class="pops-${popsType}-aside">
|
|
10137
|
+
<ul class="pops-${popsType}-aside-top-container"></ul>
|
|
10138
|
+
<ul class="pops-${popsType}-aside-bottom-container"></ul>
|
|
10140
10139
|
</aside>
|
|
10141
|
-
<section class="pops-${
|
|
10142
|
-
<ul class="pops-${
|
|
10143
|
-
<ul class="pops-${
|
|
10140
|
+
<section class="pops-${popsType}-container">
|
|
10141
|
+
<ul class="pops-${popsType}-container-header-ul"></ul>
|
|
10142
|
+
<ul class="pops-${popsType}-container-main-ul"></ul>
|
|
10144
10143
|
</section>
|
|
10145
10144
|
</div>`, "", zIndex);
|
|
10146
10145
|
/**
|
|
@@ -10148,7 +10147,7 @@ var pops = (function () {
|
|
|
10148
10147
|
*/
|
|
10149
10148
|
let $anim = PopsElementHandler.parseElement(animHTML);
|
|
10150
10149
|
/* 结构元素 */
|
|
10151
|
-
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim,
|
|
10150
|
+
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim, popsType);
|
|
10152
10151
|
if (config.isMobile || popsUtils.isPhone()) {
|
|
10153
10152
|
popsDOMUtils.addClassName($pops, config.mobileClassName);
|
|
10154
10153
|
}
|
|
@@ -10163,7 +10162,7 @@ var pops = (function () {
|
|
|
10163
10162
|
/* 遮罩层元素 */
|
|
10164
10163
|
if (config.mask.enable) {
|
|
10165
10164
|
let { maskElement } = PopsHandler.handleMask({
|
|
10166
|
-
type:
|
|
10165
|
+
type: popsType,
|
|
10167
10166
|
guid: guid,
|
|
10168
10167
|
config: config,
|
|
10169
10168
|
animElement: $anim,
|
|
@@ -10173,7 +10172,7 @@ var pops = (function () {
|
|
|
10173
10172
|
isCreatedElementList.push($mask);
|
|
10174
10173
|
}
|
|
10175
10174
|
/* 处理返回的配置 */
|
|
10176
|
-
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot,
|
|
10175
|
+
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
|
|
10177
10176
|
/* 为顶部右边的关闭按钮添加点击事件 */
|
|
10178
10177
|
PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
|
|
10179
10178
|
/* 创建到页面中 */
|
|
@@ -10199,7 +10198,7 @@ var pops = (function () {
|
|
|
10199
10198
|
$contentSectionContainer: $contentSectionContainer,
|
|
10200
10199
|
},
|
|
10201
10200
|
});
|
|
10202
|
-
PopsHandler.handlePush(
|
|
10201
|
+
PopsHandler.handlePush(popsType, {
|
|
10203
10202
|
guid: guid,
|
|
10204
10203
|
animElement: $anim,
|
|
10205
10204
|
popsElement: $pops,
|
|
@@ -10361,11 +10360,11 @@ var pops = (function () {
|
|
|
10361
10360
|
init(details) {
|
|
10362
10361
|
const guid = popsUtils.getRandomGUID();
|
|
10363
10362
|
// 设置当前类型
|
|
10364
|
-
const
|
|
10363
|
+
const popsType = "rightClickMenu";
|
|
10365
10364
|
let config = rightClickMenuConfig();
|
|
10366
10365
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
10367
10366
|
config = popsUtils.assign(config, details);
|
|
10368
|
-
config = PopsHandler.handleOnly(
|
|
10367
|
+
config = PopsHandler.handleOnly(popsType, config);
|
|
10369
10368
|
if (config.target == null) {
|
|
10370
10369
|
throw new Error("config.target 不能为空");
|
|
10371
10370
|
}
|
|
@@ -10414,7 +10413,7 @@ var pops = (function () {
|
|
|
10414
10413
|
return;
|
|
10415
10414
|
}
|
|
10416
10415
|
let $click = event.target;
|
|
10417
|
-
if ($click.closest(`.pops-${
|
|
10416
|
+
if ($click.closest(`.pops-${popsType}`)) {
|
|
10418
10417
|
return;
|
|
10419
10418
|
}
|
|
10420
10419
|
if ($click.className &&
|
|
@@ -10433,7 +10432,7 @@ var pops = (function () {
|
|
|
10433
10432
|
return;
|
|
10434
10433
|
}
|
|
10435
10434
|
let $click = event.target;
|
|
10436
|
-
if ($click.closest(`.pops-${
|
|
10435
|
+
if ($click.closest(`.pops-${popsType}`)) {
|
|
10437
10436
|
return;
|
|
10438
10437
|
}
|
|
10439
10438
|
PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
|
|
@@ -10479,14 +10478,14 @@ var pops = (function () {
|
|
|
10479
10478
|
if (config.preventDefault) {
|
|
10480
10479
|
popsDOMUtils.preventEvent(event);
|
|
10481
10480
|
}
|
|
10482
|
-
PopsHandler.handleOnly(
|
|
10481
|
+
PopsHandler.handleOnly(popsType, config);
|
|
10483
10482
|
if (PopsContextMenu.rootElement) {
|
|
10484
10483
|
PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
|
|
10485
10484
|
}
|
|
10486
10485
|
let rootElement = PopsContextMenu.showMenu(event, config.data, selectorTarget);
|
|
10487
10486
|
PopsContextMenu.rootElement = rootElement;
|
|
10488
10487
|
if (config.only) {
|
|
10489
|
-
PopsHandler.handlePush(
|
|
10488
|
+
PopsHandler.handlePush(popsType, {
|
|
10490
10489
|
$shadowRoot: $shadowRoot,
|
|
10491
10490
|
$shadowContainer: $shadowContainer,
|
|
10492
10491
|
guid: guid,
|
|
@@ -10528,12 +10527,12 @@ var pops = (function () {
|
|
|
10528
10527
|
});
|
|
10529
10528
|
element.remove();
|
|
10530
10529
|
}
|
|
10531
|
-
if (element.classList.contains(`pops-${
|
|
10530
|
+
if (element.classList.contains(`pops-${popsType}-anim-show`)) {
|
|
10532
10531
|
/* 有动画 */
|
|
10533
10532
|
popsDOMUtils.on(element, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
|
|
10534
10533
|
capture: true,
|
|
10535
10534
|
});
|
|
10536
|
-
element.classList.remove(`pops-${
|
|
10535
|
+
element.classList.remove(`pops-${popsType}-anim-show`);
|
|
10537
10536
|
}
|
|
10538
10537
|
else {
|
|
10539
10538
|
/* 无动画 */
|
|
@@ -10565,7 +10564,7 @@ var pops = (function () {
|
|
|
10565
10564
|
*/
|
|
10566
10565
|
getMenuContainerElement(isChildren) {
|
|
10567
10566
|
let $menu = popsDOMUtils.createElement("div", {
|
|
10568
|
-
className: `pops-${
|
|
10567
|
+
className: `pops-${popsType}`,
|
|
10569
10568
|
innerHTML: /*html*/ `
|
|
10570
10569
|
<ul></ul>
|
|
10571
10570
|
`,
|
|
@@ -10579,7 +10578,7 @@ var pops = (function () {
|
|
|
10579
10578
|
}
|
|
10580
10579
|
/* 添加动画 */
|
|
10581
10580
|
if (config.isAnimation) {
|
|
10582
|
-
popsDOMUtils.addClassName($menu, `pops-${
|
|
10581
|
+
popsDOMUtils.addClassName($menu, `pops-${popsType}-anim-grid`);
|
|
10583
10582
|
}
|
|
10584
10583
|
return $menu;
|
|
10585
10584
|
},
|
|
@@ -10719,7 +10718,7 @@ var pops = (function () {
|
|
|
10719
10718
|
});
|
|
10720
10719
|
/* 过渡动画 */
|
|
10721
10720
|
if (config.isAnimation) {
|
|
10722
|
-
popsDOMUtils.addClassName(menuElement, `pops-${
|
|
10721
|
+
popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
|
|
10723
10722
|
}
|
|
10724
10723
|
return menuElement;
|
|
10725
10724
|
},
|
|
@@ -10759,7 +10758,7 @@ var pops = (function () {
|
|
|
10759
10758
|
popsDOMUtils.css(menuElement, { ...offset, display: "" });
|
|
10760
10759
|
/* 过渡动画 */
|
|
10761
10760
|
if (config.isAnimation) {
|
|
10762
|
-
popsDOMUtils.addClassName(menuElement, `pops-${
|
|
10761
|
+
popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
|
|
10763
10762
|
}
|
|
10764
10763
|
return menuElement;
|
|
10765
10764
|
},
|
|
@@ -10780,19 +10779,19 @@ var pops = (function () {
|
|
|
10780
10779
|
if (typeof item.icon === "string" && item.icon.trim() !== "") {
|
|
10781
10780
|
let iconSVGHTML = PopsIcon.getIcon(item.icon) ?? item.icon;
|
|
10782
10781
|
let iconElement = popsDOMUtils.parseTextToDOM(
|
|
10783
|
-
/*html*/ `<i class="pops-${
|
|
10782
|
+
/*html*/ `<i class="pops-${popsType}-icon" is-loading="${item.iconIsLoading ?? false}">${iconSVGHTML}</i>`);
|
|
10784
10783
|
menuLiElement.appendChild(iconElement);
|
|
10785
10784
|
}
|
|
10786
10785
|
/* 插入文字 */
|
|
10787
10786
|
menuLiElement.insertAdjacentHTML("beforeend", PopsSafeUtils.getSafeHTML(`<span>${item.text}</span>`));
|
|
10788
10787
|
/* 如果存在子数据，显示 */
|
|
10789
10788
|
if (item.item && Array.isArray(item.item)) {
|
|
10790
|
-
popsDOMUtils.addClassName(menuLiElement, `pops-${
|
|
10789
|
+
popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-item`);
|
|
10791
10790
|
}
|
|
10792
10791
|
/* 鼠标|触摸 移入事件 */
|
|
10793
10792
|
function liElementHoverEvent() {
|
|
10794
10793
|
Array.from(menuULElement.children).forEach((liElement) => {
|
|
10795
|
-
popsDOMUtils.removeClassName(liElement, `pops-${
|
|
10794
|
+
popsDOMUtils.removeClassName(liElement, `pops-${popsType}-is-visited`);
|
|
10796
10795
|
if (!liElement.__menuData__) {
|
|
10797
10796
|
return;
|
|
10798
10797
|
}
|
|
@@ -10817,7 +10816,7 @@ var pops = (function () {
|
|
|
10817
10816
|
index--;
|
|
10818
10817
|
}
|
|
10819
10818
|
}
|
|
10820
|
-
popsDOMUtils.addClassName(menuLiElement, `pops-${
|
|
10819
|
+
popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-is-visited`);
|
|
10821
10820
|
if (!item.item) {
|
|
10822
10821
|
return;
|
|
10823
10822
|
}
|
|
@@ -10940,7 +10939,7 @@ var pops = (function () {
|
|
|
10940
10939
|
init(details) {
|
|
10941
10940
|
const guid = popsUtils.getRandomGUID();
|
|
10942
10941
|
// 设置当前类型
|
|
10943
|
-
const
|
|
10942
|
+
const popsType = "searchSuggestion";
|
|
10944
10943
|
let config = searchSuggestionConfig();
|
|
10945
10944
|
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
10946
10945
|
config = popsUtils.assign(config, details);
|
|
@@ -11006,7 +11005,7 @@ var pops = (function () {
|
|
|
11006
11005
|
SearchSuggestion.changeHintULElementPosition();
|
|
11007
11006
|
SearchSuggestion.hide();
|
|
11008
11007
|
if (config.isAnimation) {
|
|
11009
|
-
SearchSuggestion.$el.root.classList.add(`pops-${
|
|
11008
|
+
SearchSuggestion.$el.root.classList.add(`pops-${popsType}-animation`);
|
|
11010
11009
|
}
|
|
11011
11010
|
$shadowRoot.appendChild(SearchSuggestion.$el.root);
|
|
11012
11011
|
parentElement.appendChild($shadowContainer);
|
|
@@ -11023,16 +11022,16 @@ var pops = (function () {
|
|
|
11023
11022
|
*/
|
|
11024
11023
|
getSearchSelectElement() {
|
|
11025
11024
|
let element = popsDOMUtils.createElement("div", {
|
|
11026
|
-
className: `pops pops-${
|
|
11025
|
+
className: `pops pops-${popsType}-search-suggestion`,
|
|
11027
11026
|
innerHTML: /*html*/ `
|
|
11028
11027
|
<style data-dynamic="true">
|
|
11029
11028
|
${this.getDynamicCSS()}
|
|
11030
11029
|
</style>
|
|
11031
|
-
<ul class="pops-${
|
|
11030
|
+
<ul class="pops-${popsType}-search-suggestion-hint">${config.toSearhNotResultHTML}</ul>
|
|
11032
11031
|
`,
|
|
11033
11032
|
}, {
|
|
11034
11033
|
"data-guid": guid,
|
|
11035
|
-
"type-value":
|
|
11034
|
+
"type-value": popsType,
|
|
11036
11035
|
});
|
|
11037
11036
|
if (config.className !== "" && config.className != null) {
|
|
11038
11037
|
popsDOMUtils.addClassName(element, config.className);
|
|
@@ -11042,24 +11041,24 @@ var pops = (function () {
|
|
|
11042
11041
|
/** 动态获取CSS */
|
|
11043
11042
|
getDynamicCSS() {
|
|
11044
11043
|
return /*css*/ `
|
|
11045
|
-
.pops-${
|
|
11044
|
+
.pops-${popsType}-animation{
|
|
11046
11045
|
-moz-animation: searchSelectFalIn 0.5s 1 linear;
|
|
11047
11046
|
-webkit-animation: searchSelectFalIn 0.5s 1 linear;
|
|
11048
11047
|
-o-animation: searchSelectFalIn 0.5s 1 linear;
|
|
11049
11048
|
-ms-animation: searchSelectFalIn 0.5s 1 linear;
|
|
11050
11049
|
}
|
|
11051
|
-
.pops-${
|
|
11050
|
+
.pops-${popsType}-search-suggestion{
|
|
11052
11051
|
--search-suggestion-bg-color: #ffffff;
|
|
11053
11052
|
--search-suggestion-box-shadow-color: rgb(0 0 0 / 20%);
|
|
11054
11053
|
--search-suggestion-item-color: #515a6e;
|
|
11055
11054
|
--search-suggestion-item-none-color: #8e8e8e;
|
|
11056
11055
|
--search-suggestion-item-hover-bg-color: rgba(0, 0, 0, .1);
|
|
11057
11056
|
}
|
|
11058
|
-
.pops-${
|
|
11057
|
+
.pops-${popsType}-search-suggestion{
|
|
11059
11058
|
border: initial;
|
|
11060
11059
|
overflow: initial;
|
|
11061
11060
|
}
|
|
11062
|
-
ul.pops-${
|
|
11061
|
+
ul.pops-${popsType}-search-suggestion-hint{
|
|
11063
11062
|
position: ${config.isAbsolute ? "absolute" : "fixed"};
|
|
11064
11063
|
z-index: ${PopsHandler.handleZIndex(config.zIndex)};
|
|
11065
11064
|
width: 0;
|
|
@@ -11074,14 +11073,14 @@ var pops = (function () {
|
|
|
11074
11073
|
box-shadow: 0 1px 6px var(--search-suggestion-box-shadow-color);
|
|
11075
11074
|
}
|
|
11076
11075
|
/* 建议框在上面时 */
|
|
11077
|
-
ul.pops-${
|
|
11076
|
+
ul.pops-${popsType}-search-suggestion-hint[data-top-reverse]{
|
|
11078
11077
|
display: flex;
|
|
11079
11078
|
flex-direction: column-reverse;
|
|
11080
11079
|
}
|
|
11081
|
-
ul.pops-${
|
|
11080
|
+
ul.pops-${popsType}-search-suggestion-hint[data-top-reverse] li{
|
|
11082
11081
|
flex-shrink: 0;
|
|
11083
11082
|
}
|
|
11084
|
-
ul.pops-${
|
|
11083
|
+
ul.pops-${popsType}-search-suggestion-hint li{
|
|
11085
11084
|
padding: 7px;
|
|
11086
11085
|
margin: 0;
|
|
11087
11086
|
clear: both;
|
|
@@ -11094,17 +11093,17 @@ var pops = (function () {
|
|
|
11094
11093
|
text-overflow: ellipsis;
|
|
11095
11094
|
width: 100%;
|
|
11096
11095
|
}
|
|
11097
|
-
ul.pops-${
|
|
11096
|
+
ul.pops-${popsType}-search-suggestion-hint li[data-none]{
|
|
11098
11097
|
text-align: center;
|
|
11099
11098
|
font-size: 12px;
|
|
11100
11099
|
color: var(--search-suggestion-item-none-color);
|
|
11101
11100
|
}
|
|
11102
|
-
ul.pops-${
|
|
11101
|
+
ul.pops-${popsType}-search-suggestion-hint li:hover{
|
|
11103
11102
|
background-color: var(--search-suggestion-item-hover-bg-color);
|
|
11104
11103
|
}
|
|
11105
11104
|
|
|
11106
11105
|
@media (prefers-color-scheme: dark){
|
|
11107
|
-
.pops-${
|
|
11106
|
+
.pops-${popsType}-search-suggestion{
|
|
11108
11107
|
--search-suggestion-bg-color: #1d1e1f;
|
|
11109
11108
|
--search-suggestion-item-color: #cfd3d4;
|
|
11110
11109
|
--search-suggestion-item-hover-bg-color: rgba(175, 175, 175, .1);
|
|
@@ -11119,7 +11118,7 @@ var pops = (function () {
|
|
|
11119
11118
|
*/
|
|
11120
11119
|
getSearchItemLiElement(data, index) {
|
|
11121
11120
|
return popsDOMUtils.createElement("li", {
|
|
11122
|
-
className: `pops-${
|
|
11121
|
+
className: `pops-${popsType}-search-suggestion-hint-item pops-flex-items-center pops-flex-y-center`,
|
|
11123
11122
|
"data-index": index,
|
|
11124
11123
|
"data-value": SearchSuggestion.getItemDataValue(data),
|
|
11125
11124
|
innerHTML: `${config.getItemHTML(data)}${config.deleteIcon.enable ? SearchSuggestion.getDeleteIconHTML() : ""}`,
|
|
@@ -11140,7 +11139,7 @@ var pops = (function () {
|
|
|
11140
11139
|
popsDOMUtils.on(liElement, "click", void 0, (event) => {
|
|
11141
11140
|
popsDOMUtils.preventEvent(event);
|
|
11142
11141
|
let $click = event.target;
|
|
11143
|
-
if ($click.closest(`.pops-${
|
|
11142
|
+
if ($click.closest(`.pops-${popsType}-delete-icon`)) {
|
|
11144
11143
|
/* 点击的是删除按钮 */
|
|
11145
11144
|
if (typeof config.deleteIcon.callback === "function") {
|
|
11146
11145
|
config.deleteIcon.callback(event, liElement, liElement["data-value"]);
|
|
@@ -11332,7 +11331,7 @@ var pops = (function () {
|
|
|
11332
11331
|
*/
|
|
11333
11332
|
getDeleteIconHTML(size = 16, fill = "#bababa") {
|
|
11334
11333
|
return /*html*/ `
|
|
11335
|
-
<svg class="pops-${
|
|
11334
|
+
<svg class="pops-${popsType}-delete-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="${fill}">
|
|
11336
11335
|
<path d="M512 883.2A371.2 371.2 0 1 0 140.8 512 371.2 371.2 0 0 0 512 883.2z m0 64a435.2 435.2 0 1 1 435.2-435.2 435.2 435.2 0 0 1-435.2 435.2z"></path>
|
|
11337
11336
|
<path d="M557.056 512l122.368 122.368a31.744 31.744 0 1 1-45.056 45.056L512 557.056l-122.368 122.368a31.744 31.744 0 1 1-45.056-45.056L466.944 512 344.576 389.632a31.744 31.744 0 1 1 45.056-45.056L512 466.944l122.368-122.368a31.744 31.744 0 1 1 45.056 45.056z"></path>
|
|
11338
11337
|
</svg>
|
|
@@ -11343,7 +11342,7 @@ var pops = (function () {
|
|
|
11343
11342
|
*/
|
|
11344
11343
|
setPromptsInSearch() {
|
|
11345
11344
|
let isSearchingElement = popsDOMUtils.createElement("li", {
|
|
11346
|
-
className: `pops-${
|
|
11345
|
+
className: `pops-${popsType}-search-suggestion-hint-searching-item`,
|
|
11347
11346
|
innerHTML: config.searchingTip,
|
|
11348
11347
|
});
|
|
11349
11348
|
SearchSuggestion.$el.$hintULContainer.appendChild(isSearchingElement);
|
|
@@ -11353,7 +11352,7 @@ var pops = (function () {
|
|
|
11353
11352
|
*/
|
|
11354
11353
|
removePromptsInSearch() {
|
|
11355
11354
|
SearchSuggestion.$el.$hintULContainer
|
|
11356
|
-
.querySelector(`li.pops-${
|
|
11355
|
+
.querySelector(`li.pops-${popsType}-search-suggestion-hint-searching-item`)
|
|
11357
11356
|
?.remove();
|
|
11358
11357
|
},
|
|
11359
11358
|
/**
|