@sdata/web-vue 4.1.0 → 4.2.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 (26) hide show
  1. package/dist/sd.css +118 -0
  2. package/dist/sd.min.css +1 -1
  3. package/es/bloom-menu/bloom-menu.js +5 -0
  4. package/es/bloom-menu/bloom-menu.vue.d.ts +52 -0
  5. package/es/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js +380 -0
  6. package/es/bloom-menu/index.d.ts +6 -0
  7. package/es/bloom-menu/index.js +10 -0
  8. package/es/bloom-menu/style/css.js +2 -0
  9. package/es/bloom-menu/style/index.css +135 -0
  10. package/es/bloom-menu/style/index.d.ts +2 -0
  11. package/es/bloom-menu/style/index.js +2 -0
  12. package/es/bloom-menu/style/index.scss +153 -0
  13. package/es/bloom-menu/style/token.scss +24 -0
  14. package/es/bloom-menu/types.d.ts +11 -0
  15. package/es/components.d.ts +1 -0
  16. package/es/index.css +118 -0
  17. package/es/index.d.ts +2 -0
  18. package/es/index.js +2 -1
  19. package/es/index.scss +1 -0
  20. package/es/locale/interface.d.ts +2 -0
  21. package/es/locale/lang/en-us.js +2 -0
  22. package/es/locale/lang/zh-cn.js +2 -0
  23. package/es/sd-vue.js +2 -0
  24. package/json/vetur-tags.json +3 -0
  25. package/json/web-types.json +7 -1
  26. package/package.json +1 -1
package/dist/sd.css CHANGED
@@ -22003,6 +22003,124 @@ body.sd-tour-active .sd-tour-popover * {
22003
22003
  display: inline-flex;
22004
22004
  }
22005
22005
 
22006
+ .sd-bloom-menu {
22007
+ display: inline-flex;
22008
+ font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
22009
+ }
22010
+ .sd-bloom-menu-trigger-content {
22011
+ display: inline-flex;
22012
+ gap: 8px;
22013
+ align-items: center;
22014
+ white-space: nowrap;
22015
+ }
22016
+ .sd-bloom-menu-trigger-content svg {
22017
+ width: 16px;
22018
+ height: 16px;
22019
+ }
22020
+ .sd-bloom-menu-panel {
22021
+ --bloom-menu-panel-width: min(86vw, 420px);
22022
+ --bloom-menu-panel-color: var(--sd-color-text-1);
22023
+ --bloom-menu-panel-background: var(--sd-color-bg-2);
22024
+ --bloom-menu-panel-border-color: var(--sd-color-neutral-3);
22025
+ --bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
22026
+ --bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
22027
+ overflow: hidden;
22028
+ border: 1px solid var(--sd-color-neutral-3);
22029
+ }
22030
+ .sd-bloom-menu-popup {
22031
+ padding: 0;
22032
+ }
22033
+ .sd-bloom-menu-content {
22034
+ width: 100%;
22035
+ }
22036
+ .sd-bloom-menu-header {
22037
+ display: flex;
22038
+ align-items: center;
22039
+ justify-content: space-between;
22040
+ padding: 12px 16px;
22041
+ color: var(--sd-color-text-2);
22042
+ border-bottom: 1px solid var(--sd-color-neutral-3);
22043
+ }
22044
+ .sd-bloom-menu-title {
22045
+ font-weight: 500;
22046
+ font-size: 14px;
22047
+ }
22048
+ .sd-bloom-menu-close {
22049
+ color: inherit;
22050
+ }
22051
+ .sd-bloom-menu-close:hover {
22052
+ color: var(--sd-color-text-1);
22053
+ }
22054
+ .sd-bloom-menu-close svg {
22055
+ width: 16px;
22056
+ height: 16px;
22057
+ }
22058
+ .sd-bloom-menu-grid {
22059
+ display: grid;
22060
+ grid-template-columns: repeat(var(--bloom-menu-columns), minmax(0, 1fr));
22061
+ }
22062
+ .sd-bloom-menu-item {
22063
+ min-width: 0;
22064
+ height: auto;
22065
+ padding: 24px 12px;
22066
+ color: var(--sd-color-text-2);
22067
+ border-radius: 0;
22068
+ }
22069
+ .sd-bloom-menu-item:hover:not(:disabled) {
22070
+ color: var(--sd-color-text-1);
22071
+ background: var(--sd-color-fill-2);
22072
+ }
22073
+ .sd-bloom-menu-item:focus-visible {
22074
+ position: relative;
22075
+ z-index: 1;
22076
+ outline: 2px solid rgb(var(--sd-primary-6));
22077
+ outline-offset: -2px;
22078
+ }
22079
+ .sd-bloom-menu-item-border-right {
22080
+ border-right: 1px solid var(--sd-color-neutral-3);
22081
+ }
22082
+ .sd-bloom-menu-item-border-bottom {
22083
+ border-bottom: 1px solid var(--sd-color-neutral-3);
22084
+ }
22085
+ .sd-bloom-menu-item-disabled, .sd-bloom-menu-item:disabled {
22086
+ color: var(--sd-color-text-4);
22087
+ cursor: not-allowed;
22088
+ }
22089
+ .sd-bloom-menu-item-content {
22090
+ display: flex;
22091
+ flex-direction: column;
22092
+ gap: 8px;
22093
+ align-items: center;
22094
+ min-width: 0;
22095
+ }
22096
+ .sd-bloom-menu-item-icon {
22097
+ display: inline-flex;
22098
+ font-size: 20px;
22099
+ }
22100
+ .sd-bloom-menu-item-icon svg {
22101
+ width: 20px;
22102
+ height: 20px;
22103
+ }
22104
+ .sd-bloom-menu-item-label {
22105
+ max-width: 100%;
22106
+ overflow: hidden;
22107
+ font-weight: 500;
22108
+ font-size: 14px;
22109
+ white-space: nowrap;
22110
+ text-overflow: ellipsis;
22111
+ }
22112
+ .sd-bloom-menu-empty {
22113
+ padding: 24px 16px;
22114
+ color: var(--sd-color-text-2);
22115
+ font-size: 14px;
22116
+ text-align: center;
22117
+ }
22118
+
22119
+ @media (prefers-reduced-motion: reduce) {
22120
+ .sd-bloom-menu-item, .sd-bloom-menu-close {
22121
+ transition: none;
22122
+ }
22123
+ }
22006
22124
  .sd-avatar {
22007
22125
  position: relative;
22008
22126
  display: inline-flex;