@oceanbase/design 1.0.0-alpha.8 → 1.0.0

package/lib/_util/genComponentStyleHook.js

@@ -1,42 +1,17 @@
-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/genComponentStyleHook.ts
-var genComponentStyleHook_exports = {};
-__export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook,
-  genSelectCommonStyle: () => genSelectCommonStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("../theme/internal");
-var import_theme = __toESM(require("../theme"));
-var genSelectCommonStyle = (token) => {
-  const { antCls } = token;
+exports.genComponentStyleHook = genComponentStyleHook;
+exports.genSelectCommonStyle = void 0;
+exports.genStyleHooks = genStyleHooks;
+var _internal = require("../theme/internal");
+// work for Select, TreeSelect, Cascader
+const genSelectCommonStyle = token => {
+  const {
+    antCls
+  } = token;
   const selectComponentCls = `${antCls}-select`;
   return {
     [`${selectComponentCls}${selectComponentCls}-multiple`]: {
@@ -46,35 +21,56 @@ var genSelectCommonStyle = (token) => {
     }
   };
 };
+exports.genSelectCommonStyle = genSelectCommonStyle;
+/**
+ * Generate style hooks for components, similar to ant-design's genStyleHooks
+ * @param componentName - Component name or [componentName, subName] tuple
+ * @param styleFn - Style generation function
+ * @param getDefaultToken - Optional default token generator
+ * @param options - Optional configuration options
+ * @returns A hook function that returns [wrapCSSVar, hashId, cssVarCls]
+ */
+function genStyleHooks(componentName, styleFn, getDefaultToken, options) {
+  const normalizedComponentName = Array.isArray(componentName) ? componentName[0] : componentName;
+
+  // Create the component name with OB- prefix
+  const obComponentName = Array.isArray(componentName) ? [`OB-${normalizedComponentName}`, componentName[1]] : `OB-${normalizedComponentName}`;
+  return (0, _internal.genStyleHooks)(obComponentName, token => {
+    const styles = [];
+
+    // Add genSelectCommonStyle for Select, TreeSelect, Cascader
+    if (['Select', 'TreeSelect', 'Cascader'].includes(normalizedComponentName)) {
+      styles.push(genSelectCommonStyle(token));
+    }
+
+    // Add component-specific styles
+    const componentStyles = styleFn(token);
+    if (Array.isArray(componentStyles)) {
+      styles.push(...componentStyles);
+    } else {
+      styles.push(componentStyles);
+    }
+    return styles;
+  }, getDefaultToken, {
+    resetStyle: false,
+    // antd style order is -999 and -998
+    // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
+    // obui style order should behind to cover it
+    order: -900,
+    ...options
+  });
+}
+
+/**
+ * @deprecated Use genStyleHooks instead. This function is kept for backward compatibility.
+ */
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
-  return (prefixCls) => {
-    const useStyle = (0, import_internal.genComponentStyleHook)(
-      `OB-${componentName}`,
-      (token) => {
-        return [
-          genSelectCommonStyle(token),
-          styleFn(token)
-        ];
-      },
-      getDefaultToken,
-      {
-        resetStyle: false,
-        // antd style order is -999 and -998
-        // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
-        // obui style order should behind to cover it
-        order: -900
-      }
-    );
-    const [wrapSSR] = useStyle(prefixCls);
-    const { hashId } = import_theme.default.useToken();
+  const useStyle = genStyleHooks(componentName, styleFn, getDefaultToken);
+  return prefixCls => {
+    const [wrapCSSVar, hashId] = useStyle(prefixCls);
     return {
-      wrapSSR,
+      wrapSSR: wrapCSSVar,
       hashId
     };
   };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genComponentStyleHook,
-  genSelectCommonStyle
-});
+}

package/lib/_util/getEllipsisConfig.js

@@ -1,44 +1,21 @@
-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);
+"use strict";
 
-// src/_util/getEllipsisConfig.ts
-var getEllipsisConfig_exports = {};
-__export(getEllipsisConfig_exports, {
-  getEllipsisConfig: () => getEllipsisConfig
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(getEllipsisConfig_exports);
-var import_react = require("react");
+exports.getEllipsisConfig = getEllipsisConfig;
+var _react = require("react");
 function getEllipsisConfig(ellipsis, children) {
-  const childrenType = children == null ? void 0 : children.type;
-  return typeof ellipsis === "object" ? {
+  const childrenType = children?.type;
+  return typeof ellipsis === 'object' ? {
     ...ellipsis,
-    tooltip: (
-      // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
-      (childrenType == null ? void 0 : childrenType.__ANT_TOOLTIP) ? void 0 : {
-        // TooltipProps
-        ...typeof ellipsis.tooltip === "object" && !(0, import_react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
-          title: ellipsis.tooltip
-        }
-      }
-    )
+    tooltip:
+    // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
+    childrenType?.__ANT_TOOLTIP ? undefined : {
+      // TooltipProps
+      ...(typeof ellipsis.tooltip === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
+        title: ellipsis.tooltip
+      })
+    }
   } : ellipsis;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getEllipsisConfig
-});
+}

package/lib/_util/index.d.ts

@@ -1 +1,3 @@
 export declare const isHorizontalPaddingZero: (padding?: string | number) => boolean;
+export declare const isPaddingBottomZero: (padding?: string | number) => boolean;
+export { DocumentIcon, Document, type DocumentType } from './document';

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

@@ -6,7 +6,7 @@ export interface AlertProps extends AntAlertProps {
     mini?: boolean;
 }
 declare const Alert: {
-    ({ type: typeProp, showIcon, closable, ghost, mini, banner, 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;
 };