@sdata/web-vue 1.7.0 → 1.8.0

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 (76) hide show
  1. package/dist/sd.css +105 -1
  2. package/dist/sd.min.css +1 -1
  3. package/es/_hooks/use-allow-clear.d.ts +4 -0
  4. package/es/_hooks/use-allow-clear.js +20 -0
  5. package/es/_hooks/use-component-ref.d.ts +1 -1
  6. package/es/_hooks/use-teleport-container.d.ts +2 -2
  7. package/es/_hooks/use-teleport-container.js +7 -4
  8. package/es/_utils/color.js +1 -18
  9. package/es/auto-complete/auto-complete.js +4 -2
  10. package/es/cascader/cascader.js +1 -1
  11. package/es/cascader/cascader.vue.d.ts +1 -0
  12. package/es/cascader/cascader.vue_vue_type_script_lang.js +4 -1
  13. package/es/cascader/index.d.ts +3 -0
  14. package/es/color-picker/color-picker.d.ts +115 -40
  15. package/es/color-picker/color-picker.js +146 -102
  16. package/es/color-picker/index.d.ts +217 -69
  17. package/es/color-picker/interface.d.ts +41 -0
  18. package/es/color-picker/palette.js +1 -1
  19. package/es/color-picker/panel.d.ts +73 -34
  20. package/es/color-picker/panel.js +423 -89
  21. package/es/color-picker/style/index.css +92 -1
  22. package/es/color-picker/style/index.scss +107 -1
  23. package/es/color-picker/utils.d.ts +89 -0
  24. package/es/color-picker/utils.js +456 -0
  25. package/es/config-provider/config-provider.vue.d.ts +9 -0
  26. package/es/config-provider/config-provider.vue_vue_type_script_lang.js +6 -1
  27. package/es/config-provider/context.d.ts +3 -1
  28. package/es/config-provider/context.js +2 -1
  29. package/es/config-provider/index.d.ts +15 -0
  30. package/es/config-provider/style/css.js +1 -0
  31. package/es/config-provider/style/index.css +29 -0
  32. package/es/config-provider/style/index.d.ts +1 -1
  33. package/es/config-provider/style/index.js +1 -0
  34. package/es/config-provider/style/index.scss +17 -0
  35. package/es/config-provider/theme-provider.js +1 -3
  36. package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js +44 -4
  37. package/es/date-picker/index.d.ts +1 -0
  38. package/es/date-picker/picker.js +1 -1
  39. package/es/date-picker/picker.vue.d.ts +1 -0
  40. package/es/date-picker/picker.vue_vue_type_script_lang.js +4 -1
  41. package/es/date-picker/range-picker.js +1 -1
  42. package/es/date-picker/range-picker.vue.d.ts +1 -0
  43. package/es/date-picker/range-picker.vue_vue_type_script_lang.js +4 -1
  44. package/es/drawer/drawer.vue.d.ts +1 -1
  45. package/es/drawer/index.d.ts +3 -3
  46. package/es/index.css +105 -1
  47. package/es/index.scss +1 -0
  48. package/es/input/input.js +4 -2
  49. package/es/input-number/input-number.js +4 -2
  50. package/es/input-tag/input-tag.js +4 -2
  51. package/es/mention/mention.js +4 -2
  52. package/es/modal/index.d.ts +3 -3
  53. package/es/modal/modal.vue.d.ts +1 -1
  54. package/es/rate/rate.js +4 -2
  55. package/es/select/select-dropdown.vue.d.ts +1 -1
  56. package/es/select/select.js +4 -2
  57. package/es/textarea/index.d.ts +3 -3
  58. package/es/textarea/textarea.vue.d.ts +1 -1
  59. package/es/textarea/textarea.vue_vue_type_script_lang.js +6 -2
  60. package/es/time-picker/index.d.ts +3 -0
  61. package/es/time-picker/time-picker.js +1 -1
  62. package/es/time-picker/time-picker.vue.d.ts +1 -0
  63. package/es/time-picker/time-picker.vue_vue_type_script_lang.js +4 -1
  64. package/es/tree-select/index.d.ts +3 -0
  65. package/es/tree-select/tree-select.js +1 -1
  66. package/es/tree-select/tree-select.vue.d.ts +1 -0
  67. package/es/tree-select/tree-select.vue_vue_type_script_lang.js +4 -1
  68. package/es/trigger/trigger.js +8 -4
  69. package/json/vetur-attributes.json +46 -20
  70. package/json/vetur-tags.json +14 -6
  71. package/json/web-types.json +86 -22
  72. package/package.json +3 -1
  73. package/es/color-picker/input-alpha.js +0 -32
  74. package/es/color-picker/input-hex.js +0 -73
  75. package/es/color-picker/input-rgb.js +0 -55
  76. package/es/web-vue.css +0 -5
package/dist/sd.css CHANGED
@@ -14669,6 +14669,75 @@ body {
14669
14669
  border-radius: 2px;
14670
14670
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
14671
14671
  }
14672
+ .sd-color-picker-panel .sd-color-picker-panel-head {
14673
+ display: flex;
14674
+ justify-content: center;
14675
+ padding: 8px 8px 0;
14676
+ }
14677
+ .sd-color-picker-panel .sd-color-picker-gradient-panel {
14678
+ padding: 8px 8px 0;
14679
+ }
14680
+ .sd-color-picker-panel .sd-color-picker-gradient-bar-shell {
14681
+ position: relative;
14682
+ display: flex;
14683
+ align-items: center;
14684
+ height: 28px;
14685
+ user-select: none;
14686
+ margin-inline: 8px;
14687
+ }
14688
+ .sd-color-picker-panel .sd-color-picker-gradient-bar {
14689
+ display: block;
14690
+ width: 100%;
14691
+ height: 8px;
14692
+ padding: 0;
14693
+ background-color: transparent;
14694
+ border: 1px solid var(--color-border-2);
14695
+ border-radius: 4px;
14696
+ cursor: pointer;
14697
+ }
14698
+ .sd-color-picker-panel .sd-color-picker-gradient-thumb {
14699
+ position: absolute;
14700
+ z-index: 1;
14701
+ width: 18px;
14702
+ height: 18px;
14703
+ padding: 2px;
14704
+ background: var(--color-bg-white);
14705
+ border: 1px solid var(--color-border-2);
14706
+ border-radius: 50%;
14707
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
14708
+ transform: translateX(-50%);
14709
+ cursor: pointer;
14710
+ touch-action: none;
14711
+ }
14712
+ .sd-color-picker-panel .sd-color-picker-gradient-thumb-active {
14713
+ border-color: var(--color-primary-6);
14714
+ box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.16);
14715
+ }
14716
+ .sd-color-picker-panel .sd-color-picker-gradient-thumb-inner {
14717
+ display: block;
14718
+ width: 100%;
14719
+ height: 100%;
14720
+ border-radius: 50%;
14721
+ }
14722
+ .sd-color-picker-panel .sd-color-picker-gradient-meta {
14723
+ display: flex;
14724
+ gap: 6px;
14725
+ align-items: center;
14726
+ margin-top: 8px;
14727
+ }
14728
+ .sd-color-picker-panel .sd-color-picker-gradient-label {
14729
+ color: var(--color-text-2);
14730
+ font-size: 12px;
14731
+ }
14732
+ .sd-color-picker-panel .sd-color-picker-gradient-degree {
14733
+ width: 72px;
14734
+ }
14735
+ .sd-color-picker-panel .sd-color-picker-gradient-preview {
14736
+ height: 32px;
14737
+ margin-top: 8px;
14738
+ border: 1px solid var(--color-border-2);
14739
+ border-radius: 4px;
14740
+ }
14672
14741
  .sd-color-picker-panel .sd-color-picker-palette {
14673
14742
  position: relative;
14674
14743
  box-sizing: border-box;
@@ -14741,11 +14810,25 @@ body {
14741
14810
  .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-section:not(:first-child) {
14742
14811
  margin-top: 12px;
14743
14812
  }
14813
+ .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-header {
14814
+ display: flex;
14815
+ gap: 6px;
14816
+ align-items: center;
14817
+ justify-content: space-between;
14818
+ }
14744
14819
  .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-text {
14745
14820
  color: var(--color-text-1);
14746
14821
  font-weight: 400;
14747
14822
  font-size: 12px;
14748
14823
  }
14824
+ .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-action {
14825
+ padding: 0;
14826
+ color: var(--color-primary-6);
14827
+ font-size: 12px;
14828
+ background: transparent;
14829
+ border: 0;
14830
+ cursor: pointer;
14831
+ }
14749
14832
  .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-empty {
14750
14833
  margin: 12px 0;
14751
14834
  color: var(--color-text-3);
@@ -14831,13 +14914,21 @@ body {
14831
14914
  flex: 0 0 auto;
14832
14915
  width: 52px;
14833
14916
  }
14917
+ .sd-color-picker-panel .sd-color-picker-input-group {
14918
+ width: 100%;
14919
+ }
14920
+ .sd-color-picker-panel .sd-color-picker-format-input {
14921
+ min-width: 0;
14922
+ }
14834
14923
  .sd-color-picker-panel .sd-color-picker-input-hex .sd-input {
14835
14924
  padding-left: 4px;
14836
14925
  }
14837
14926
  .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-palette,
14838
14927
  .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-control-bar,
14839
14928
  .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-color-block,
14840
- .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-preview {
14929
+ .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-preview,
14930
+ .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-gradient-bar,
14931
+ .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-gradient-thumb {
14841
14932
  cursor: not-allowed;
14842
14933
  opacity: 0.8;
14843
14934
  }
@@ -17868,4 +17959,17 @@ body {
17868
17959
  .sd-affix {
17869
17960
  position: fixed;
17870
17961
  z-index: 999;
17962
+ }
17963
+
17964
+ .sd-theme-provider {
17965
+ min-width: 0;
17966
+ }
17967
+
17968
+ .sd-theme-popup-container {
17969
+ position: fixed;
17970
+ top: 0;
17971
+ left: 0;
17972
+ width: 100vw;
17973
+ height: 0;
17974
+ pointer-events: none;
17871
17975
  }