@oceanbase/ui 0.4.9 → 0.4.11

package/es/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "python" | "sql" | "json" | "javascript" | "typescript" | "groovy" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/ProTable/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
+var _excluded = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
   _excluded2 = ["emptyText"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,6 +23,7 @@ var ProTable = function ProTable(_ref) {
     optionsRender = _ref.optionsRender,
     toolbar = _ref.toolbar,
     toolBarRender = _ref.toolBarRender,
+    size = _ref.size,
     expandable = _ref.expandable,
     rowSelection = _ref.rowSelection,
     customPagination = _ref.pagination,
@@ -63,6 +64,7 @@ var ProTable = function ProTable(_ref) {
   // default size change to `large` as same as Table
   , _objectSpread({
     defaultSize: "large",
+    size: size,
     form: _objectSpread({
       // query form should remove required mark
       requiredMark: false
@@ -76,7 +78,7 @@ var ProTable = function ProTable(_ref) {
       className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(proCardCls, "-has-title"), !!headerTitle || options || options === undefined || optionsRender || toolbar || toolBarRender), "".concat(proCardCls, "-no-divider"), !(cardProps !== null && cardProps !== void 0 && cardProps.headerBordered)), "".concat(proCardCls, "-no-padding"), true), "".concat(proCardCls, "-contain-tabs"), !!(cardProps !== null && cardProps !== void 0 && cardProps.tabs)), cardProps === null || cardProps === void 0 ? void 0 : cardProps.className)
     }),
     expandable: expandable ? _objectSpread({
-      columnWidth: 32
+      columnWidth: !size || size === 'large' ? 40 : 32
     }, expandable) : undefined,
     rowSelection: rowSelection,
     pagination: pagination,

package/es/SideTip/Dragger.d.ts

@@ -17,6 +17,7 @@ interface DraggableProps {
     id?: string;
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    draggable?: boolean;
 }
 interface DraggableState {
     dragged?: boolean;

package/es/SideTip/Dragger.js

@@ -219,8 +219,10 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
   _createClass(Draggable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$props$draggable = this.props.draggable,
+        draggable = _this$props$draggable === void 0 ? true : _this$props$draggable;
       window.addEventListener('resize', this.handleResize, false);
-      window.addEventListener('mousemove', this.handleMouseMove, false);
+      if (draggable) window.addEventListener('mousemove', this.handleMouseMove, false);
       window.addEventListener('mouseup', this.handleMouseUp, false);
       window.addEventListener('load', this.overlapDetection, false);
       var _this$nodeRef$current = this.nodeRef.current.getBoundingClientRect(),
@@ -232,8 +234,10 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$props$draggable2 = this.props.draggable,
+        draggable = _this$props$draggable2 === void 0 ? true : _this$props$draggable2;
       window.removeEventListener('load', this.overlapDetection, false);
-      window.removeEventListener('mousemove', this.handleMouseMove, false);
+      if (draggable) window.removeEventListener('mousemove', this.handleMouseMove, false);
       window.removeEventListener('mouseup', this.handleMouseUp, false);
       window.removeEventListener('resize', this.handleResize, false);
     }

package/es/SideTip/index.d.ts

@@ -147,6 +147,12 @@ export interface SideTipProps extends LocaleWrapperProps {
      */
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    /**
+     * @title 是否可拖拽
+     * @description 是否可拖拽
+     * @default true
+     */
+    draggable?: boolean;
 }
 export interface SideTipState {
     hide?: boolean;

package/es/SideTip/index.js

@@ -54,6 +54,8 @@ var SideTip = function SideTip(props) {
     hideable = _props$hideable === void 0 ? true : _props$hideable,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? true : _props$draggable,
     getPopupContainer = props.getPopupContainer;
   var _useState = useState(hideable ? defaultHide === undefined ? window.localStorage.getItem(getLocalStorageKey(id)) === 'true' : !!defaultHide : false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -175,6 +177,7 @@ var SideTip = function SideTip(props) {
     onDrag: onDrag,
     getPopupContainer: getPopupContainer,
     className: className,
+    draggable: draggable,
     children: [tooltip && tooltip.title ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip), {}, {
       getPopupContainer: function getPopupContainer() {
         return buttonRef.current;

package/lib/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "python" | "sql" | "json" | "javascript" | "typescript" | "groovy" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/ProTable/index.js

@@ -46,6 +46,7 @@ var ProTable = ({
   optionsRender,
   toolbar,
   toolBarRender,
+  size,
   expandable,
   rowSelection,
   pagination: customPagination,
@@ -84,6 +85,7 @@ var ProTable = ({
           import_pro_components.ProTable,
           {
             defaultSize: "large",
+            size,
             form: {
               // query form should remove required mark
               requiredMark: false,
@@ -107,7 +109,7 @@ var ProTable = ({
               )
             },
             expandable: expandable ? {
-              columnWidth: 32,
+              columnWidth: !size || size === "large" ? 40 : 32,
               ...expandable
             } : void 0,
             rowSelection,

package/lib/SideTip/Dragger.d.ts

@@ -17,6 +17,7 @@ interface DraggableProps {
     id?: string;
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    draggable?: boolean;
 }
 interface DraggableState {
     dragged?: boolean;

package/lib/SideTip/Dragger.js

@@ -198,8 +198,10 @@ var Draggable = class extends import_react.default.Component {
     };
   }
   componentDidMount() {
+    const { draggable = true } = this.props;
     window.addEventListener("resize", this.handleResize, false);
-    window.addEventListener("mousemove", this.handleMouseMove, false);
+    if (draggable)
+      window.addEventListener("mousemove", this.handleMouseMove, false);
     window.addEventListener("mouseup", this.handleMouseUp, false);
     window.addEventListener("load", this.overlapDetection, false);
     const { width } = this.nodeRef.current.getBoundingClientRect();
@@ -208,8 +210,10 @@ var Draggable = class extends import_react.default.Component {
     });
   }
   componentWillUnmount() {
+    const { draggable = true } = this.props;
     window.removeEventListener("load", this.overlapDetection, false);
-    window.removeEventListener("mousemove", this.handleMouseMove, false);
+    if (draggable)
+      window.removeEventListener("mousemove", this.handleMouseMove, false);
     window.removeEventListener("mouseup", this.handleMouseUp, false);
     window.removeEventListener("resize", this.handleResize, false);
   }

package/lib/SideTip/index.d.ts

@@ -147,6 +147,12 @@ export interface SideTipProps extends LocaleWrapperProps {
      */
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    /**
+     * @title 是否可拖拽
+     * @description 是否可拖拽
+     * @default true
+     */
+    draggable?: boolean;
 }
 export interface SideTipState {
     hide?: boolean;

package/lib/SideTip/index.js

@@ -71,6 +71,7 @@ var SideTip = (props) => {
     id,
     hideable = true,
     disabled = false,
+    draggable = true,
     getPopupContainer
   } = props;
   const [hide, setHide] = (0, import_react.useState)(
@@ -169,7 +170,8 @@ var SideTip = (props) => {
       onDragEnd,
       onDrag,
       getPopupContainer,
-      className
+      className,
+      draggable
     },
     tooltip && tooltip.title ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip, getPopupContainer: () => buttonRef.current }, BadgeButton) : BadgeButton,
     hideable && hideIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -42,7 +42,7 @@
     "@ant-design/cssinjs": "^1.23.0",
     "@ant-design/pro-components": "^2.8.5",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.8",
+    "@oceanbase/design": "^0.4.9",
     "@oceanbase/icons": "^0.4.5",
     "@oceanbase/util": "^0.4.2",
     "ahooks": "^2.10.14",
@@ -71,5 +71,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "617efa9eb09833f74f0ab0065467b556b5b6843e"
+  "gitHead": "94fed4fc95ce62f539ccc9f6c57a746d4a5e0f57"
 }