@whitesev/pops 1.6.2 → 1.6.3

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.
Files changed (44) hide show
  1. package/dist/index.amd.js +891 -872
  2. package/dist/index.amd.js.map +1 -1
  3. package/dist/index.cjs.js +891 -872
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +891 -872
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.iife.js +891 -872
  8. package/dist/index.iife.js.map +1 -1
  9. package/dist/index.system.js +891 -872
  10. package/dist/index.system.js.map +1 -1
  11. package/dist/index.umd.js +891 -872
  12. package/dist/index.umd.js.map +1 -1
  13. package/dist/types/src/components/alert/config.d.ts +1 -1
  14. package/dist/types/src/components/confirm/config.d.ts +1 -1
  15. package/dist/types/src/components/drawer/config.d.ts +1 -1
  16. package/dist/types/src/components/folder/config.d.ts +1 -1
  17. package/dist/types/src/components/iframe/config.d.ts +1 -1
  18. package/dist/types/src/components/loading/config.d.ts +1 -1
  19. package/dist/types/src/components/panel/config.d.ts +1 -1
  20. package/dist/types/src/components/prompt/config.d.ts +1 -1
  21. package/dist/types/src/components/searchSuggestion/config.d.ts +1 -1
  22. package/dist/types/src/components/tooltip/config.d.ts +1 -1
  23. package/package.json +1 -1
  24. package/src/components/alert/config.ts +54 -52
  25. package/src/components/alert/index.ts +1 -1
  26. package/src/components/confirm/config.ts +80 -78
  27. package/src/components/confirm/index.ts +1 -1
  28. package/src/components/drawer/config.ts +74 -72
  29. package/src/components/drawer/index.ts +1 -1
  30. package/src/components/folder/config.ts +119 -117
  31. package/src/components/folder/index.ts +1 -1
  32. package/src/components/iframe/config.ts +52 -50
  33. package/src/components/iframe/index.ts +1 -1
  34. package/src/components/loading/config.ts +23 -21
  35. package/src/components/loading/index.ts +1 -1
  36. package/src/components/panel/config.ts +320 -318
  37. package/src/components/panel/index.ts +2 -4
  38. package/src/components/prompt/config.ts +88 -86
  39. package/src/components/prompt/index.ts +1 -1
  40. package/src/components/rightClickMenu/config.ts +2 -4
  41. package/src/components/searchSuggestion/config.ts +56 -53
  42. package/src/components/searchSuggestion/index.ts +1 -1
  43. package/src/components/tooltip/config.ts +26 -24
  44. package/src/components/tooltip/index.ts +1 -1
package/dist/index.esm.js CHANGED
@@ -4419,62 +4419,64 @@ const PopsHandler = {
4419
4419
  },
4420
4420
  };
4421
4421
 
4422
- const PopsAlertConfig = {
4423
- title: {
4424
- text: "默认标题",
4425
- position: "left",
4426
- html: false,
4427
- style: "",
4428
- },
4429
- content: {
4430
- text: "默认内容",
4431
- html: false,
4432
- style: "",
4433
- },
4434
- btn: {
4435
- position: "flex-end",
4436
- ok: {
4437
- size: void 0,
4438
- enable: true,
4439
- icon: void 0,
4440
- rightIcon: false,
4441
- iconIsLoading: false,
4442
- text: "确定",
4443
- type: "primary",
4444
- callback: function (event) {
4445
- event.close();
4446
- },
4422
+ const PopsAlertConfig = () => {
4423
+ return {
4424
+ title: {
4425
+ text: "默认标题",
4426
+ position: "left",
4427
+ html: false,
4428
+ style: "",
4447
4429
  },
4448
- close: {
4449
- enable: true,
4450
- callback: function (event) {
4451
- event.close();
4430
+ content: {
4431
+ text: "默认内容",
4432
+ html: false,
4433
+ style: "",
4434
+ },
4435
+ btn: {
4436
+ position: "flex-end",
4437
+ ok: {
4438
+ size: void 0,
4439
+ enable: true,
4440
+ icon: void 0,
4441
+ rightIcon: false,
4442
+ iconIsLoading: false,
4443
+ text: "确定",
4444
+ type: "primary",
4445
+ callback: function (event) {
4446
+ event.close();
4447
+ },
4448
+ },
4449
+ close: {
4450
+ enable: true,
4451
+ callback: function (event) {
4452
+ event.close();
4453
+ },
4452
4454
  },
4453
4455
  },
4454
- },
4455
- class: "",
4456
- only: false,
4457
- width: "350px",
4458
- height: "200px",
4459
- position: "center",
4460
- animation: "pops-anim-fadein-zoom",
4461
- zIndex: 10000,
4462
- mask: {
4463
- enable: false,
4464
- clickEvent: {
4465
- toClose: false,
4466
- toHide: false,
4456
+ class: "",
4457
+ only: false,
4458
+ width: "350px",
4459
+ height: "200px",
4460
+ position: "center",
4461
+ animation: "pops-anim-fadein-zoom",
4462
+ zIndex: 10000,
4463
+ mask: {
4464
+ enable: false,
4465
+ clickEvent: {
4466
+ toClose: false,
4467
+ toHide: false,
4468
+ },
4469
+ clickCallBack: void 0,
4467
4470
  },
4468
- clickCallBack: void 0,
4469
- },
4470
- drag: false,
4471
- dragLimit: true,
4472
- dragExtraDistance: 3,
4473
- dragMoveCallBack() { },
4474
- dragEndCallBack() { },
4475
- forbiddenScroll: false,
4476
- style: null,
4477
- beforeAppendToPageCallBack() { },
4471
+ drag: false,
4472
+ dragLimit: true,
4473
+ dragExtraDistance: 3,
4474
+ dragMoveCallBack() { },
4475
+ dragEndCallBack() { },
4476
+ forbiddenScroll: false,
4477
+ style: null,
4478
+ beforeAppendToPageCallBack() { },
4479
+ };
4478
4480
  };
4479
4481
 
4480
4482
  class PopsAlert {
@@ -4489,7 +4491,7 @@ class PopsAlert {
4489
4491
  pops.config.cssText.common,
4490
4492
  pops.config.cssText.alertCSS,
4491
4493
  ]);
4492
- let config = PopsAlertConfig;
4494
+ let config = PopsAlertConfig();
4493
4495
  config = popsUtils.assign(config, details);
4494
4496
  let guid = popsUtils.getRandomGUID();
4495
4497
  // 设置当前类型
@@ -4579,89 +4581,91 @@ class PopsAlert {
4579
4581
  }
4580
4582
  }
4581
4583
 
4582
- const PopsConfirmConfig = {
4583
- title: {
4584
- text: "默认标题",
4585
- position: "left",
4586
- html: false,
4587
- style: "",
4588
- },
4589
- content: {
4590
- text: "默认内容",
4591
- html: false,
4592
- style: "",
4593
- },
4594
- btn: {
4595
- merge: false,
4596
- mergeReverse: false,
4597
- reverse: false,
4598
- position: "flex-end",
4599
- ok: {
4600
- enable: true,
4601
- size: void 0,
4602
- icon: void 0,
4603
- rightIcon: false,
4604
- iconIsLoading: false,
4605
- text: "确定",
4606
- type: "primary",
4607
- callback(event) {
4608
- event.close();
4609
- },
4584
+ const PopsConfirmConfig = () => {
4585
+ return {
4586
+ title: {
4587
+ text: "默认标题",
4588
+ position: "left",
4589
+ html: false,
4590
+ style: "",
4610
4591
  },
4611
- cancel: {
4612
- enable: true,
4613
- size: void 0,
4614
- icon: void 0,
4615
- rightIcon: false,
4616
- iconIsLoading: false,
4617
- text: "关闭",
4618
- type: "default",
4619
- callback(event) {
4620
- event.close();
4621
- },
4592
+ content: {
4593
+ text: "默认内容",
4594
+ html: false,
4595
+ style: "",
4622
4596
  },
4623
- other: {
4624
- enable: false,
4625
- size: void 0,
4626
- icon: void 0,
4627
- rightIcon: false,
4628
- iconIsLoading: false,
4629
- text: "其它按钮",
4630
- type: "default",
4631
- callback(event) {
4632
- event.close();
4597
+ btn: {
4598
+ merge: false,
4599
+ mergeReverse: false,
4600
+ reverse: false,
4601
+ position: "flex-end",
4602
+ ok: {
4603
+ enable: true,
4604
+ size: void 0,
4605
+ icon: void 0,
4606
+ rightIcon: false,
4607
+ iconIsLoading: false,
4608
+ text: "确定",
4609
+ type: "primary",
4610
+ callback(event) {
4611
+ event.close();
4612
+ },
4633
4613
  },
4634
- },
4635
- close: {
4636
- enable: true,
4637
- callback(event) {
4638
- event.close();
4614
+ cancel: {
4615
+ enable: true,
4616
+ size: void 0,
4617
+ icon: void 0,
4618
+ rightIcon: false,
4619
+ iconIsLoading: false,
4620
+ text: "关闭",
4621
+ type: "default",
4622
+ callback(event) {
4623
+ event.close();
4624
+ },
4625
+ },
4626
+ other: {
4627
+ enable: false,
4628
+ size: void 0,
4629
+ icon: void 0,
4630
+ rightIcon: false,
4631
+ iconIsLoading: false,
4632
+ text: "其它按钮",
4633
+ type: "default",
4634
+ callback(event) {
4635
+ event.close();
4636
+ },
4637
+ },
4638
+ close: {
4639
+ enable: true,
4640
+ callback(event) {
4641
+ event.close();
4642
+ },
4639
4643
  },
4640
4644
  },
4641
- },
4642
- class: "",
4643
- only: false,
4644
- width: "350px",
4645
- height: "200px",
4646
- position: "center",
4647
- animation: "pops-anim-fadein-zoom",
4648
- zIndex: 10000,
4649
- mask: {
4650
- enable: false,
4651
- clickEvent: {
4652
- toClose: false,
4653
- toHide: false,
4645
+ class: "",
4646
+ only: false,
4647
+ width: "350px",
4648
+ height: "200px",
4649
+ position: "center",
4650
+ animation: "pops-anim-fadein-zoom",
4651
+ zIndex: 10000,
4652
+ mask: {
4653
+ enable: false,
4654
+ clickEvent: {
4655
+ toClose: false,
4656
+ toHide: false,
4657
+ },
4658
+ clickCallBack: void 0,
4654
4659
  },
4655
- clickCallBack: void 0,
4656
- },
4657
- drag: false,
4658
- dragLimit: true,
4659
- dragExtraDistance: 3,
4660
- dragMoveCallBack() { },
4661
- dragEndCallBack() { },
4662
- forbiddenScroll: false,
4663
- style: null,
4664
- beforeAppendToPageCallBack() { },
4660
+ drag: false,
4661
+ dragLimit: true,
4662
+ dragExtraDistance: 3,
4663
+ dragMoveCallBack() { },
4664
+ dragEndCallBack() { },
4665
+ forbiddenScroll: false,
4666
+ style: null,
4667
+ beforeAppendToPageCallBack() { },
4668
+ };
4665
4669
  };
4666
4670
 
4667
4671
  class PopsConfirm {
@@ -4676,7 +4680,7 @@ class PopsConfirm {
4676
4680
  pops.config.cssText.common,
4677
4681
  pops.config.cssText.confirmCSS,
4678
4682
  ]);
4679
- let config = PopsConfirmConfig;
4683
+ let config = PopsConfirmConfig();
4680
4684
  config = popsUtils.assign(config, details);
4681
4685
  let guid = popsUtils.getRandomGUID();
4682
4686
  // 设置当前类型
@@ -4768,97 +4772,99 @@ class PopsConfirm {
4768
4772
  }
4769
4773
  }
4770
4774
 
4771
- const PopsPromptConfig = {
4772
- title: {
4773
- text: "默认标题",
4774
- position: "left",
4775
- html: false,
4776
- style: "",
4777
- },
4778
- content: {
4779
- text: "",
4780
- select: false,
4781
- password: false,
4782
- row: false,
4783
- focus: true,
4784
- placeholder: "默认提示",
4785
- style: "",
4786
- },
4787
- btn: {
4788
- merge: false,
4789
- mergeReverse: false,
4790
- reverse: false,
4791
- position: "flex-end",
4792
- ok: {
4793
- enable: true,
4794
- size: void 0,
4795
- icon: void 0,
4796
- rightIcon: false,
4797
- iconIsLoading: false,
4798
- text: "确定",
4799
- type: "success",
4800
- callback(event) {
4801
- console.log(event);
4802
- event.close();
4803
- },
4775
+ const PopsPromptConfig = () => {
4776
+ return {
4777
+ title: {
4778
+ text: "默认标题",
4779
+ position: "left",
4780
+ html: false,
4781
+ style: "",
4804
4782
  },
4805
- cancel: {
4806
- enable: true,
4807
- size: void 0,
4808
- icon: void 0,
4809
- rightIcon: false,
4810
- iconIsLoading: false,
4811
- text: "关闭",
4812
- type: "default",
4813
- callback(event) {
4814
- console.log(event);
4815
- event.close();
4816
- },
4783
+ content: {
4784
+ text: "",
4785
+ select: false,
4786
+ password: false,
4787
+ row: false,
4788
+ focus: true,
4789
+ placeholder: "默认提示",
4790
+ style: "",
4817
4791
  },
4818
- other: {
4819
- enable: false,
4820
- size: void 0,
4821
- icon: void 0,
4822
- rightIcon: false,
4823
- iconIsLoading: false,
4824
- text: "其它按钮",
4825
- type: "default",
4826
- callback(event) {
4827
- console.log(event);
4828
- event.close();
4792
+ btn: {
4793
+ merge: false,
4794
+ mergeReverse: false,
4795
+ reverse: false,
4796
+ position: "flex-end",
4797
+ ok: {
4798
+ enable: true,
4799
+ size: void 0,
4800
+ icon: void 0,
4801
+ rightIcon: false,
4802
+ iconIsLoading: false,
4803
+ text: "确定",
4804
+ type: "success",
4805
+ callback(event) {
4806
+ console.log(event);
4807
+ event.close();
4808
+ },
4829
4809
  },
4830
- },
4831
- close: {
4832
- enable: true,
4833
- callback(event) {
4834
- console.log(event);
4835
- event.close();
4810
+ cancel: {
4811
+ enable: true,
4812
+ size: void 0,
4813
+ icon: void 0,
4814
+ rightIcon: false,
4815
+ iconIsLoading: false,
4816
+ text: "关闭",
4817
+ type: "default",
4818
+ callback(event) {
4819
+ console.log(event);
4820
+ event.close();
4821
+ },
4822
+ },
4823
+ other: {
4824
+ enable: false,
4825
+ size: void 0,
4826
+ icon: void 0,
4827
+ rightIcon: false,
4828
+ iconIsLoading: false,
4829
+ text: "其它按钮",
4830
+ type: "default",
4831
+ callback(event) {
4832
+ console.log(event);
4833
+ event.close();
4834
+ },
4835
+ },
4836
+ close: {
4837
+ enable: true,
4838
+ callback(event) {
4839
+ console.log(event);
4840
+ event.close();
4841
+ },
4836
4842
  },
4837
4843
  },
4838
- },
4839
- class: "",
4840
- only: false,
4841
- width: "350px",
4842
- height: "200px",
4843
- position: "center",
4844
- animation: "pops-anim-fadein-zoom",
4845
- zIndex: 10000,
4846
- mask: {
4847
- enable: false,
4848
- clickEvent: {
4849
- toClose: false,
4850
- toHide: false,
4844
+ class: "",
4845
+ only: false,
4846
+ width: "350px",
4847
+ height: "200px",
4848
+ position: "center",
4849
+ animation: "pops-anim-fadein-zoom",
4850
+ zIndex: 10000,
4851
+ mask: {
4852
+ enable: false,
4853
+ clickEvent: {
4854
+ toClose: false,
4855
+ toHide: false,
4856
+ },
4857
+ clickCallBack: void 0,
4851
4858
  },
4852
- clickCallBack: void 0,
4853
- },
4854
- drag: false,
4855
- dragLimit: true,
4856
- dragExtraDistance: 3,
4857
- dragMoveCallBack() { },
4858
- dragEndCallBack() { },
4859
- forbiddenScroll: false,
4860
- style: null,
4861
- beforeAppendToPageCallBack() { },
4859
+ drag: false,
4860
+ dragLimit: true,
4861
+ dragExtraDistance: 3,
4862
+ dragMoveCallBack() { },
4863
+ dragEndCallBack() { },
4864
+ forbiddenScroll: false,
4865
+ style: null,
4866
+ beforeAppendToPageCallBack() { },
4867
+ };
4862
4868
  };
4863
4869
 
4864
4870
  class PopsPrompt {
@@ -4873,7 +4879,7 @@ class PopsPrompt {
4873
4879
  pops.config.cssText.common,
4874
4880
  pops.config.cssText.promptCSS,
4875
4881
  ]);
4876
- let config = PopsPromptConfig;
4882
+ let config = PopsPromptConfig();
4877
4883
  config = popsUtils.assign(config, details);
4878
4884
  let guid = popsUtils.getRandomGUID();
4879
4885
  const PopsType = "prompt";
@@ -4977,33 +4983,35 @@ class PopsPrompt {
4977
4983
  }
4978
4984
  }
4979
4985
 
4980
- const PopsLoadingConfig = {
4981
- parent: document.body,
4982
- content: {
4983
- text: "加载中...",
4984
- icon: "loading",
4985
- style: "",
4986
- },
4987
- class: "",
4988
- only: false,
4989
- zIndex: 10000,
4990
- mask: {
4991
- enable: false,
4992
- clickEvent: {
4993
- toClose: false,
4994
- toHide: false,
4986
+ const PopsLoadingConfig = () => {
4987
+ return {
4988
+ parent: document.body,
4989
+ content: {
4990
+ text: "加载中...",
4991
+ icon: "loading",
4992
+ style: "",
4995
4993
  },
4996
- clickCallBack: void 0,
4997
- },
4998
- animation: "pops-anim-fadein-zoom",
4999
- forbiddenScroll: false,
5000
- style: null,
5001
- addIndexCSS: true,
4994
+ class: "",
4995
+ only: false,
4996
+ zIndex: 10000,
4997
+ mask: {
4998
+ enable: false,
4999
+ clickEvent: {
5000
+ toClose: false,
5001
+ toHide: false,
5002
+ },
5003
+ clickCallBack: void 0,
5004
+ },
5005
+ animation: "pops-anim-fadein-zoom",
5006
+ forbiddenScroll: false,
5007
+ style: null,
5008
+ addIndexCSS: true,
5009
+ };
5002
5010
  };
5003
5011
 
5004
5012
  class PopsLoading {
5005
5013
  constructor(details) {
5006
- let config = PopsLoadingConfig;
5014
+ let config = PopsLoadingConfig();
5007
5015
  config = popsUtils.assign(config, details);
5008
5016
  let guid = popsUtils.getRandomGUID();
5009
5017
  const PopsType = "loading";
@@ -5069,59 +5077,61 @@ class PopsLoading {
5069
5077
  }
5070
5078
  }
5071
5079
 
5072
- const PopsIframeConfig = {
5073
- title: {
5074
- position: "center",
5075
- text: "",
5076
- html: false,
5077
- style: "",
5078
- },
5079
- loading: {
5080
- enable: true,
5081
- icon: true,
5082
- text: "",
5083
- },
5084
- class: "",
5085
- url: window.location.href,
5086
- only: false,
5087
- zIndex: 10000,
5088
- mask: {
5089
- enable: false,
5090
- clickEvent: {
5091
- toClose: false,
5092
- toHide: false,
5080
+ const PopsIframeConfig = () => {
5081
+ return {
5082
+ title: {
5083
+ position: "center",
5084
+ text: "",
5085
+ html: false,
5086
+ style: "",
5093
5087
  },
5094
- clickCallBack: void 0,
5095
- },
5096
- animation: "pops-anim-fadein-zoom",
5097
- position: "center",
5098
- drag: false,
5099
- dragLimit: true,
5100
- dragExtraDistance: 3,
5101
- dragMoveCallBack() { },
5102
- dragEndCallBack() { },
5103
- width: "300px",
5104
- height: "250px",
5105
- topRightButton: "min|max|mise|close",
5106
- sandbox: false,
5107
- forbiddenScroll: false,
5108
- loadEndCallBack() { },
5109
- btn: {
5110
- min: {
5111
- callback() { },
5112
- },
5113
- max: {
5114
- callback() { },
5088
+ loading: {
5089
+ enable: true,
5090
+ icon: true,
5091
+ text: "",
5115
5092
  },
5116
- mise: {
5117
- callback() { },
5093
+ class: "",
5094
+ url: window.location.href,
5095
+ only: false,
5096
+ zIndex: 10000,
5097
+ mask: {
5098
+ enable: false,
5099
+ clickEvent: {
5100
+ toClose: false,
5101
+ toHide: false,
5102
+ },
5103
+ clickCallBack: void 0,
5118
5104
  },
5119
- close: {
5120
- callback() { },
5105
+ animation: "pops-anim-fadein-zoom",
5106
+ position: "center",
5107
+ drag: false,
5108
+ dragLimit: true,
5109
+ dragExtraDistance: 3,
5110
+ dragMoveCallBack() { },
5111
+ dragEndCallBack() { },
5112
+ width: "300px",
5113
+ height: "250px",
5114
+ topRightButton: "min|max|mise|close",
5115
+ sandbox: false,
5116
+ forbiddenScroll: false,
5117
+ loadEndCallBack() { },
5118
+ btn: {
5119
+ min: {
5120
+ callback() { },
5121
+ },
5122
+ max: {
5123
+ callback() { },
5124
+ },
5125
+ mise: {
5126
+ callback() { },
5127
+ },
5128
+ close: {
5129
+ callback() { },
5130
+ },
5121
5131
  },
5122
- },
5123
- style: null,
5124
- beforeAppendToPageCallBack() { },
5132
+ style: null,
5133
+ beforeAppendToPageCallBack() { },
5134
+ };
5125
5135
  };
5126
5136
 
5127
5137
  class PopsIframe {
@@ -5135,7 +5145,7 @@ class PopsIframe {
5135
5145
  pops.config.cssText.common,
5136
5146
  pops.config.cssText.iframeCSS,
5137
5147
  ]);
5138
- let config = PopsIframeConfig;
5148
+ let config = PopsIframeConfig();
5139
5149
  config = popsUtils.assign(config, details);
5140
5150
  if (config.url == null) {
5141
5151
  throw "config.url不能为空";
@@ -5350,30 +5360,32 @@ class PopsIframe {
5350
5360
  }
5351
5361
  }
5352
5362
 
5353
- const PopsTooltipConfig = {
5354
- // @ts-ignore
5355
- target: null,
5356
- content: "默认文字",
5357
- position: "top",
5358
- className: "",
5359
- alwaysShow: false,
5360
- triggerShowEventName: "mouseenter touchstart",
5361
- triggerCloseEventName: "mouseleave touchend",
5362
- zIndex: 10000,
5363
- only: false,
5364
- eventOption: {
5365
- passive: false,
5366
- capture: true,
5367
- once: false,
5368
- },
5369
- showBeforeCallBack() { },
5370
- showAfterCallBack() { },
5371
- closeBeforeCallBack() { },
5372
- closeAfterCallBack() { },
5373
- arrowDistance: 12.5,
5374
- otherDistance: 0,
5375
- style: "",
5376
- beforeAppendToPageCallBack() { },
5363
+ const PopsTooltipConfig = () => {
5364
+ return {
5365
+ // @ts-ignore
5366
+ target: null,
5367
+ content: "默认文字",
5368
+ position: "top",
5369
+ className: "",
5370
+ alwaysShow: false,
5371
+ triggerShowEventName: "mouseenter touchstart",
5372
+ triggerCloseEventName: "mouseleave touchend",
5373
+ zIndex: 10000,
5374
+ only: false,
5375
+ eventOption: {
5376
+ passive: false,
5377
+ capture: true,
5378
+ once: false,
5379
+ },
5380
+ showBeforeCallBack() { },
5381
+ showAfterCallBack() { },
5382
+ closeBeforeCallBack() { },
5383
+ closeAfterCallBack() { },
5384
+ arrowDistance: 12.5,
5385
+ otherDistance: 0,
5386
+ style: "",
5387
+ beforeAppendToPageCallBack() { },
5388
+ };
5377
5389
  };
5378
5390
 
5379
5391
  class PopsTooltip {
@@ -5385,7 +5397,7 @@ class PopsTooltip {
5385
5397
  pops.config.cssText.common,
5386
5398
  pops.config.cssText.tooltipCSS,
5387
5399
  ]);
5388
- let config = PopsTooltipConfig;
5400
+ let config = PopsTooltipConfig();
5389
5401
  config = popsUtils.assign(config, details);
5390
5402
  if (!(config.target instanceof HTMLElement)) {
5391
5403
  throw "config.target 必须是HTMLElement类型";
@@ -5630,85 +5642,87 @@ class PopsTooltip {
5630
5642
  }
5631
5643
  }
5632
5644
 
5633
- const PopsDrawerConfig = {
5634
- title: {
5635
- enable: true,
5636
- position: "center",
5637
- text: "默认标题",
5638
- html: false,
5639
- style: "height: 60px;line-height: 60px;",
5640
- },
5641
- content: {
5642
- text: "默认内容",
5643
- html: false,
5644
- style: "overflow: auto;padding: 0px 10px;",
5645
- },
5646
- btn: {
5647
- position: "flex-end",
5648
- ok: {
5645
+ const PopsDrawerConfig = () => {
5646
+ return {
5647
+ title: {
5649
5648
  enable: true,
5650
- size: void 0,
5651
- icon: void 0,
5652
- rightIcon: false,
5653
- iconIsLoading: false,
5654
- text: "确定",
5655
- type: "primary",
5656
- callback(event) {
5657
- event.close();
5658
- },
5649
+ position: "center",
5650
+ text: "默认标题",
5651
+ html: false,
5652
+ style: "height: 60px;line-height: 60px;",
5659
5653
  },
5660
- cancel: {
5661
- enable: true,
5662
- size: void 0,
5663
- icon: void 0,
5664
- rightIcon: false,
5665
- iconIsLoading: false,
5666
- text: "关闭",
5667
- type: "default",
5668
- callback(event) {
5669
- event.close();
5670
- },
5654
+ content: {
5655
+ text: "默认内容",
5656
+ html: false,
5657
+ style: "overflow: auto;padding: 0px 10px;",
5671
5658
  },
5672
- other: {
5673
- enable: false,
5674
- size: void 0,
5675
- icon: void 0,
5676
- rightIcon: false,
5677
- iconIsLoading: false,
5678
- text: "其它按钮",
5679
- type: "default",
5680
- callback(event) {
5681
- event.close();
5659
+ btn: {
5660
+ position: "flex-end",
5661
+ ok: {
5662
+ enable: true,
5663
+ size: void 0,
5664
+ icon: void 0,
5665
+ rightIcon: false,
5666
+ iconIsLoading: false,
5667
+ text: "确定",
5668
+ type: "primary",
5669
+ callback(event) {
5670
+ event.close();
5671
+ },
5672
+ },
5673
+ cancel: {
5674
+ enable: true,
5675
+ size: void 0,
5676
+ icon: void 0,
5677
+ rightIcon: false,
5678
+ iconIsLoading: false,
5679
+ text: "关闭",
5680
+ type: "default",
5681
+ callback(event) {
5682
+ event.close();
5683
+ },
5684
+ },
5685
+ other: {
5686
+ enable: false,
5687
+ size: void 0,
5688
+ icon: void 0,
5689
+ rightIcon: false,
5690
+ iconIsLoading: false,
5691
+ text: "其它按钮",
5692
+ type: "default",
5693
+ callback(event) {
5694
+ event.close();
5695
+ },
5696
+ },
5697
+ close: {
5698
+ enable: true,
5699
+ callback(event) {
5700
+ event.close();
5701
+ },
5682
5702
  },
5683
5703
  },
5684
- close: {
5704
+ mask: {
5685
5705
  enable: true,
5686
- callback(event) {
5687
- event.close();
5706
+ clickEvent: {
5707
+ toClose: true,
5708
+ toHide: false,
5688
5709
  },
5710
+ clickCallBack: void 0,
5689
5711
  },
5690
- },
5691
- mask: {
5692
- enable: true,
5693
- clickEvent: {
5694
- toClose: true,
5695
- toHide: false,
5696
- },
5697
- clickCallBack: void 0,
5698
- },
5699
- class: "",
5700
- zIndex: 10000,
5701
- only: false,
5702
- direction: "right",
5703
- size: "30%",
5704
- lockScroll: false,
5705
- closeOnPressEscape: true,
5706
- openDelay: 0,
5707
- closeDelay: 0,
5708
- borderRadius: 0,
5709
- style: null,
5710
- beforeAppendToPageCallBack() { },
5711
- forbiddenScroll: false,
5712
+ class: "",
5713
+ zIndex: 10000,
5714
+ only: false,
5715
+ direction: "right",
5716
+ size: "30%",
5717
+ lockScroll: false,
5718
+ closeOnPressEscape: true,
5719
+ openDelay: 0,
5720
+ closeDelay: 0,
5721
+ borderRadius: 0,
5722
+ style: null,
5723
+ beforeAppendToPageCallBack() { },
5724
+ forbiddenScroll: false,
5725
+ };
5712
5726
  };
5713
5727
 
5714
5728
  class PopsDrawer {
@@ -5723,7 +5737,7 @@ class PopsDrawer {
5723
5737
  pops.config.cssText.common,
5724
5738
  pops.config.cssText.drawerCSS,
5725
5739
  ]);
5726
- let config = PopsDrawerConfig;
5740
+ let config = PopsDrawerConfig();
5727
5741
  config = popsUtils.assign(config, details);
5728
5742
  let guid = popsUtils.getRandomGUID();
5729
5743
  const PopsType = "drawer";
@@ -5890,133 +5904,135 @@ class PopsDrawer {
5890
5904
  }
5891
5905
  }
5892
5906
 
5893
- const PopsFolderConfig = {
5894
- title: {
5895
- text: "pops.Folder",
5896
- position: "center",
5897
- html: false,
5898
- style: "",
5899
- },
5900
- sort: {
5901
- name: "latestTime",
5902
- isDesc: false,
5903
- // @ts-ignore
5904
- callback() { },
5905
- },
5906
- folder: [
5907
- {
5908
- fileName: "测试文件夹",
5909
- fileSize: 0,
5910
- fileType: "",
5911
- createTime: 0,
5912
- latestTime: 0,
5913
- isFolder: true,
5914
- index: 0,
5907
+ const PopsFolderConfig = () => {
5908
+ return {
5909
+ title: {
5910
+ text: "pops.Folder",
5911
+ position: "center",
5912
+ html: false,
5913
+ style: "",
5914
+ },
5915
+ sort: {
5916
+ name: "latestTime",
5917
+ isDesc: false,
5915
5918
  // @ts-ignore
5916
- clickEvent() {
5917
- return [
5918
- {
5919
- fileName: "内部-测试文件.zip",
5920
- fileSize: 1025000,
5921
- fileType: "zip",
5922
- createTime: 1702038410440,
5923
- latestTime: 1702039602126,
5924
- isFolder: false,
5925
- index: 1,
5926
- clickEvent() {
5927
- console.log("下载文件:", this.fileName);
5928
- return "https://update.greasyfork.org/scripts/456485/pops.js";
5919
+ callback() { },
5920
+ },
5921
+ folder: [
5922
+ {
5923
+ fileName: "测试文件夹",
5924
+ fileSize: 0,
5925
+ fileType: "",
5926
+ createTime: 0,
5927
+ latestTime: 0,
5928
+ isFolder: true,
5929
+ index: 0,
5930
+ // @ts-ignore
5931
+ clickEvent() {
5932
+ return [
5933
+ {
5934
+ fileName: "内部-测试文件.zip",
5935
+ fileSize: 1025000,
5936
+ fileType: "zip",
5937
+ createTime: 1702038410440,
5938
+ latestTime: 1702039602126,
5939
+ isFolder: false,
5940
+ index: 1,
5941
+ clickEvent() {
5942
+ console.log("下载文件:", this.fileName);
5943
+ return "https://update.greasyfork.org/scripts/456485/pops.js";
5944
+ },
5929
5945
  },
5930
- },
5931
- ];
5946
+ ];
5947
+ },
5932
5948
  },
5933
- },
5934
- {
5935
- fileName: "测试文件.apk",
5936
- fileSize: 30125682,
5937
- fileType: "apk",
5938
- createTime: 1702036410440,
5939
- latestTime: 1702039410440,
5940
- isFolder: false,
5941
- index: 1,
5942
- // @ts-ignore
5943
- clickEvent() {
5944
- console.log("下载文件:", this.fileName);
5945
- return "https://update.greasyfork.org/scripts/456485/pops.js";
5949
+ {
5950
+ fileName: "测试文件.apk",
5951
+ fileSize: 30125682,
5952
+ fileType: "apk",
5953
+ createTime: 1702036410440,
5954
+ latestTime: 1702039410440,
5955
+ isFolder: false,
5956
+ index: 1,
5957
+ // @ts-ignore
5958
+ clickEvent() {
5959
+ console.log("下载文件:", this.fileName);
5960
+ return "https://update.greasyfork.org/scripts/456485/pops.js";
5961
+ },
5946
5962
  },
5947
- },
5948
- ],
5949
- btn: {
5950
- merge: false,
5951
- mergeReverse: false,
5952
- reverse: false,
5953
- position: "flex-end",
5954
- ok: {
5955
- enable: true,
5956
- size: void 0,
5957
- icon: void 0,
5958
- rightIcon: false,
5959
- iconIsLoading: false,
5960
- text: "确定",
5961
- type: "primary",
5962
- callback(event) {
5963
- event.close();
5963
+ ],
5964
+ btn: {
5965
+ merge: false,
5966
+ mergeReverse: false,
5967
+ reverse: false,
5968
+ position: "flex-end",
5969
+ ok: {
5970
+ enable: true,
5971
+ size: void 0,
5972
+ icon: void 0,
5973
+ rightIcon: false,
5974
+ iconIsLoading: false,
5975
+ text: "确定",
5976
+ type: "primary",
5977
+ callback(event) {
5978
+ event.close();
5979
+ },
5964
5980
  },
5965
- },
5966
- cancel: {
5967
- enable: true,
5968
- size: void 0,
5969
- icon: void 0,
5970
- rightIcon: false,
5971
- iconIsLoading: false,
5972
- text: "关闭",
5973
- type: "default",
5974
- callback(event) {
5975
- event.close();
5981
+ cancel: {
5982
+ enable: true,
5983
+ size: void 0,
5984
+ icon: void 0,
5985
+ rightIcon: false,
5986
+ iconIsLoading: false,
5987
+ text: "关闭",
5988
+ type: "default",
5989
+ callback(event) {
5990
+ event.close();
5991
+ },
5976
5992
  },
5977
- },
5978
- other: {
5979
- enable: false,
5980
- size: void 0,
5981
- icon: void 0,
5982
- rightIcon: false,
5983
- iconIsLoading: false,
5984
- text: "其它按钮",
5985
- type: "default",
5986
- callback(event) {
5987
- event.close();
5993
+ other: {
5994
+ enable: false,
5995
+ size: void 0,
5996
+ icon: void 0,
5997
+ rightIcon: false,
5998
+ iconIsLoading: false,
5999
+ text: "其它按钮",
6000
+ type: "default",
6001
+ callback(event) {
6002
+ event.close();
6003
+ },
5988
6004
  },
5989
- },
5990
- close: {
5991
- enable: true,
5992
- callback(event) {
5993
- event.close();
6005
+ close: {
6006
+ enable: true,
6007
+ callback(event) {
6008
+ event.close();
6009
+ },
5994
6010
  },
5995
6011
  },
5996
- },
5997
- class: "",
5998
- only: false,
5999
- width: "500px",
6000
- height: "400px",
6001
- position: "center",
6002
- animation: "pops-anim-fadein-zoom",
6003
- zIndex: 10000,
6004
- mask: {
6005
- enable: false,
6006
- clickEvent: {
6007
- toClose: false,
6008
- toHide: false,
6012
+ class: "",
6013
+ only: false,
6014
+ width: "500px",
6015
+ height: "400px",
6016
+ position: "center",
6017
+ animation: "pops-anim-fadein-zoom",
6018
+ zIndex: 10000,
6019
+ mask: {
6020
+ enable: false,
6021
+ clickEvent: {
6022
+ toClose: false,
6023
+ toHide: false,
6024
+ },
6025
+ clickCallBack: void 0,
6009
6026
  },
6010
- clickCallBack: void 0,
6011
- },
6012
- drag: false,
6013
- dragLimit: true,
6014
- dragExtraDistance: 3,
6015
- dragMoveCallBack() { },
6016
- dragEndCallBack() { },
6017
- forbiddenScroll: false,
6018
- style: null,
6019
- beforeAppendToPageCallBack() { },
6027
+ drag: false,
6028
+ dragLimit: true,
6029
+ dragExtraDistance: 3,
6030
+ dragMoveCallBack() { },
6031
+ dragEndCallBack() { },
6032
+ forbiddenScroll: false,
6033
+ style: null,
6034
+ beforeAppendToPageCallBack() { },
6035
+ };
6020
6036
  };
6021
6037
 
6022
6038
  /**
@@ -6059,7 +6075,7 @@ class PopsFolder {
6059
6075
  pops.config.cssText.common,
6060
6076
  pops.config.cssText.folderCSS,
6061
6077
  ]);
6062
- let config = PopsFolderConfig;
6078
+ let config = PopsFolderConfig();
6063
6079
  /* 办公几件套 */
6064
6080
  Folder_ICON.docx = Folder_ICON.doc;
6065
6081
  Folder_ICON.rtf = Folder_ICON.doc;
@@ -6825,348 +6841,350 @@ class PopsFolder {
6825
6841
  }
6826
6842
  }
6827
6843
 
6828
- const PopsPanelConfig = {
6829
- title: {
6830
- text: "默认标题",
6831
- position: "center",
6832
- html: false,
6833
- style: "",
6834
- },
6835
- content: [
6836
- {
6837
- id: "whitesev-panel-config-1",
6838
- title: "菜单配置1",
6839
- headerTitle: "菜单配置1",
6840
- isDefault: false,
6841
- attributes: [
6842
- {
6843
- "data-test": "test",
6844
- "data-test-2": "test2",
6845
- },
6846
- ],
6847
- forms: [
6848
- {
6849
- className: "forms-1",
6850
- text: "区域设置",
6851
- type: "forms",
6852
- attributes: [],
6853
- forms: [
6854
- {
6855
- className: "panel-switch",
6856
- text: "switch",
6857
- type: "switch",
6858
- attributes: [],
6859
- getValue() {
6860
- return true;
6861
- },
6862
- callback(event, value) {
6863
- console.log("按钮开启状态:", value);
6864
- },
6865
- },
6866
- {
6867
- className: "panel-slider",
6868
- text: "slider",
6869
- type: "slider",
6870
- attributes: [],
6871
- getValue() {
6872
- return 50;
6844
+ const PopsPanelConfig = () => {
6845
+ return {
6846
+ title: {
6847
+ text: "默认标题",
6848
+ position: "center",
6849
+ html: false,
6850
+ style: "",
6851
+ },
6852
+ content: [
6853
+ {
6854
+ id: "whitesev-panel-config-1",
6855
+ title: "菜单配置1",
6856
+ headerTitle: "菜单配置1",
6857
+ isDefault: false,
6858
+ attributes: [
6859
+ {
6860
+ "data-test": "test",
6861
+ "data-test-2": "test2",
6862
+ },
6863
+ ],
6864
+ forms: [
6865
+ {
6866
+ className: "forms-1",
6867
+ text: "区域设置",
6868
+ type: "forms",
6869
+ attributes: [],
6870
+ forms: [
6871
+ {
6872
+ className: "panel-switch",
6873
+ text: "switch",
6874
+ type: "switch",
6875
+ attributes: [],
6876
+ getValue() {
6877
+ return true;
6878
+ },
6879
+ callback(event, value) {
6880
+ console.log("按钮开启状态:", value);
6881
+ },
6873
6882
  },
6874
- callback(event, value) {
6875
- console.log("滑块当前数值:", value);
6883
+ {
6884
+ className: "panel-slider",
6885
+ text: "slider",
6886
+ type: "slider",
6887
+ attributes: [],
6888
+ getValue() {
6889
+ return 50;
6890
+ },
6891
+ callback(event, value) {
6892
+ console.log("滑块当前数值:", value);
6893
+ },
6894
+ min: 1,
6895
+ max: 100,
6876
6896
  },
6877
- min: 1,
6878
- max: 100,
6879
- },
6880
- {
6881
- className: "panel-button",
6882
- text: "button",
6883
- type: "button",
6884
- attributes: [],
6885
- buttonIcon: "eleme",
6886
- buttonIconIsLoading: true,
6887
- buttonType: "warning",
6888
- buttonText: "warning按钮",
6889
- callback(event) {
6890
- console.log("点击按钮", event);
6897
+ {
6898
+ className: "panel-button",
6899
+ text: "button",
6900
+ type: "button",
6901
+ attributes: [],
6902
+ buttonIcon: "eleme",
6903
+ buttonIconIsLoading: true,
6904
+ buttonType: "warning",
6905
+ buttonText: "warning按钮",
6906
+ callback(event) {
6907
+ console.log("点击按钮", event);
6908
+ },
6891
6909
  },
6892
- },
6893
- {
6894
- className: "panel-button",
6895
- text: "button",
6896
- type: "button",
6897
- attributes: [],
6898
- buttonIcon: "chromeFilled",
6899
- buttonIconIsLoading: true,
6900
- buttonType: "danger",
6901
- buttonText: "danger按钮",
6902
- callback(event) {
6903
- console.log("点击按钮", event);
6910
+ {
6911
+ className: "panel-button",
6912
+ text: "button",
6913
+ type: "button",
6914
+ attributes: [],
6915
+ buttonIcon: "chromeFilled",
6916
+ buttonIconIsLoading: true,
6917
+ buttonType: "danger",
6918
+ buttonText: "danger按钮",
6919
+ callback(event) {
6920
+ console.log("点击按钮", event);
6921
+ },
6904
6922
  },
6905
- },
6906
- {
6907
- className: "panel-button",
6908
- text: "button",
6909
- type: "button",
6910
- attributes: [],
6911
- buttonIcon: "upload",
6912
- buttonIconIsLoading: false,
6913
- buttonType: "info",
6914
- buttonText: "info按钮",
6915
- callback(event) {
6916
- console.log("点击按钮", event);
6923
+ {
6924
+ className: "panel-button",
6925
+ text: "button",
6926
+ type: "button",
6927
+ attributes: [],
6928
+ buttonIcon: "upload",
6929
+ buttonIconIsLoading: false,
6930
+ buttonType: "info",
6931
+ buttonText: "info按钮",
6932
+ callback(event) {
6933
+ console.log("点击按钮", event);
6934
+ },
6917
6935
  },
6918
- },
6919
- ],
6920
- },
6921
- ],
6922
- },
6923
- {
6924
- id: "whitesev-panel-config-2",
6925
- title: "菜单配置2",
6926
- headerTitle: "菜单配置2",
6927
- isDefault: true,
6928
- attributes: [
6929
- {
6930
- "data-value": "value",
6931
- "data-value-2": "value2",
6932
- },
6933
- ],
6934
- forms: [
6935
- {
6936
- className: "panel-input",
6937
- text: "input",
6938
- type: "input",
6939
- attributes: [],
6940
- getValue() {
6941
- return "50";
6942
- },
6943
- callback(event, value) {
6944
- console.log("输入框内容改变:", value);
6945
- },
6946
- placeholder: "请输入内容",
6947
- },
6948
- {
6949
- className: "panel-input-password",
6950
- text: "input-password",
6951
- type: "input",
6952
- attributes: [],
6953
- getValue() {
6954
- return "123456";
6955
- },
6956
- callback(event, value) {
6957
- console.log("密码输入框内容改变:", value);
6958
- },
6959
- isPassword: true,
6960
- placeholder: "请输入密码",
6961
- },
6962
- {
6963
- className: "panel-textarea",
6964
- text: "textarea",
6965
- type: "textarea",
6966
- attributes: [],
6967
- getValue() {
6968
- return "50";
6969
- },
6970
- callback(event, value) {
6971
- console.log("textarea输入框内容改变:", value);
6972
- },
6973
- placeholder: "请输入内容",
6974
- },
6975
- {
6976
- className: "panel-select",
6977
- text: "select",
6978
- type: "select",
6979
- attributes: [],
6980
- getValue() {
6981
- return 50;
6936
+ ],
6982
6937
  },
6983
- callback(event, isSelectedValue, isSelectedText) {
6984
- console.log(`select当前选项:${isSelectedValue},当前选项文本:${isSelectedText}`);
6938
+ ],
6939
+ },
6940
+ {
6941
+ id: "whitesev-panel-config-2",
6942
+ title: "菜单配置2",
6943
+ headerTitle: "菜单配置2",
6944
+ isDefault: true,
6945
+ attributes: [
6946
+ {
6947
+ "data-value": "value",
6948
+ "data-value-2": "value2",
6985
6949
  },
6986
- data: [
6987
- {
6988
- value: "all",
6989
- text: "所有",
6990
- },
6991
- {
6992
- value: "text",
6993
- text: "文本",
6950
+ ],
6951
+ forms: [
6952
+ {
6953
+ className: "panel-input",
6954
+ text: "input",
6955
+ type: "input",
6956
+ attributes: [],
6957
+ getValue() {
6958
+ return "50";
6994
6959
  },
6995
- {
6996
- value: "html",
6997
- text: "超文本",
6960
+ callback(event, value) {
6961
+ console.log("输入框内容改变:", value);
6998
6962
  },
6999
- ],
7000
- },
7001
- {
7002
- className: "panel-select-multiple",
7003
- type: "select-multiple",
7004
- text: "select-multiple",
7005
- attributes: [],
7006
- placeholder: "请至少选择一个选项",
7007
- getValue() {
7008
- return ["select-1", "select-2"];
7009
- },
7010
- callback(selectInfo) {
7011
- console.log(`select值改变,多选信息`, selectInfo);
6963
+ placeholder: "请输入内容",
7012
6964
  },
7013
- clickCallBack(event, isSelectedInfo) {
7014
- console.log("点击", event, isSelectedInfo);
6965
+ {
6966
+ className: "panel-input-password",
6967
+ text: "input-password",
6968
+ type: "input",
6969
+ attributes: [],
6970
+ getValue() {
6971
+ return "123456";
6972
+ },
6973
+ callback(event, value) {
6974
+ console.log("密码输入框内容改变:", value);
6975
+ },
6976
+ isPassword: true,
6977
+ placeholder: "请输入密码",
7015
6978
  },
7016
- closeIconClickCallBack(event, data) {
7017
- console.log("点击关闭图标的事件", data);
6979
+ {
6980
+ className: "panel-textarea",
6981
+ text: "textarea",
6982
+ type: "textarea",
6983
+ attributes: [],
6984
+ getValue() {
6985
+ return "50";
6986
+ },
6987
+ callback(event, value) {
6988
+ console.log("textarea输入框内容改变:", value);
6989
+ },
6990
+ placeholder: "请输入内容",
7018
6991
  },
7019
- data: [
7020
- {
7021
- value: "select-1",
7022
- text: "单选1",
6992
+ {
6993
+ className: "panel-select",
6994
+ text: "select",
6995
+ type: "select",
6996
+ attributes: [],
6997
+ getValue() {
6998
+ return 50;
7023
6999
  },
7024
- {
7025
- value: "select-2",
7026
- text: "单选2",
7000
+ callback(event, isSelectedValue, isSelectedText) {
7001
+ console.log(`select当前选项:${isSelectedValue},当前选项文本:${isSelectedText}`);
7027
7002
  },
7028
- {
7029
- value: "select-3",
7030
- text: "单选3",
7003
+ data: [
7004
+ {
7005
+ value: "all",
7006
+ text: "所有",
7007
+ },
7008
+ {
7009
+ value: "text",
7010
+ text: "文本",
7011
+ },
7012
+ {
7013
+ value: "html",
7014
+ text: "超文本",
7015
+ },
7016
+ ],
7017
+ },
7018
+ {
7019
+ className: "panel-select-multiple",
7020
+ type: "select-multiple",
7021
+ text: "select-multiple",
7022
+ attributes: [],
7023
+ placeholder: "请至少选择一个选项",
7024
+ getValue() {
7025
+ return ["select-1", "select-2"];
7031
7026
  },
7032
- {
7033
- value: "select-4",
7034
- text: "单选4",
7027
+ callback(selectInfo) {
7028
+ console.log(`select值改变,多选信息`, selectInfo);
7035
7029
  },
7036
- {
7037
- value: "select-5",
7038
- text: "单选5",
7030
+ clickCallBack(event, isSelectedInfo) {
7031
+ console.log("点击", event, isSelectedInfo);
7039
7032
  },
7040
- ],
7041
- },
7042
- {
7043
- type: "forms",
7044
- text: "deep菜单",
7045
- forms: [
7046
- {
7047
- type: "deepMenu",
7048
- className: "panel-deepMenu",
7049
- text: "deepMenu",
7050
- description: "二级菜单",
7051
- rightText: "自定义配置",
7052
- arrowRightIcon: true,
7053
- clickCallBack(event, formConfig) {
7054
- console.log("进入子配置", event, formConfig);
7033
+ closeIconClickCallBack(event, data) {
7034
+ console.log("点击关闭图标的事件", data);
7035
+ },
7036
+ data: [
7037
+ {
7038
+ value: "select-1",
7039
+ text: "单选1",
7055
7040
  },
7056
- forms: [
7057
- {
7058
- className: "forms-1",
7059
- text: "区域设置",
7060
- type: "forms",
7061
- attributes: [],
7062
- forms: [
7063
- {
7064
- className: "panel-switch",
7065
- text: "switch",
7066
- type: "switch",
7067
- attributes: [],
7068
- getValue() {
7069
- return true;
7070
- },
7071
- callback(event, value) {
7072
- console.log("按钮开启状态:", value);
7073
- },
7074
- },
7075
- {
7076
- className: "panel-slider",
7077
- text: "slider",
7078
- type: "slider",
7079
- attributes: [],
7080
- getValue() {
7081
- return 50;
7041
+ {
7042
+ value: "select-2",
7043
+ text: "单选2",
7044
+ },
7045
+ {
7046
+ value: "select-3",
7047
+ text: "单选3",
7048
+ },
7049
+ {
7050
+ value: "select-4",
7051
+ text: "单选4",
7052
+ },
7053
+ {
7054
+ value: "select-5",
7055
+ text: "单选5",
7056
+ },
7057
+ ],
7058
+ },
7059
+ {
7060
+ type: "forms",
7061
+ text: "deep菜单",
7062
+ forms: [
7063
+ {
7064
+ type: "deepMenu",
7065
+ className: "panel-deepMenu",
7066
+ text: "deepMenu",
7067
+ description: "二级菜单",
7068
+ rightText: "自定义配置",
7069
+ arrowRightIcon: true,
7070
+ clickCallBack(event, formConfig) {
7071
+ console.log("进入子配置", event, formConfig);
7072
+ },
7073
+ forms: [
7074
+ {
7075
+ className: "forms-1",
7076
+ text: "区域设置",
7077
+ type: "forms",
7078
+ attributes: [],
7079
+ forms: [
7080
+ {
7081
+ className: "panel-switch",
7082
+ text: "switch",
7083
+ type: "switch",
7084
+ attributes: [],
7085
+ getValue() {
7086
+ return true;
7087
+ },
7088
+ callback(event, value) {
7089
+ console.log("按钮开启状态:", value);
7090
+ },
7082
7091
  },
7083
- callback(event, value) {
7084
- console.log("滑块当前数值:", value);
7092
+ {
7093
+ className: "panel-slider",
7094
+ text: "slider",
7095
+ type: "slider",
7096
+ attributes: [],
7097
+ getValue() {
7098
+ return 50;
7099
+ },
7100
+ callback(event, value) {
7101
+ console.log("滑块当前数值:", value);
7102
+ },
7103
+ min: 1,
7104
+ max: 100,
7085
7105
  },
7086
- min: 1,
7087
- max: 100,
7088
- },
7089
- {
7090
- className: "panel-button",
7091
- text: "button",
7092
- type: "button",
7093
- attributes: [],
7094
- buttonIcon: "eleme",
7095
- buttonIconIsLoading: true,
7096
- buttonType: "warning",
7097
- buttonText: "warning按钮",
7098
- callback(event) {
7099
- console.log("点击按钮", event);
7106
+ {
7107
+ className: "panel-button",
7108
+ text: "button",
7109
+ type: "button",
7110
+ attributes: [],
7111
+ buttonIcon: "eleme",
7112
+ buttonIconIsLoading: true,
7113
+ buttonType: "warning",
7114
+ buttonText: "warning按钮",
7115
+ callback(event) {
7116
+ console.log("点击按钮", event);
7117
+ },
7100
7118
  },
7101
- },
7102
- {
7103
- className: "panel-button",
7104
- text: "button",
7105
- type: "button",
7106
- attributes: [],
7107
- buttonIcon: "chromeFilled",
7108
- buttonIconIsLoading: true,
7109
- buttonType: "danger",
7110
- buttonText: "danger按钮",
7111
- callback(event) {
7112
- console.log("点击按钮", event);
7119
+ {
7120
+ className: "panel-button",
7121
+ text: "button",
7122
+ type: "button",
7123
+ attributes: [],
7124
+ buttonIcon: "chromeFilled",
7125
+ buttonIconIsLoading: true,
7126
+ buttonType: "danger",
7127
+ buttonText: "danger按钮",
7128
+ callback(event) {
7129
+ console.log("点击按钮", event);
7130
+ },
7113
7131
  },
7114
- },
7115
- {
7116
- className: "panel-button",
7117
- text: "button",
7118
- type: "button",
7119
- attributes: [],
7120
- buttonIcon: "upload",
7121
- buttonIconIsLoading: false,
7122
- buttonType: "info",
7123
- buttonText: "info按钮",
7124
- callback(event) {
7125
- console.log("点击按钮", event);
7132
+ {
7133
+ className: "panel-button",
7134
+ text: "button",
7135
+ type: "button",
7136
+ attributes: [],
7137
+ buttonIcon: "upload",
7138
+ buttonIconIsLoading: false,
7139
+ buttonType: "info",
7140
+ buttonText: "info按钮",
7141
+ callback(event) {
7142
+ console.log("点击按钮", event);
7143
+ },
7126
7144
  },
7127
- },
7128
- ],
7129
- },
7130
- ],
7131
- },
7132
- ],
7145
+ ],
7146
+ },
7147
+ ],
7148
+ },
7149
+ ],
7150
+ },
7151
+ ],
7152
+ },
7153
+ ],
7154
+ btn: {
7155
+ close: {
7156
+ enable: true,
7157
+ callback(event) {
7158
+ event.close();
7133
7159
  },
7134
- ],
7135
- },
7136
- ],
7137
- btn: {
7138
- close: {
7139
- enable: true,
7140
- callback(event) {
7141
- event.close();
7142
7160
  },
7143
7161
  },
7144
- },
7145
- mask: {
7146
- enable: false,
7147
- clickEvent: {
7148
- toClose: false,
7149
- toHide: false,
7162
+ mask: {
7163
+ enable: false,
7164
+ clickEvent: {
7165
+ toClose: false,
7166
+ toHide: false,
7167
+ },
7168
+ clickCallBack: void 0,
7150
7169
  },
7151
- clickCallBack: void 0,
7152
- },
7153
- class: "",
7154
- mobileClassName: "pops-panel-is-mobile",
7155
- isMobile: false,
7156
- only: false,
7157
- width: "700px",
7158
- height: "500px",
7159
- position: "center",
7160
- animation: "pops-anim-fadein-zoom",
7161
- zIndex: 10000,
7162
- drag: false,
7163
- dragLimit: true,
7164
- dragExtraDistance: 3,
7165
- dragMoveCallBack() { },
7166
- dragEndCallBack() { },
7167
- forbiddenScroll: false,
7168
- style: null,
7169
- beforeAppendToPageCallBack() { },
7170
+ class: "",
7171
+ mobileClassName: "pops-panel-is-mobile",
7172
+ isMobile: false,
7173
+ only: false,
7174
+ width: "700px",
7175
+ height: "500px",
7176
+ position: "center",
7177
+ animation: "pops-anim-fadein-zoom",
7178
+ zIndex: 10000,
7179
+ drag: false,
7180
+ dragLimit: true,
7181
+ dragExtraDistance: 3,
7182
+ dragMoveCallBack() { },
7183
+ dragEndCallBack() { },
7184
+ forbiddenScroll: false,
7185
+ style: null,
7186
+ beforeAppendToPageCallBack() { },
7187
+ };
7170
7188
  };
7171
7189
 
7172
7190
  const PopsMathFloatUtils = {
@@ -9566,7 +9584,7 @@ class PopsPanel {
9566
9584
  pops.config.cssText.common,
9567
9585
  pops.config.cssText.panelCSS,
9568
9586
  ]);
9569
- let config = PopsPanelConfig;
9587
+ let config = PopsPanelConfig();
9570
9588
  config = popsUtils.assign(config, details);
9571
9589
  if (details && Array.isArray(details.content)) {
9572
9590
  config.content = details.content;
@@ -9676,7 +9694,7 @@ class PopsPanel {
9676
9694
  }
9677
9695
 
9678
9696
  const rightClickMenuConfig = () => {
9679
- let config = {
9697
+ return {
9680
9698
  target: document.documentElement,
9681
9699
  targetSelector: null,
9682
9700
  data: [
@@ -9791,7 +9809,6 @@ const rightClickMenuConfig = () => {
9791
9809
  style: null,
9792
9810
  beforeAppendToPageCallBack() { },
9793
9811
  };
9794
- return config;
9795
9812
  };
9796
9813
 
9797
9814
  class PopsRightClickMenu {
@@ -10211,58 +10228,60 @@ class PopsRightClickMenu {
10211
10228
  }
10212
10229
  }
10213
10230
 
10214
- const searchSuggestionConfig = {
10215
- // @ts-ignore
10216
- target: null,
10217
- // @ts-ignore
10218
- inputTarget: null,
10219
- selfDocument: document,
10220
- data: [
10221
- {
10222
- value: "数据1",
10223
- text: "数据1-html",
10231
+ const searchSuggestionConfig = () => {
10232
+ return {
10233
+ // @ts-ignore
10234
+ target: null,
10235
+ // @ts-ignore
10236
+ inputTarget: null,
10237
+ selfDocument: document,
10238
+ data: [
10239
+ {
10240
+ value: "数据1",
10241
+ text: "数据1-html",
10242
+ },
10243
+ {
10244
+ value: "数据2",
10245
+ text: "数据2-html",
10246
+ },
10247
+ ],
10248
+ deleteIcon: {
10249
+ enable: true,
10250
+ callback(event, liElement, data) {
10251
+ console.log("删除当前项", [event, liElement, data]);
10252
+ liElement.remove();
10253
+ },
10224
10254
  },
10225
- {
10226
- value: "数据2",
10227
- text: "数据2-html",
10255
+ className: "",
10256
+ isAbsolute: true,
10257
+ isAnimation: true,
10258
+ width: "250px",
10259
+ maxHeight: "300px",
10260
+ followTargetWidth: true,
10261
+ topDistance: 0,
10262
+ position: "auto",
10263
+ positionTopToReverse: true,
10264
+ zIndex: 10000,
10265
+ searchingTip: "正在搜索中...",
10266
+ toSearhNotResultHTML: '<li data-none="true">暂无其它数据</li>',
10267
+ toHideWithNotResult: false,
10268
+ followPosition: "target",
10269
+ getItemHTML(item) {
10270
+ return item.text ?? item;
10228
10271
  },
10229
- ],
10230
- deleteIcon: {
10231
- enable: true,
10232
- callback(event, liElement, data) {
10233
- console.log("删除当前项", [event, liElement, data]);
10234
- liElement.remove();
10272
+ async getData(value) {
10273
+ console.log("当前输入框的值是:", value);
10274
+ return [];
10235
10275
  },
10236
- },
10237
- className: "",
10238
- isAbsolute: true,
10239
- isAnimation: true,
10240
- width: "250px",
10241
- maxHeight: "300px",
10242
- followTargetWidth: true,
10243
- topDistance: 0,
10244
- position: "auto",
10245
- positionTopToReverse: true,
10246
- zIndex: 10000,
10247
- searchingTip: "正在搜索中...",
10248
- toSearhNotResultHTML: '<li data-none="true">暂无其它数据</li>',
10249
- toHideWithNotResult: false,
10250
- followPosition: "target",
10251
- getItemHTML(item) {
10252
- return item.text ?? item;
10253
- },
10254
- async getData(value) {
10255
- console.log("当前输入框的值是:", value);
10256
- return [];
10257
- },
10258
- itemClickCallBack(event, liElement, data) {
10259
- console.log("item项的点击回调", [event, liElement, data]);
10260
- this.inputTarget.value = data.value;
10261
- },
10262
- selectCallBack(event, liElement, data) {
10263
- console.log("item项的选中回调", [event, liElement, data]);
10264
- },
10265
- style: "",
10276
+ itemClickCallBack(event, liElement, data) {
10277
+ console.log("item项的点击回调", [event, liElement, data]);
10278
+ this.inputTarget.value = data.value;
10279
+ },
10280
+ selectCallBack(event, liElement, data) {
10281
+ console.log("item项的选中回调", [event, liElement, data]);
10282
+ },
10283
+ style: "",
10284
+ };
10266
10285
  };
10267
10286
 
10268
10287
  class PopsSearchSuggestion {
@@ -10273,7 +10292,7 @@ class PopsSearchSuggestion {
10273
10292
  pops.config.cssText.anim,
10274
10293
  pops.config.cssText.common,
10275
10294
  ]);
10276
- let config = searchSuggestionConfig;
10295
+ let config = searchSuggestionConfig();
10277
10296
  config = popsUtils.assign(config, details);
10278
10297
  if (config.target == null) {
10279
10298
  throw new TypeError("config.target 不能为空");