@kep-platform/basic-component 1.0.12 → 1.0.14

package/dist/Button/Button.d.ts

@@ -6,7 +6,7 @@ export type ButtonProps = {
     children: ReactNode;
 } & HtmlHTMLAttributes<HTMLButtonElement>;
 declare const Button: React.ForwardRefExoticComponent<{
-    type?: "default" | "primary" | "danger" | undefined;
+    type?: "default" | "danger" | "primary" | undefined;
     size?: SizeType | undefined;
     children: ReactNode;
 } & React.HtmlHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Tree/MainProperties.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare const MainArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexItemProps | keyof React.HtmlHTMLAttributes<HTMLDivElement>> & import("../Flex").FlexItemProps & React.HtmlHTMLAttributes<HTMLDivElement>, "ref"> & {
+export declare const MainArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HtmlHTMLAttributes<HTMLDivElement> | keyof import("../Flex").FlexItemProps> & import("../Flex").FlexItemProps & React.HtmlHTMLAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 type MainPropertyProps = {

package/dist/Window/Window.js

@@ -21,7 +21,7 @@ var WindowHeader = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['isDragging'].includes(prop);
   }
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\theight: 40px;\n\tpadding: 6px 12px;\n\tline-height: 26px;\n\tfont-size: 16px;\n\tbackground-color: var(--kep-platform-color-bg-layout-header);\n\ttransition: margin 0.35s, opacity 0.7s, box-shadow 0.7s;\n\tposition: relative;\n\tcolor: #000;\n\tcursor: move;\n\t& > h5 {\n\t\tcolor: #000;\n\t}\n"])));
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\theight: 40px;\n\tpadding: 6px 12px;\n\tline-height: 26px;\n\tfont-size: 16px;\n\tbackground-color: var(--kep-platform-color-bg-layout-header);\n\ttransition: margin 0.35s, opacity 0.7s, box-shadow 0.7s;\n\tposition: relative;\n\tcolor: #000;\n\t& > h5 {\n\t\tcolor: #000;\n\t}\n"])));
 var WindowHeaderOptions = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\theight: 100%;\n\tdisplay: flex;\n\tz-index: 3;\n"])));
 var WindowBody = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\toverflow: auto;\n\tpadding: 12px;\n\tflex: 1;\n"])));
 var WindowControllerLeft = styled(WindowController)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\twidth: 6px;\n\tleft: 0;\n\ttop: 0;\n\tbottom: 0;\n\tcursor: e-resize;\n\tz-index: 2;\n"])));

package/dist/Window/WindowStore.js

@@ -5,7 +5,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { action, computed, makeObservable, observable } from 'mobx';
+import { action, computed, makeObservable, observable, runInAction } from 'mobx';
 var WindowStore = /*#__PURE__*/function () {
   function WindowStore(id, onClosedHandler) {
     _classCallCheck(this, WindowStore);
@@ -101,33 +101,31 @@ var WindowStore = /*#__PURE__*/function () {
   }, {
     key: "controll",
     value: function controll(transform, type) {
+      var _this = this;
       var offsetTransform = this.calculateTransform(transform);
-      if (type === 'move') {
-        this.isMoving = true;
-        this.isResizing = false;
-      } else {
-        this.isMoving = false;
-        this.isResizing = true;
-      }
-      if (type.includes('left')) {
-        this.left = Math.round(this.left + offsetTransform.x);
-        this.width = Math.round(this.width - offsetTransform.x);
-      }
-      if (type.includes('right')) {
-        this.width = Math.round(this.width + offsetTransform.x);
-      }
-      if (type.includes('top')) {
-        this.top = Math.round(this.top + offsetTransform.y);
-        this.height = Math.round(this.height - offsetTransform.y);
-      }
-      if (type.includes('bottom')) {
-        this.height = Math.round(this.height + offsetTransform.y);
-      }
-      if (type.includes('move')) {
-        this.left = Math.round(this.left + offsetTransform.x);
-        this.top = Math.round(this.top + offsetTransform.y);
-      }
-      this.transform = transform;
+      runInAction(function () {
+        _this.isMoving = type === 'move';
+        _this.isResizing = type !== 'move';
+        if (type.includes('left')) {
+          _this.left = Math.round(_this.left + offsetTransform.x);
+          _this.width = Math.round(_this.width - offsetTransform.x);
+        }
+        if (type.includes('right')) {
+          _this.width = Math.round(_this.width + offsetTransform.x);
+        }
+        if (type.includes('top')) {
+          _this.top = Math.round(_this.top + offsetTransform.y);
+          _this.height = Math.round(_this.height - offsetTransform.y);
+        }
+        if (type.includes('bottom')) {
+          _this.height = Math.round(_this.height + offsetTransform.y);
+        }
+        if (type.includes('move')) {
+          _this.left = Math.round(_this.left + offsetTransform.x);
+          _this.top = Math.round(_this.top + offsetTransform.y);
+        }
+        _this.transform = transform;
+      });
     }
   }, {
     key: "endControll",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -86,5 +86,5 @@
   "authors": [
     "less-step-jss 1599925910@qq.com"
   ],
-  "gitHead": "7783ce84a532de38c3ecb9d0691425dccf9d7545"
+  "gitHead": "23573dedaa4b38b9321050a0f197781c90df88d3"
 }