@oceanbase/design 1.0.0-alpha.10 → 1.0.0-alpha.11

package/lib/spin/style/index.js

@@ -1,31 +1,16 @@
-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/spin/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genSpinStyle: () => genSpinStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSizeStyle = (spinDotSize, token) => {
-  const { componentCls, colorText, calc } = token;
+exports.genSpinStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSizeStyle = (spinDotSize, token) => {
+  const {
+    componentCls,
+    colorText,
+    calc
+  } = token;
   const spinDotWidth = spinDotSize;
   const spinDotHight = calc(spinDotWidth).mul(295).div(397).equal();
   return {
@@ -42,9 +27,16 @@ var genSizeStyle = (spinDotSize, token) => {
     }
   };
 };
-var genNestedSizeStyle = (spinDotSize, token) => {
-  const { componentCls, fontSize, calc } = token;
+const genNestedSizeStyle = (spinDotSize, token) => {
+  const {
+    componentCls,
+    fontSize,
+    calc
+  } = token;
   const spinDotWidth = spinDotSize;
+  // oceanbase indicator is rectangle instead of square, should calculate actual height by ratio
+  // width: 295px
+  // height: 397px
   const spinDotHight = calc(spinDotWidth).mul(295).div(397).equal();
   const dotMarginLeft = calc(spinDotWidth).div(-2).equal();
   const dotMarginTop = calc(spinDotHight).div(-2).equal();
@@ -66,8 +58,13 @@ var genNestedSizeStyle = (spinDotSize, token) => {
     }
   };
 };
-var genSpinStyle = (token) => {
-  const { componentCls, spinDotSize, spinDotSizeSM, spinDotSizeLG } = token;
+const genSpinStyle = token => {
+  const {
+    componentCls,
+    spinDotSize,
+    spinDotSizeSM,
+    spinDotSizeLG
+  } = token;
   return {
     [`${componentCls}`]: {
       [`&`]: genSizeStyle(spinDotSize, token),
@@ -83,25 +80,24 @@ var genSpinStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Spin", (token) => {
-  const { calc } = token;
-  return [
-    genSpinStyle({
-      ...token,
-      // https://github.com/ant-design/ant-design/blob/master/components/spin/style/index.tsx#L238
-      // spinDotSize: (token.controlHeightLG / 2) * ratio,
-      // spinDotSizeSM: token.controlHeightLG * 0.35 * ratio,
-      // spinDotSizeLG: token.controlHeight * ratio,
-      spinDotSize: calc(token.controlHeight).mul(1.75).equal(),
-      // 56,
-      spinDotSizeSM: calc(token.controlHeight).mul(1.125).equal(),
-      // 36
-      spinDotSizeLG: calc(token.controlHeight).mul(2.25).equal()
-      // 72
-    })
-  ];
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genSpinStyle
-});
+exports.genSpinStyle = genSpinStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Spin', token => {
+  // should expand by 2x for oceanbase indicator
+  // because it's inner padding is smaller than antd default indicator
+  // const ratio = 3;
+  const {
+    calc
+  } = token;
+  return [genSpinStyle({
+    ...token,
+    // https://github.com/ant-design/ant-design/blob/master/components/spin/style/index.tsx#L238
+    // spinDotSize: (token.controlHeightLG / 2) * ratio,
+    // spinDotSizeSM: token.controlHeightLG * 0.35 * ratio,
+    // spinDotSizeLG: token.controlHeight * ratio,
+    spinDotSize: calc(token.controlHeight).mul(1.75).equal(),
+    // 56,
+    spinDotSizeSM: calc(token.controlHeight).mul(1.125).equal(),
+    // 36
+    spinDotSizeLG: calc(token.controlHeight).mul(2.25).equal() // 72
+  })];
+});

package/lib/static-function/index.js

@@ -1,88 +1,63 @@
-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/static-function/index.tsx
-var static_function_exports = {};
-__export(static_function_exports, {
-  default: () => static_function_default,
-  message: () => message,
-  modal: () => modal,
-  notification: () => notification,
-  token: () => token
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(static_function_exports);
-var import_react = require("react");
-var import_antd = require("antd");
-var import_alias = __toESM(require("antd/lib/theme/util/alias"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("../modal/style"));
-var import_theme = __toESM(require("../theme"));
-var import_default = __toESM(require("../theme/default"));
-var { defaultAlgorithm, defaultSeed, useToken } = import_theme.default;
-var _a, _b, _c;
-var mapToken = {
+exports.token = exports.notification = exports.modal = exports.message = exports.default = void 0;
+var _react = require("react");
+var _antd = require("antd");
+var _alias = _interopRequireDefault(require("antd/lib/theme/util/alias"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("../modal/style"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _default2 = _interopRequireDefault(require("../theme/default"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const {
+  defaultAlgorithm,
+  defaultSeed,
+  useToken
+} = _theme.default;
+
+// set default token
+const mapToken = {
   ...defaultAlgorithm(defaultSeed),
-  ...import_default.default.token,
+  ..._default2.default.token,
   // need to override some Alias Token values
   override: {
-    boxShadow: (_a = import_default.default.token) == null ? void 0 : _a.boxShadow,
-    boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary,
-    boxShadowTertiary: (_c = import_default.default.token) == null ? void 0 : _c.boxShadowTertiary
+    boxShadow: _default2.default.token?.boxShadow,
+    boxShadowSecondary: _default2.default.token?.boxShadowSecondary,
+    boxShadowTertiary: _default2.default.token?.boxShadowTertiary
   }
 };
-var token = (0, import_alias.default)(mapToken);
-var message = import_antd.message;
-var notification = import_antd.notification;
-var modal = import_antd.Modal;
-var static_function_default = () => {
-  token = useToken().token;
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("modal");
-  (0, import_style.default)(prefixCls);
-  const staticFunction = import_antd.App.useApp();
-  message = {
+let token = exports.token = (0, _alias.default)(mapToken);
+let message = exports.message = _antd.message;
+let notification = exports.notification = _antd.notification;
+let modal = exports.modal = _antd.Modal;
+var _default = () => {
+  // automatically inject useToken, avoid declaring it every time
+  exports.token = token = useToken().token;
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('modal');
+
+  // register Modal style, ensure static function can also apply style
+  (0, _style.default)(prefixCls);
+  const staticFunction = _antd.App.useApp();
+  // replace antd's static methods, support consuming ConfigProvider configuration
+  exports.message = message = {
     ...staticFunction.message,
-    useMessage: import_antd.message.useMessage
+    useMessage: _antd.message.useMessage
   };
-  notification = {
+  exports.notification = notification = {
     ...staticFunction.notification,
-    useNotification: import_antd.notification.useNotification
+    useNotification: _antd.notification.useNotification
   };
-  modal = {
+  exports.modal = modal = {
     ...staticFunction.modal,
-    useModal: import_antd.Modal.useModal
+    useModal: _antd.Modal.useModal
   };
   return null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  message,
-  modal,
-  notification,
-  token
-});
+exports.default = _default;

package/lib/statistic/index.js

@@ -1,23 +1,17 @@
-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);
+"use strict";
 
-// src/statistic/index.ts
-var statistic_exports = {};
-module.exports = __toCommonJS(statistic_exports);
-__reExport(statistic_exports, require("antd/es/statistic"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/statistic")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _statistic = require("antd/es/statistic");
+Object.keys(_statistic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _statistic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _statistic[key];
+    }
+  });
+});
+"use client";

package/lib/steps/index.js

@@ -1,23 +1,17 @@
-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);
+"use strict";
 
-// src/steps/index.ts
-var steps_exports = {};
-module.exports = __toCommonJS(steps_exports);
-__reExport(steps_exports, require("antd/es/steps"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/steps")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _steps = require("antd/es/steps");
+Object.keys(_steps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _steps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _steps[key];
+    }
+  });
+});
+"use client";