@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.20

package/lib/_util/index.js

@@ -1,41 +1,40 @@
-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 });
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Document", {
+  enumerable: true,
+  get: function () {
+    return _document.Document;
   }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/_util/index.ts
-var util_exports = {};
-__export(util_exports, {
-  isHorizontalPaddingZero: () => isHorizontalPaddingZero
 });
-module.exports = __toCommonJS(util_exports);
-var isHorizontalPaddingZero = (padding) => {
-  if (typeof padding === "number") {
+Object.defineProperty(exports, "DocumentIcon", {
+  enumerable: true,
+  get: function () {
+    return _document.DocumentIcon;
+  }
+});
+exports.isPaddingBottomZero = exports.isHorizontalPaddingZero = void 0;
+var _document = require("./document");
+const isHorizontalPaddingZero = padding => {
+  if (typeof padding === 'number') {
     return padding === 0;
   }
-  if (typeof padding === "string") {
+  if (typeof padding === 'string') {
     const parts = padding.trim().split(/\s+/);
     switch (parts.length) {
       case 1:
+        // padding: 0;
         return parseFloat(parts[0]) === 0;
       case 2:
+        // padding: 0 10px;
         return parseFloat(parts[1]) === 0;
       case 3:
+        // padding: 0 10px 5px;
         return parseFloat(parts[1]) === 0;
       case 4:
+        // padding: 0 1px 2px 3px;
         return parseFloat(parts[1]) === 0 && parseFloat(parts[3]) === 0;
       default:
         return false;
@@ -43,7 +42,30 @@ var isHorizontalPaddingZero = (padding) => {
   }
   return false;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  isHorizontalPaddingZero
-});
+exports.isHorizontalPaddingZero = isHorizontalPaddingZero;
+const isPaddingBottomZero = padding => {
+  if (typeof padding === 'number') {
+    return padding === 0;
+  }
+  if (typeof padding === 'string') {
+    const parts = padding.trim().split(/\s+/);
+    switch (parts.length) {
+      case 1:
+        // padding: 0;
+        return parseFloat(parts[0]) === 0;
+      case 2:
+        // padding: 0 10px;
+        return parseFloat(parts[0]) === 0;
+      case 3:
+        // padding: 0 10px 5px;
+        return parseFloat(parts[2]) === 0;
+      case 4:
+        // padding: 0 1px 2px 3px;
+        return parseFloat(parts[3]) === 0;
+      default:
+        return false;
+    }
+  }
+  return false;
+};
+exports.isPaddingBottomZero = isPaddingBottomZero;

package/lib/_util/styleChecker.js

@@ -1,64 +1,43 @@
-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 });
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.detectFlexGapSupported = exports.canUseDocElement = void 0;
+Object.defineProperty(exports, "isStyleSupport", {
+  enumerable: true,
+  get: function () {
+    return _styleChecker.isStyleSupport;
   }
-  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/_util/styleChecker.tsx
-var styleChecker_exports = {};
-__export(styleChecker_exports, {
-  canUseDocElement: () => canUseDocElement,
-  detectFlexGapSupported: () => detectFlexGapSupported,
-  isStyleSupport: () => import_styleChecker.isStyleSupport
 });
-module.exports = __toCommonJS(styleChecker_exports);
-var import_canUseDom = __toESM(require("rc-util/lib/Dom/canUseDom"));
-var import_styleChecker = require("rc-util/lib/Dom/styleChecker");
-var canUseDocElement = () => (0, import_canUseDom.default)() && window.document.documentElement;
-var flexGapSupported;
-var detectFlexGapSupported = () => {
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+var _styleChecker = require("rc-util/lib/Dom/styleChecker");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const canUseDocElement = () => (0, _canUseDom.default)() && window.document.documentElement;
+exports.canUseDocElement = canUseDocElement;
+let flexGapSupported;
+const detectFlexGapSupported = () => {
   if (!canUseDocElement()) {
     return false;
   }
-  if (flexGapSupported !== void 0) {
+  if (flexGapSupported !== undefined) {
     return flexGapSupported;
   }
-  const flex = document.createElement("div");
-  flex.style.display = "flex";
-  flex.style.flexDirection = "column";
-  flex.style.rowGap = "1px";
-  flex.appendChild(document.createElement("div"));
-  flex.appendChild(document.createElement("div"));
+
+  // create flex container with row-gap set
+  const flex = document.createElement('div');
+  flex.style.display = 'flex';
+  flex.style.flexDirection = 'column';
+  flex.style.rowGap = '1px';
+
+  // create two, elements inside it
+  flex.appendChild(document.createElement('div'));
+  flex.appendChild(document.createElement('div'));
+
+  // append to the DOM (needed to obtain scrollHeight)
   document.body.appendChild(flex);
-  flexGapSupported = flex.scrollHeight === 1;
+  flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
   document.body.removeChild(flex);
   return flexGapSupported;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  canUseDocElement,
-  detectFlexGapSupported,
-  isStyleSupport
-});
+exports.detectFlexGapSupported = detectFlexGapSupported;

package/lib/_util/type.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
+"use strict";
 
-// src/_util/type.ts
-var type_exports = {};
-module.exports = __toCommonJS(type_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/_util/useFlexGapSupport.js

@@ -1,43 +1,18 @@
-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);
+"use strict";
 
-// src/_util/useFlexGapSupport.ts
-var useFlexGapSupport_exports = {};
-__export(useFlexGapSupport_exports, {
-  default: () => useFlexGapSupport_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useFlexGapSupport_exports);
-var React = __toESM(require("react"));
-var import_styleChecker = require("./styleChecker");
-var useFlexGapSupport_default = () => {
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _styleChecker = require("./styleChecker");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _default = () => {
   const [flexible, setFlexible] = React.useState(true);
   React.useEffect(() => {
-    setFlexible((0, import_styleChecker.detectFlexGapSupported)());
+    setFlexible((0, _styleChecker.detectFlexGapSupported)());
   }, []);
   return flexible;
 };
+exports.default = _default;

package/lib/affix/index.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/affix/index.ts
-var affix_exports = {};
-module.exports = __toCommonJS(affix_exports);
-__reExport(affix_exports, require("antd/es/affix"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/affix")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _affix = require("antd/es/affix");
+Object.keys(_affix).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _affix[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _affix[key];
+    }
+  });
+});

package/lib/alert/index.d.ts

@@ -3,10 +3,10 @@ import type { AlertProps as AntAlertProps } from 'antd/es/alert';
 export * from 'antd/es/alert';
 export interface AlertProps extends AntAlertProps {
     ghost?: boolean;
-    colored?: boolean;
+    mini?: boolean;
 }
 declare const Alert: {
-    ({ type, ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ type: typeProp, showIcon, closable, closeIcon, ghost, mini, banner, action, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
     displayName: string;
 };

package/lib/alert/index.js

@@ -1,88 +1,79 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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/alert/index.tsx
-var alert_exports = {};
-__export(alert_exports, {
-  default: () => alert_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(alert_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@oceanbase/icons");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("./style"));
-__reExport(alert_exports, require("antd/es/alert"), module.exports);
-var iconMapOutlined = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  info: /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, null),
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@oceanbase/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _alert = require("antd/es/alert");
+Object.keys(_alert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _alert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _alert[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const iconMapOutlined = {
+  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckCircleOutlined, {}),
+  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {}),
+  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseCircleOutlined, {}),
+  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExclamationCircleOutlined, {})
 };
-var Alert = ({
-  type,
+const Alert = ({
+  type: typeProp,
+  showIcon = true,
+  closable,
+  closeIcon,
   ghost,
-  colored,
+  mini,
+  banner,
+  action,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("alert", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const alertCls = (0, import_classnames.default)(
-    {
-      [`${prefixCls}-ghost`]: ghost,
-      [`${prefixCls}-colored`]: colored
-    },
-    className
-  );
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Alert,
-      {
-        type,
-        icon: iconMapOutlined[type],
-        prefixCls: customizePrefixCls,
-        className: alertCls,
-        ...restProps
-      }
-    )
-  );
+  // banner exists and type is empty, use warning type by default for correct icon
+  const type = (banner && !typeProp ? 'warning' : typeProp) || 'info';
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('alert', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const alertCls = (0, _classnames.default)({
+    [`${prefixCls}-closable`]: closable || closeIcon,
+    [`${prefixCls}-ghost`]: ghost,
+    [`${prefixCls}-mini`]: mini,
+    [`${prefixCls}-with-action`]: !!action
+  }, className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Alert, {
+    type: type,
+    showIcon: showIcon,
+    closable: closable,
+    closeIcon: closeIcon,
+    banner: banner,
+    icon: iconMapOutlined[type],
+    action: action,
+    prefixCls: customizePrefixCls,
+    className: alertCls,
+    ...restProps
+  }));
 };
-Alert.ErrorBoundary = import_antd.Alert.ErrorBoundary;
-if (process.env.NODE_ENV !== "production") {
-  Alert.displayName = import_antd.Alert.displayName;
+Alert.ErrorBoundary = _antd.Alert.ErrorBoundary;
+if (process.env.NODE_ENV !== 'production') {
+  Alert.displayName = _antd.Alert.displayName;
 }
-var alert_default = Alert;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/alert")
-});
+var _default = exports.default = Alert;

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type AlertToken = FullToken<'Alert'>;
 export declare const genAlertStyle: GenerateStyle<AlertToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;