@oceanbase/design 0.1.0

package/lib/Card/style/index.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Card/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genCardStyle: () => genCardStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var import_style = require("../../Tabs/style");
+var genCardStyle = (token) => {
+  const { componentCls, tabsComponentCls, padding, paddingSM, paddingLG } = token;
+  return {
+    [`${componentCls}${componentCls}-no-divider`]: {
+      [`${componentCls}-head`]: {
+        borderBottom: "none"
+      },
+      [`${componentCls}-body`]: {
+        padding: `0 ${paddingLG}px ${padding}px ${paddingLG}px`
+      }
+    },
+    [`${componentCls}-small${componentCls}-no-divider`]: {
+      [`${componentCls}-body`]: {
+        padding: `0 ${paddingSM}px 12px ${paddingSM}px`
+      }
+    },
+    [`${componentCls}${componentCls}-contain-tabs`]: {
+      [`${componentCls}-head`]: {
+        // 包含页签时，去掉 head 的底部分割线
+        borderBottom: "none",
+        [tabsComponentCls]: {
+          [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
+            [`${tabsComponentCls}-nav::before`]: {
+              // 包含位置为 top 和 bottom 的页签时，去掉 Tabs 的分割线
+              border: "none"
+            }
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls, tabsPrefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Card", (token) => {
+    return [
+      genCardStyle({
+        ...token,
+        tabsComponentCls: `.${tabsPrefixCls}`,
+        tabsPrefixCls
+      }),
+      (0, import_style.genTagStyle)({
+        ...token,
+        componentCls: `.${tabsPrefixCls}`,
+        prefixCls: tabsPrefixCls
+      })
+    ];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genCardStyle
+});

package/lib/ConfigProvider/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ConfigProviderProps } from 'antd/es/config-provider';
+export { globalConfig } from 'antd/es/config-provider';
+declare const ConfigProvider: {
+    ({ children, ...restProps }: ConfigProviderProps): React.JSX.Element;
+    ConfigContext: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
+    SizeContext: React.Context<import("antd/es/button").ButtonSize>;
+    config: ({ prefixCls, iconPrefixCls, theme, }: Pick<ConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
+        theme?: import("antd/es/config-provider/context").Theme;
+    }) => void;
+    useConfig: typeof import("antd/es/config-provider/hooks/useConfig").default;
+    displayName: string;
+};
+export default ConfigProvider;

package/lib/ConfigProvider/index.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ConfigProvider/index.tsx
+var ConfigProvider_exports = {};
+__export(ConfigProvider_exports, {
+  default: () => ConfigProvider_default,
+  globalConfig: () => import_config_provider.globalConfig
+});
+module.exports = __toCommonJS(ConfigProvider_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_config_provider = require("antd/es/config-provider");
+var import_StaticFunction = __toESM(require("../StaticFunction"));
+var ConfigProvider = ({ children, ...restProps }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { ...restProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, null, children, /* @__PURE__ */ import_react.default.createElement(import_StaticFunction.default, null)));
+};
+ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;
+ConfigProvider.SizeContext = import_antd.ConfigProvider.SizeContext;
+ConfigProvider.config = import_antd.ConfigProvider.config;
+ConfigProvider.useConfig = import_antd.ConfigProvider.useConfig;
+if (process.env.NODE_ENV !== "production") {
+  ConfigProvider.displayName = import_antd.ConfigProvider.displayName;
+}
+var ConfigProvider_default = ConfigProvider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  globalConfig
+});

package/lib/ContentWithQuestion/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithQuestionProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+}
+declare const ContentWithQuestion: React.FC<ContentWithQuestionProps>;
+export default ContentWithQuestion;

package/lib/ContentWithQuestion/index.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ContentWithQuestion/index.tsx
+var ContentWithQuestion_exports = {};
+__export(ContentWithQuestion_exports, {
+  default: () => ContentWithQuestion_default
+});
+module.exports = __toCommonJS(ContentWithQuestion_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var import_util = require("../_util");
+var prefix = (0, import_util.getPrefix)("content-with-question");
+var ContentWithQuestion = ({
+  content,
+  tooltip,
+  prefixIcon = null,
+  suffixIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` }),
+  className,
+  children,
+  ...restProps
+}) => {
+  const getIcon = (iconConfig) => {
+    return iconConfig ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` })) : null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}-item`]: true,
+        [className]: !!className
+      }),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, getIcon(
+      prefixIcon === true ? /* @__PURE__ */ import_react.default.createElement(
+        import_icons.QuestionCircleOutlined,
+        {
+          className: `${prefix}-help`,
+          style: {
+            marginRight: 4
+          }
+        }
+      ) : prefixIcon
+    ), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "content" }, content ?? children), getIcon(suffixIcon))
+  );
+};
+var ContentWithQuestion_default = ContentWithQuestion;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ContentWithQuestion/index.less

@@ -0,0 +1,18 @@
+@prefix: ob-content-with-question;
+
+.@{prefix}-item {
+  display: inline-flex;
+  align-items: center;
+
+  .@{prefix}-prefix {
+    margin-right: 8px;
+  }
+
+  .@{prefix}-suffix {
+    margin-left: 8px;
+  }
+
+  .@{prefix}-help {
+    cursor: help;
+  }
+}

package/lib/Descriptions/Item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DescriptionsItemProps as AntDescriptionsItemProps } from 'antd/es/descriptions/Item';
+import type { TextProps } from 'antd/es/typography/Text';
+export interface DescriptionsItemProps extends AntDescriptionsItemProps {
+    contentProps?: TextProps;
+}
+declare const _default: import("react").FC<AntDescriptionsItemProps>;
+export default _default;

package/lib/Descriptions/Item.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Descriptions/Item.ts
+var Item_exports = {};
+__export(Item_exports, {
+  default: () => Item_default
+});
+module.exports = __toCommonJS(Item_exports);
+var import_antd = require("antd");
+var Item_default = import_antd.Descriptions.Item;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Descriptions/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DescriptionsProps as AntDescriptionsProps } from 'antd/es/descriptions';
+export declare type DescriptionsProps = AntDescriptionsProps;
+declare const Descriptions: {
+    ({ children, bordered, prefixCls: customizePrefixCls, className, ...restProps }: DescriptionsProps): JSX.Element;
+    displayName: string;
+    Item: React.FC<import("antd/es/descriptions/Item").DescriptionsItemProps>;
+};
+export default Descriptions;

package/lib/Descriptions/index.js

@@ -0,0 +1,114 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Descriptions/index.tsx
+var Descriptions_exports = {};
+__export(Descriptions_exports, {
+  default: () => Descriptions_default
+});
+module.exports = __toCommonJS(Descriptions_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
+var import_Item = __toESM(require("./Item"));
+var import_style = __toESM(require("./style"));
+var import_lodash = require("lodash");
+var Descriptions = ({
+  children,
+  bordered,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("descriptions", customizePrefixCls);
+  const typographyPrefixCls = getPrefixCls("typography", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls, typographyPrefixCls);
+  const descriptionsCls = (0, import_classnames.default)(className, hashId);
+  const newChildren = bordered ? children : (0, import_toArray.default)(children).map((node) => {
+    if (import_react.default.isValidElement(node)) {
+      const { props } = node;
+      const { children: itemChildren, contentProps, ...restItemProps } = props;
+      const itemChildrenType = itemChildren == null ? void 0 : itemChildren.type;
+      const defaultEllipsis = {
+        tooltip: {
+          placement: "topLeft",
+          title: itemChildren
+        }
+      };
+      const { ellipsis = defaultEllipsis, ...restContentProps } = contentProps || {};
+      return {
+        ...node,
+        props: {
+          ...restItemProps,
+          children: /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Typography.Text,
+            {
+              ...restContentProps,
+              ellipsis: (0, import_lodash.isObject)(ellipsis) ? {
+                ...ellipsis,
+                tooltip: (
+                  // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
+                  (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TOOLTIP) ? void 0 : {
+                    ...defaultEllipsis.tooltip,
+                    // TooltipProps
+                    ...(0, import_lodash.isObject)(ellipsis.tooltip) && !(0, import_react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
+                      title: ellipsis.tooltip
+                    }
+                  }
+                )
+              } : ellipsis
+            },
+            itemChildren
+          )
+        }
+      };
+    }
+    return null;
+  }).map((node) => node);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Descriptions,
+      {
+        bordered,
+        prefixCls: customizePrefixCls,
+        className: descriptionsCls,
+        ...restProps
+      },
+      newChildren
+    )
+  );
+};
+if (process.env.NODE_ENV !== "production") {
+  Descriptions.displayName = import_antd.Descriptions.displayName;
+}
+Descriptions.Item = import_Item.default;
+var Descriptions_default = Descriptions;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Descriptions/style/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type DescriptionsToken = FullToken<'Alert'> & {
+    typographyPrefixCls: string;
+    typographyComponentCls: string;
+};
+export declare const genDescriptionsStyle: GenerateStyle<DescriptionsToken>;
+declare const _default: (prefixCls: string, typographyPrefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/Descriptions/style/index.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Descriptions/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genDescriptionsStyle: () => genDescriptionsStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genDescriptionsStyle = (token) => {
+  const { componentCls, typographyComponentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      [`${componentCls}-item-container`]: {
+        [`${componentCls}-item-content`]: {
+          paddingRight: 12,
+          // 为了保证内部的 Text ellipsis 生效
+          overflow: "hidden",
+          [`${typographyComponentCls}-edit-content`]: {
+            insetInlineStart: 0,
+            marginTop: 0
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls, typographyPrefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Descriptions", (token) => {
+    return [
+      genDescriptionsStyle({
+        ...token,
+        typographyPrefixCls,
+        typographyComponentCls: `.${typographyPrefixCls}`
+      })
+    ];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genDescriptionsStyle
+});

package/lib/Dialog/Anchor.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, PointerEvent } from 'react';
+import React from 'react';
+import type { IDockProps } from './Dock';
+export interface IAnchorProps extends HTMLAttributes<HTMLDivElement> {
+    onStart?: (event: PointerEvent) => void;
+    onMove?: (event: PointerEvent) => void;
+    onEnd?: (event: PointerEvent) => void;
+    dock?: IDockProps;
+}
+export declare class Anchor extends React.Component<IAnchorProps> {
+    isPointDown: boolean;
+    originBodyStyle: string | null;
+    clientX: number;
+    clientY: number;
+    onDragStart: (event: PointerEvent) => void;
+    onDragMove: (event: PointerEvent) => void;
+    onDragEnd: (event: PointerEvent) => void;
+    render(): React.JSX.Element;
+}

package/lib/Dialog/Anchor.js

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Dialog/Anchor.tsx
+var Anchor_exports = {};
+__export(Anchor_exports, {
+  Anchor: () => Anchor
+});
+module.exports = __toCommonJS(Anchor_exports);
+var import_react = __toESM(require("react"));
+var import_EventProxy = require("./EventProxy");
+var import_util = require("../_util");
+var prefix = (0, import_util.getPrefix)("dialog");
+var Anchor = class extends import_react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.isPointDown = false;
+    this.originBodyStyle = null;
+    this.clientX = 0;
+    this.clientY = 0;
+    this.onDragStart = (event) => {
+      var _a;
+      this.isPointDown = true;
+      const { onStart, dock } = this.props;
+      this.clientX = event.clientX;
+      this.clientY = event.clientY;
+      if (onStart)
+        onStart(event);
+      const cursor = (_a = dock == null ? void 0 : dock.style) == null ? void 0 : _a.cursor;
+      if (cursor) {
+        this.originBodyStyle = document.body.getAttribute("style") || "";
+        const style = `cursor:${cursor} !important; ${this.originBodyStyle}`;
+        document.body.setAttribute("style", style);
+      }
+    };
+    this.onDragMove = (event) => {
+      if (!this.isPointDown)
+        return;
+      const { onMove, dock = {} } = this.props;
+      if (dock.adjust) {
+        const { clientX, clientY } = event;
+        const moveX = clientX - this.clientX;
+        const moveY = clientY - this.clientY;
+        event.moveTop = moveY * (dock.adjust[0] || 0);
+        event.moveBottom = moveY * (dock.adjust[1] || 0);
+        event.moveLeft = moveX * (dock.adjust[2] || 0);
+        event.moveRight = moveX * (dock.adjust[3] || 0);
+      }
+      if (onMove)
+        onMove(event);
+    };
+    this.onDragEnd = (event) => {
+      if (!this.isPointDown)
+        return;
+      this.isPointDown = false;
+      const { onEnd } = this.props;
+      if (onEnd)
+        onEnd(event);
+      if (this.originBodyStyle !== null) {
+        document.body.setAttribute("style", this.originBodyStyle);
+      }
+      this.originBodyStyle = null;
+    };
+  }
+  render() {
+    const { children, style, dock } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefix}-anchor`,
+        style: { ...style, ...dock == null ? void 0 : dock.style },
+        onPointerDown: this.onDragStart
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
+      children
+    );
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Anchor
+});

package/lib/Dialog/Dock.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface IDockProps {
+    style?: React.CSSProperties;
+    adjust?: number[];
+}
+export declare const Dock: Record<string, IDockProps>;