@oceanbase/ui 0.2.33 → 0.2.35

package/es/Highlight/index.js

@@ -111,7 +111,8 @@ var Highlight = function Highlight(props) {
     theme = _props$theme === void 0 ? THEME_LIGHT : _props$theme,
     _props$onCopyChange = props.onCopyChange,
     onCopyChange = _props$onCopyChange === void 0 ? function () {} : _props$onCopyChange,
-    language = props.language;
+    language = props.language,
+    locale = props.locale;
   var prefixCls = getPrefix('highlight');
   var themeClass = theme === THEME_DARK ? "".concat(prefixCls, "-dark") : "".concat(prefixCls, "-light");
   var codeRef = /*#__PURE__*/React.createRef();
@@ -203,7 +204,7 @@ var Highlight = function Highlight(props) {
         onCopy: function onCopy(value) {
           onCopyChange(value);
           setCopied(true);
-          message.success('Copied');
+          message.success(locale.copied);
           var tempCopyId = window.setTimeout(function () {
             setCopied(false);
           }, 2000);

package/es/Highlight/locale/en-US.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/es/Highlight/locale/en-US.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  copied: 'Copied'
+};

package/es/Highlight/locale/zh-CN.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/es/Highlight/locale/zh-CN.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  copied: '复制成功'
+};

package/es/Highlight/locale/zh-TW.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/es/Highlight/locale/zh-TW.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  copied: '複製成功'
+};

package/es/IconFont/index.d.ts

@@ -5,5 +5,8 @@ export interface IconFontProps {
     className?: string;
     style?: React.CSSProperties;
 }
+/**
+ * @deprecated Please use `@oceanbase/icons` instead.
+ */
 declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default IconFont;

package/es/IconFont/index.js

@@ -7,24 +7,17 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { createFromIconfontCN } from '@oceanbase/icons';
 import React from 'react';
 import "./font/iconfont.css";
 import { jsx as _jsx } from "react/jsx-runtime";
-var CustomIcon = createFromIconfontCN({
-  // 在 iconfont.cn 上生成
-  scriptUrl: '//at.alicdn.com/t/a/font_3786261_ifhixq9j5c.js'
-});
-var iconfontList = ['backup', 'backup-colored', 'cluster', 'cluster-colored', 'data-source', 'data-source-colored', 'docs', 'diagnosis', 'diagnosis-colored', 'host', 'host-colored', 'log', 'log-colored', 'migration', 'migration-colored', 'monitor', 'monitor-colored', 'notification', 'obproxy', 'obproxy-colored', 'package', 'package-colored', 'overview', 'overview-colored', 'property', 'property-colored', 'tenant', 'tenant-colored', 'sync', 'sync-colored', 'system', 'system-colored', 'user'];
+/**
+ * @deprecated Please use `@oceanbase/icons` instead.
+ */
 var IconFont = function IconFont(props) {
   var type = props.type,
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
-  // TODO: 后续建议统一使用 iconfont.cn 上的图标，这里先兼容两种用法
-  return iconfontList.includes(type) ? /*#__PURE__*/_jsx(CustomIcon, _objectSpread({
-    type: type,
-    className: className
-  }, restProps)) : /*#__PURE__*/_jsx("i", _objectSpread({
+  return /*#__PURE__*/_jsx("i", _objectSpread({
     className: "iconfont ".concat(type, " ").concat(className)
   }, restProps));
 };

package/es/TagSelect/style/index.js

@@ -46,7 +46,7 @@ export var genTagSelectStyle = function genTagSelectStyle(token) {
     position: 'relative',
     display: 'inline-block',
     fontSize: token.fontSize,
-    color: token.colorTextLabel,
+    color: token.colorText,
     background: token.colorWhite,
     border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
     borderRadius: token.borderRadius,
@@ -76,8 +76,12 @@ export var genTagSelectStyle = function genTagSelectStyle(token) {
     }
   }), _defineProperty(_ref, "".concat(componentCls, "-large").concat(componentCls, "-img"), _objectSpread(_objectSpread({}, genImgCoverStyle('228px', '120px')), {}, {
     marginRight: '16px'
-  })), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-img"), genImgCoverStyle('76px', '32px')), _defineProperty(_ref, "".concat(componentCls, "-large"), genSizeStyle(token.paddingContentVerticalSM, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-small"), genSizeStyle(0, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):hover"), {
-    borderColor: token.colorPrimaryText
+  })), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-img"), genImgCoverStyle('76px', '32px')), _defineProperty(_ref, "".concat(componentCls, "-large"), genSizeStyle(token.paddingContentVerticalSM, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-small"), _objectSpread(_objectSpread({}, genSizeStyle(0, token.fontSize)), {}, {
+    paddingLeft: "".concat(token.paddingSM, "px"),
+    paddingRight: "".concat(token.paddingSM, "px")
+  })), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):hover"), {
+    borderColor: token.colorPrimaryText,
+    color: token.colorPrimaryText
   }), _defineProperty(_ref, "".concat(componentCls, "-checked"), genColoredStyle(token.blue, token.colorPrimaryBg, token.colorPrimaryText)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):active"), {
     boxShadow: "0px 0px 3px ".concat(token.colorPrimary),
     borderColor: "".concat(token.colorPrimary)
@@ -85,11 +89,11 @@ export var genTagSelectStyle = function genTagSelectStyle(token) {
     '&:hover': _objectSpread(_objectSpread({}, genColoredStyle(token.colorInfoBorder, '#EBF1FF', token.colorInfoTextHover)), {}, _defineProperty({}, "".concat(componentCls, "-inner"), {
       borderTopColor: "".concat(token.colorPrimaryTextHover, " !important")
     }))
-  }), _defineProperty(_ref, "".concat(componentCls, "-disabled:not(").concat(componentCls, "-checked)"), _objectSpread(_objectSpread({}, genColoredStyle(token.colorBorder, '#F6F8FE', '#CDD5E3')), {}, {
+  }), _defineProperty(_ref, "".concat(componentCls, "-disabled:not(").concat(componentCls, "-checked)"), _objectSpread(_objectSpread({}, genColoredStyle(token.colorBorder, token.colorFillContent, token.colorTextDisabled)), {}, {
     cursor: 'not-allowed'
   })), _defineProperty(_ref, "".concat(componentCls, "-disabled").concat(componentCls, "-checked"), _objectSpread({
     cursor: 'not-allowed'
-  }, genColoredStyle(token.colorBorder, '#E2E8F3', token.colorTextTertiary))), _defineProperty(_ref, "".concat(componentCls, "-checked").concat(componentCls, "-disabled.multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle('#CDD5E3', token))), _defineProperty(_ref, "".concat(componentCls, "-checked:not(").concat(componentCls, "-disabled).multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle(token.colorPrimary, token))), _ref;
+  }, genColoredStyle(token.colorBorder, token.colorFill, token.colorTextDisabled))), _defineProperty(_ref, "".concat(componentCls, "-checked").concat(componentCls, "-disabled.multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle(token.colorTextDisabled, token))), _defineProperty(_ref, "".concat(componentCls, "-checked:not(").concat(componentCls, "-disabled).multiple"), _defineProperty({}, "".concat(componentCls, "-inner"), genMultipleStyle(token.colorPrimary, token))), _ref;
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('TagSelect', function (token) {

package/lib/Highlight/index.js

@@ -114,7 +114,8 @@ var Highlight = (props) => {
     theme = THEME_LIGHT,
     onCopyChange = () => {
     },
-    language
+    language,
+    locale
   } = props;
   const prefixCls = (0, import_util.getPrefix)("highlight");
   const themeClass = theme === THEME_DARK ? `${prefixCls}-dark` : `${prefixCls}-light`;
@@ -184,7 +185,7 @@ var Highlight = (props) => {
         onCopy: (value) => {
           onCopyChange(value);
           setCopied(true);
-          import_design2.message.success("Copied");
+          import_design2.message.success(locale.copied);
           const tempCopyId = window.setTimeout(() => {
             setCopied(false);
           }, 2e3);

package/lib/Highlight/locale/en-US.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/lib/Highlight/locale/en-US.js

@@ -22,4 +22,6 @@ __export(en_US_exports, {
   default: () => en_US_default
 });
 module.exports = __toCommonJS(en_US_exports);
-var en_US_default = {};
+var en_US_default = {
+  copied: "Copied"
+};

package/lib/Highlight/locale/zh-CN.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/lib/Highlight/locale/zh-CN.js

@@ -22,4 +22,6 @@ __export(zh_CN_exports, {
   default: () => zh_CN_default
 });
 module.exports = __toCommonJS(zh_CN_exports);
-var zh_CN_default = {};
+var zh_CN_default = {
+  copied: "复制成功"
+};

package/lib/Highlight/locale/zh-TW.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    copied: string;
+};
 export default _default;

package/lib/Highlight/locale/zh-TW.js

@@ -22,4 +22,6 @@ __export(zh_TW_exports, {
   default: () => zh_TW_default
 });
 module.exports = __toCommonJS(zh_TW_exports);
-var zh_TW_default = {};
+var zh_TW_default = {
+  copied: "複製成功"
+};

package/lib/IconFont/index.d.ts

@@ -5,5 +5,8 @@ export interface IconFontProps {
     className?: string;
     style?: React.CSSProperties;
 }
+/**
+ * @deprecated Please use `@oceanbase/icons` instead.
+ */
 declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default IconFont;

package/lib/IconFont/index.js

@@ -32,50 +32,10 @@ __export(IconFont_exports, {
   default: () => IconFont_default
 });
 module.exports = __toCommonJS(IconFont_exports);
-var import_icons = require("@oceanbase/icons");
 var import_react = __toESM(require("react"));
 var import_iconfont = require("./font/iconfont.css");
-var CustomIcon = (0, import_icons.createFromIconfontCN)({
-  // 在 iconfont.cn 上生成
-  scriptUrl: "//at.alicdn.com/t/a/font_3786261_ifhixq9j5c.js"
-});
-var iconfontList = [
-  "backup",
-  "backup-colored",
-  "cluster",
-  "cluster-colored",
-  "data-source",
-  "data-source-colored",
-  "docs",
-  "diagnosis",
-  "diagnosis-colored",
-  "host",
-  "host-colored",
-  "log",
-  "log-colored",
-  "migration",
-  "migration-colored",
-  "monitor",
-  "monitor-colored",
-  "notification",
-  "obproxy",
-  "obproxy-colored",
-  "package",
-  "package-colored",
-  "overview",
-  "overview-colored",
-  "property",
-  "property-colored",
-  "tenant",
-  "tenant-colored",
-  "sync",
-  "sync-colored",
-  "system",
-  "system-colored",
-  "user"
-];
 var IconFont = (props) => {
   const { type, className, ...restProps } = props;
-  return iconfontList.includes(type) ? /* @__PURE__ */ import_react.default.createElement(CustomIcon, { type, className, ...restProps }) : /* @__PURE__ */ import_react.default.createElement("i", { className: `iconfont ${type} ${className}`, ...restProps });
+  return /* @__PURE__ */ import_react.default.createElement("i", { className: `iconfont ${type} ${className}`, ...restProps });
 };
 var IconFont_default = IconFont;

package/lib/TagSelect/style/index.js

@@ -66,7 +66,7 @@ var genTagSelectStyle = (token) => {
       position: "relative",
       display: "inline-block",
       fontSize: token.fontSize,
-      color: token.colorTextLabel,
+      color: token.colorText,
       background: token.colorWhite,
       border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
       borderRadius: token.borderRadius,
@@ -106,9 +106,14 @@ var genTagSelectStyle = (token) => {
     },
     [`${componentCls}-small${componentCls}-img`]: genImgCoverStyle("76px", "32px"),
     [`${componentCls}-large`]: genSizeStyle(token.paddingContentVerticalSM, token.fontSize),
-    [`${componentCls}-small`]: genSizeStyle(0, token.fontSize),
+    [`${componentCls}-small`]: {
+      ...genSizeStyle(0, token.fontSize),
+      paddingLeft: `${token.paddingSM}px`,
+      paddingRight: `${token.paddingSM}px`
+    },
     [`${componentCls}-wrapper:not(${componentCls}-disabled):hover`]: {
-      borderColor: token.colorPrimaryText
+      borderColor: token.colorPrimaryText,
+      color: token.colorPrimaryText
     },
     [`${componentCls}-checked`]: genColoredStyle(
       token.blue,
@@ -128,15 +133,15 @@ var genTagSelectStyle = (token) => {
       }
     },
     [`${componentCls}-disabled:not(${componentCls}-checked)`]: {
-      ...genColoredStyle(token.colorBorder, "#F6F8FE", "#CDD5E3"),
+      ...genColoredStyle(token.colorBorder, token.colorFillContent, token.colorTextDisabled),
       cursor: "not-allowed"
     },
     [`${componentCls}-disabled${componentCls}-checked`]: {
       cursor: "not-allowed",
-      ...genColoredStyle(token.colorBorder, "#E2E8F3", token.colorTextTertiary)
+      ...genColoredStyle(token.colorBorder, token.colorFill, token.colorTextDisabled)
     },
     [`${componentCls}-checked${componentCls}-disabled.multiple`]: {
-      [`${componentCls}-inner`]: genMultipleStyle("#CDD5E3", token)
+      [`${componentCls}-inner`]: genMultipleStyle(token.colorTextDisabled, token)
     },
     [`${componentCls}-checked:not(${componentCls}-disabled).multiple`]: {
       [`${componentCls}-inner`]: genMultipleStyle(token.colorPrimary, token)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.33",
+  "version": "0.2.35",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -35,20 +35,20 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.2",
-    "@ant-design/pro-components": "^2.6.34",
-    "@ant-design/pro-layout": "^7.17.15",
-    "@oceanbase/design": "^0.2.32",
-    "@oceanbase/icons": "^0.2.9",
-    "@oceanbase/util": "^0.2.12",
+    "@ant-design/pro-components": "^2.6.43",
+    "@ant-design/pro-layout": "^7.17.16",
+    "@oceanbase/design": "^0.2.34",
+    "@oceanbase/icons": "^0.2.10",
+    "@oceanbase/util": "^0.2.13",
     "ahooks": "^2.10.14",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "dayjs": "^1.11.10",
     "diff": "^5.1.0",
     "highlight.js": "^11.9.0",
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
-    "moment": "^2.29.4",
+    "moment": "^2.30.1",
     "path-to-regexp": "^6.2.1",
     "randexp": "^0.5.3",
     "rc-util": "^5.38.1",
@@ -65,5 +65,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "61cbd02d7b906cd6fb2ee76531fe5da792ad672b"
+  "gitHead": "d99fa5230d5efc3645791b731734fc78eb126c2c"
 }