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