@oceanbase/design 0.4.1 → 0.4.2

package/lib/typography/hooks/useClassName.js

@@ -0,0 +1,46 @@
+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/typography/hooks/useClassName.ts
+var useClassName_exports = {};
+__export(useClassName_exports, {
+  default: () => useClassName_default
+});
+module.exports = __toCommonJS(useClassName_exports);
+var import_classnames = __toESM(require("classnames"));
+var useClassName = (prefixCls, className, editable) => {
+  var _a;
+  const typographyCls = (0, import_classnames.default)(
+    {
+      [`${prefixCls}-editable-text`]: typeof editable === "object" && ((_a = editable == null ? void 0 : editable.triggerType) == null ? void 0 : _a.includes("text"))
+    },
+    className
+  );
+  return typographyCls;
+};
+var useClassName_default = useClassName;

package/lib/typography/style/index.js

@@ -25,7 +25,8 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genTypographyStyle = (token) => {
-  const { componentCls } = token;
+  const { componentCls, controlHeight, fontSize, lineHeight } = token;
+  const marginOffset = (controlHeight - fontSize * lineHeight) / 2;
   return {
     // inherit color and lineHeight from parent instead of fixed colorText
     [`span${componentCls}`]: {
@@ -37,6 +38,53 @@ var genTypographyStyle = (token) => {
       lineHeight: "inherit",
       color: "inherit",
       fontSize: "inherit"
+    },
+    [`${componentCls}`]: {
+      [`${componentCls}-edit`]: {
+        fontSize: token.fontSize
+      }
+    },
+    [`${componentCls}${componentCls}-editable-text:not(${componentCls}-edit-content)`]: {
+      "&:hover": {
+        background: token.colorBgContainer,
+        border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+        borderRadius: token.borderRadius,
+        position: "relative",
+        insetInlineStart: -token.paddingSM,
+        padding: `${marginOffset - token.lineWidth}px ${token.paddingSM - token.lineWidth}px`
+      },
+      "div&:hover": {
+        height: token.controlHeight,
+        marginTop: -marginOffset,
+        marginBottom: `calc(1em - ${marginOffset}px)`
+      },
+      "span&:hover": {
+        display: "inline-block",
+        height: token.controlHeight,
+        marginTop: -marginOffset,
+        marginBottom: -marginOffset
+      },
+      "h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover": {
+        marginTop: `${-marginOffset}px !important`,
+        marginBottom: `${-marginOffset}px !important`
+      }
+    },
+    [`${componentCls}${componentCls}-edit-content`]: {
+      [`${componentCls}-div&`]: {
+        insetInlineStart: -token.paddingSM,
+        marginTop: -marginOffset,
+        marginBottom: `calc(1em - ${marginOffset}px)`
+      },
+      [`${componentCls}-span&`]: {
+        insetInlineStart: -token.paddingSM,
+        marginTop: -marginOffset,
+        marginBottom: -marginOffset
+      },
+      [`${componentCls}-h1&, ${componentCls}-h2&, ${componentCls}-h3&, ${componentCls}-h4&, ${componentCls}-h5&`]: {
+        insetInlineStart: -token.paddingSM,
+        marginTop: `${-marginOffset}px !important`,
+        marginBottom: `${-marginOffset}px !important`
+      }
     }
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -31,16 +31,15 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "father build",
-    "postbuild": "cp src/style/reset.css dist/"
+    "build": "father build && cp src/style/reset.css dist/"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.21.1",
+    "@ant-design/cssinjs": "^1.22.0",
     "@oceanbase/aliyun-theme": "^0.1.6",
     "@oceanbase/icons": "^0.4.1",
     "@oceanbase/util": "^0.4.1",
     "ahooks": "^2.10.14",
-    "antd": "^5.21.6",
+    "antd": "^5.22.1",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.12.2",
@@ -55,11 +54,11 @@
     "rc-select": "^14.16.3",
     "rc-slider": "^11.1.7",
     "rc-table": "^7.48.1",
-    "rc-tree-select": "^5.24.3"
+    "rc-tree-select": "^5.24.4"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "122feaeba90da7d3699297e1e1445160c545ace4"
+  "gitHead": "67c1567aad182c4b3b7ecb421928fa3c87f321e0"
 }

package/es/reset.css

@@ -1,10 +0,0 @@
-/* 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式 */
-/* ref: https://ant.design/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4 */
-@import '~antd/dist/reset.css';
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-}

package/lib/reset.css

@@ -1,10 +0,0 @@
-/* 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式 */
-/* ref: https://ant.design/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4 */
-@import '~antd/dist/reset.css';
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-}