@douyinfe/semi-foundation 2.72.2 → 2.73.0-beta.0

package/lib/es/cropper/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function getMiddle(value: number, [min, max]: [any, any]): number;
+export declare function getAspectHW(width: number, height: number, aspect: number): number[];

package/lib/es/cropper/utils.js

@@ -0,0 +1,12 @@
+export function getMiddle(value, _ref) {
+  let [min, max] = _ref;
+  return Math.min(Math.max(value, min), max);
+}
+export function getAspectHW(width, height, aspect) {
+  if (width / height > aspect) {
+    width = height * aspect;
+  } else {
+    height = width / aspect;
+  }
+  return [width, height];
+}

package/lib/es/cropper/variables.scss

@@ -0,0 +1,6 @@
+$color-cropper_mask-bg: var(--semi-color-overlay-bg); // 裁切框遮罩背景颜色
+$color-cropper_box-outline: var(--semi-color-primary); // 裁切框边框颜色
+$color-cropper_box_corner-bg: var(--semi-color-primary); // 裁切框调整块背景色
+
+$width-cropper_box-outline: 1px; // 裁切框边框宽度
+$width-cropper_box_corner: 10px; // 裁切框调整块宽高

package/lib/es/dragMove/foundation.d.ts

@@ -24,6 +24,8 @@ export default class DragMoveFoundation<P = Record<string, any>, S = Record<stri
     get handler(): HTMLElement;
     constructor(adapter: DragMoveAdapter<P, S>);
     init(): void;
+    _registerStartEvent: () => void;
+    _unRegisterStartEvent: () => void;
     destroy(): void;
     _registerDocMouseEvent: () => void;
     _unRegisterDocMouseEvent: () => void;

package/lib/es/dragMove/foundation.js

@@ -11,6 +11,14 @@ export default class DragMoveFoundation extends BaseFoundation {
   }
   constructor(adapter) {
     super(Object.assign({}, adapter));
+    this._registerStartEvent = () => {
+      this.handler.addEventListener('mousedown', this.onMouseDown);
+      this.handler.addEventListener('touchstart', this.onTouchStart);
+    };
+    this._unRegisterStartEvent = () => {
+      this.handler.removeEventListener('mousedown', this.onMouseDown);
+      this.handler.removeEventListener('touchstart', this.onTouchStart);
+    };
     this._registerDocMouseEvent = () => {
       document.addEventListener('mousemove', this._onMouseMove);
       document.addEventListener('mouseup', this._onMouseUp);
@@ -108,8 +116,10 @@ export default class DragMoveFoundation extends BaseFoundation {
     this.element = element;
     this.element.style.position = 'absolute';
     this.handler.style.cursor = 'move';
+    this._registerStartEvent();
   }
   destroy() {
+    this._unRegisterStartEvent();
     this._unRegisterEvent();
   }
   _unRegisterEvent() {

package/lib/es/jsonViewer/foundation.js

@@ -46,10 +46,16 @@ class JsonViewerFoundation extends BaseFoundation {
   }
   replace(replaceText) {
     var _a;
+    if (this.getProps().options.readOnly) {
+      return;
+    }
     (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().replace(replaceText);
   }
   replaceAll(replaceText) {
     var _a;
+    if (this.getProps().options.readOnly) {
+      return;
+    }
     (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().replaceAll(replaceText);
   }
   setSearchOptions(key) {

package/lib/es/jsonViewer/jsonViewer.css

@@ -56,8 +56,8 @@
   font-variation-settings: normal;
   letter-spacing: 0px;
   color: #237893;
-  word-wrap: break-word;
-  white-space: pre-wrap;
+  word-break: break-all !important;
+  white-space: pre-wrap !important;
 }
 .semi-json-viewer-line-number {
   font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
@@ -69,6 +69,7 @@
   color: rgba(var(--semi-grey-5), 1);
   text-align: center;
   width: 50px;
+  user-select: none;
 }
 .semi-json-viewer-content-container {
   scrollbar-width: none; /* 隐藏滚动条（Firefox） */
@@ -165,4 +166,9 @@
   padding: 8px 16px;
   color: var(--semi-color-text-0);
   cursor: pointer;
+}
+.semi-json-viewer-error {
+  text-decoration: underline wavy var(--semi-color-danger);
+  text-decoration-thickness: 1px;
+  text-underline-position: under;
 }

package/lib/es/jsonViewer/jsonViewer.scss

@@ -68,8 +68,8 @@ $module: #{$prefix}-json-viewer;
         font-variation-settings: normal;
         letter-spacing: 0px;
         color: #237893;
-        word-wrap: break-word;
-        white-space: pre-wrap;
+        word-break: break-all !important;
+        white-space: pre-wrap !important;
     }
 
     &-line-number {
@@ -82,6 +82,7 @@ $module: #{$prefix}-json-viewer;
         color: $color-json-viewer-line-number;
         text-align: center;
         width: 50px;
+        user-select: none;
     }
 
     &-content-container {
@@ -196,5 +197,9 @@ $module: #{$prefix}-json-viewer;
         cursor: pointer;
     }
 
-
+    &-error {
+        text-decoration: underline wavy var(--semi-color-danger);
+        text-decoration-thickness: 1px;
+        text-underline-position: under;
+    }
 }

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.72.2",
+    "version": "2.73.0-beta.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.72.2",
-        "@douyinfe/semi-json-viewer-core": "2.72.2",
+        "@douyinfe/semi-animation": "2.73.0-beta.0",
+        "@douyinfe/semi-json-viewer-core": "2.73.0-beta.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "6c791d10fdde80e422a0d569248857aea99756dc",
+    "gitHead": "abcf4f705109146faf4803e9547c92a4a0f2a4f5",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",