@opensumi/ide-components 3.8.3-next-1741943877.0 → 3.8.3-next-1741949132.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 (18) hide show
  1. package/dist/index.css +226 -0
  2. package/dist/index.js +321 -2
  3. package/lib/image/index.d.ts +8 -0
  4. package/lib/image/index.d.ts.map +1 -0
  5. package/lib/image/index.js +15 -0
  6. package/lib/image/index.js.map +1 -0
  7. package/lib/image/styles.less +205 -0
  8. package/lib/index.d.ts +1 -0
  9. package/lib/index.d.ts.map +1 -1
  10. package/lib/index.js +1 -0
  11. package/lib/index.js.map +1 -1
  12. package/lib/recycle-tree/tree/TreeNode.d.ts +2 -2
  13. package/lib/recycle-tree/tree/TreeNode.d.ts.map +1 -1
  14. package/lib/recycle-tree/tree/TreeNode.js +10 -5
  15. package/lib/recycle-tree/tree/TreeNode.js.map +1 -1
  16. package/lib/style/mixins.less +37 -0
  17. package/lib/style/variable.less +19 -0
  18. package/package.json +6 -5
package/dist/index.css CHANGED
@@ -2955,6 +2955,232 @@
2955
2955
  white-space: pre-wrap;
2956
2956
  }
2957
2957
 
2958
+ /*!********************************************************************************************************************************************************************************!*\
2959
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/image/styles.less ***!
2960
+ \********************************************************************************************************************************************************************************/
2961
+ .text-ellipsis {
2962
+ overflow: hidden;
2963
+ text-overflow: ellipsis;
2964
+ white-space: nowrap;
2965
+ }
2966
+ .kt-image {
2967
+ position: relative;
2968
+ display: inline-block;
2969
+ }
2970
+ .kt-image-img {
2971
+ width: 100%;
2972
+ height: auto;
2973
+ vertical-align: middle;
2974
+ }
2975
+ .kt-image-img-placeholder {
2976
+ background-color: #f5f5f5;
2977
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
2978
+ background-repeat: no-repeat;
2979
+ background-position: center center;
2980
+ background-size: 30%;
2981
+ }
2982
+ .kt-image-mask {
2983
+ position: absolute;
2984
+ top: 0;
2985
+ right: 0;
2986
+ bottom: 0;
2987
+ left: 0;
2988
+ display: flex;
2989
+ align-items: center;
2990
+ justify-content: center;
2991
+ color: #fff;
2992
+ background: rgba(0, 0, 0, 0.5);
2993
+ cursor: pointer;
2994
+ opacity: 0;
2995
+ transition: opacity 0.3s;
2996
+ }
2997
+ .kt-image-mask-info {
2998
+ padding: 0 4px;
2999
+ overflow: hidden;
3000
+ white-space: nowrap;
3001
+ text-overflow: ellipsis;
3002
+ }
3003
+ .kt-image-mask-info .anticon {
3004
+ margin-inline-end: 4px;
3005
+ }
3006
+ .kt-image-mask:hover {
3007
+ opacity: 1;
3008
+ }
3009
+ .kt-image-placeholder {
3010
+ position: absolute;
3011
+ top: 0;
3012
+ right: 0;
3013
+ bottom: 0;
3014
+ left: 0;
3015
+ }
3016
+ .kt-image-preview {
3017
+ pointer-events: none;
3018
+ height: 100%;
3019
+ text-align: center;
3020
+ }
3021
+ .kt-image-preview.kt-zoom-enter,
3022
+ .kt-image-preview.kt-zoom-appear {
3023
+ transform: none;
3024
+ opacity: 0;
3025
+ animation-duration: 0.3s;
3026
+ user-select: none;
3027
+ }
3028
+ .kt-image-preview-mask {
3029
+ position: fixed;
3030
+ top: 0;
3031
+ right: 0;
3032
+ bottom: 0;
3033
+ left: 0;
3034
+ z-index: 1000;
3035
+ height: 100%;
3036
+ background-color: rgba(0, 0, 0, 0.45);
3037
+ }
3038
+ .kt-image-preview-mask-hidden {
3039
+ display: none;
3040
+ }
3041
+ .kt-image-preview-wrap {
3042
+ position: fixed;
3043
+ top: 0;
3044
+ right: 0;
3045
+ bottom: 0;
3046
+ left: 0;
3047
+ overflow: auto;
3048
+ outline: 0;
3049
+ }
3050
+ .kt-image-preview-body {
3051
+ position: absolute;
3052
+ top: 0;
3053
+ right: 0;
3054
+ bottom: 0;
3055
+ left: 0;
3056
+ overflow: hidden;
3057
+ }
3058
+ .kt-image-preview-img {
3059
+ max-width: 100%;
3060
+ max-height: 100%;
3061
+ vertical-align: middle;
3062
+ transform: scale3d(1, 1, 1);
3063
+ cursor: grab;
3064
+ transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
3065
+ user-select: none;
3066
+ pointer-events: auto;
3067
+ }
3068
+ .kt-image-preview-img-wrapper {
3069
+ position: absolute;
3070
+ top: 0;
3071
+ right: 0;
3072
+ bottom: 0;
3073
+ left: 0;
3074
+ transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
3075
+ }
3076
+ .kt-image-preview-img-wrapper::before {
3077
+ display: inline-block;
3078
+ width: 1px;
3079
+ height: 50%;
3080
+ margin-right: -1px;
3081
+ content: '';
3082
+ }
3083
+ .kt-image-preview-moving .kt-image-preview-img {
3084
+ cursor: grabbing;
3085
+ }
3086
+ .kt-image-preview-moving .kt-image-preview-img-wrapper {
3087
+ transition-duration: 0s;
3088
+ }
3089
+ .kt-image-preview-wrap {
3090
+ z-index: 1080;
3091
+ }
3092
+ .kt-image-preview-operations-wrapper {
3093
+ display: none;
3094
+ }
3095
+ .kt-image-preview-operations {
3096
+ box-sizing: border-box;
3097
+ margin: 0;
3098
+ padding: 0;
3099
+ color: rgba(0, 0, 0, 0.65);
3100
+ font-size: 14px;
3101
+ font-variant: tabular-nums;
3102
+ line-height: 1.5;
3103
+ font-feature-settings: 'tnum';
3104
+ display: flex;
3105
+ flex-direction: row-reverse;
3106
+ align-items: center;
3107
+ color: rgba(255, 255, 255, 0.85);
3108
+ list-style: none;
3109
+ background: rgba(0, 0, 0, 0.1);
3110
+ pointer-events: auto;
3111
+ }
3112
+ .kt-image-preview-operations-operation {
3113
+ margin-left: 12px;
3114
+ padding: 12px;
3115
+ cursor: pointer;
3116
+ transition: all 0.3s;
3117
+ }
3118
+ .kt-image-preview-operations-operation:hover {
3119
+ background: rgba(0, 0, 0, 0.2);
3120
+ }
3121
+ .kt-image-preview-operations-operation-disabled {
3122
+ color: rgba(255, 255, 255, 0.25);
3123
+ pointer-events: none;
3124
+ }
3125
+ .kt-image-preview-operations-operation:last-of-type {
3126
+ margin-left: 0;
3127
+ }
3128
+ .kt-image-preview-operations-progress {
3129
+ position: absolute;
3130
+ left: 50%;
3131
+ transform: translateX(-50%);
3132
+ }
3133
+ .kt-image-preview-operations-icon {
3134
+ font-size: 18px;
3135
+ }
3136
+ .kt-image-preview-switch-left,
3137
+ .kt-image-preview-switch-right {
3138
+ position: fixed;
3139
+ top: 50%;
3140
+ right: 8px;
3141
+ z-index: 1081;
3142
+ display: flex;
3143
+ align-items: center;
3144
+ justify-content: center;
3145
+ width: 44px;
3146
+ height: 44px;
3147
+ color: rgba(255, 255, 255, 0.85);
3148
+ background: rgba(0, 0, 0, 0.1);
3149
+ border-radius: 50%;
3150
+ transform: translateY(-50%);
3151
+ cursor: pointer;
3152
+ transition: all 0.3s;
3153
+ pointer-events: auto;
3154
+ }
3155
+ .kt-image-preview-switch-left:hover,
3156
+ .kt-image-preview-switch-right:hover {
3157
+ background: rgba(0, 0, 0, 0.2);
3158
+ }
3159
+ .kt-image-preview-switch-left-disabled,
3160
+ .kt-image-preview-switch-right-disabled,
3161
+ .kt-image-preview-switch-left-disabled:hover,
3162
+ .kt-image-preview-switch-right-disabled:hover {
3163
+ color: rgba(255, 255, 255, 0.25);
3164
+ background: rgba(0, 0, 0, 0.1);
3165
+ cursor: not-allowed;
3166
+ }
3167
+ .kt-image-preview-switch-left-disabled > .anticon,
3168
+ .kt-image-preview-switch-right-disabled > .anticon,
3169
+ .kt-image-preview-switch-left-disabled:hover > .anticon,
3170
+ .kt-image-preview-switch-right-disabled:hover > .anticon {
3171
+ cursor: not-allowed;
3172
+ }
3173
+ .kt-image-preview-switch-left > .anticon,
3174
+ .kt-image-preview-switch-right > .anticon {
3175
+ font-size: 18px;
3176
+ }
3177
+ .kt-image-preview-switch-left {
3178
+ left: 8px;
3179
+ }
3180
+ .kt-image-preview-switch-right {
3181
+ right: 8px;
3182
+ }
3183
+
2958
3184
  /*!*********************************************************************************************************************************************************************************************!*\
2959
3185
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/notification/notification.less ***!
2960
3186
  \*********************************************************************************************************************************************************************************************/