@oceanbase/ui 0.2.2 → 0.2.4

package/lib/Ranger/QuickPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare type QuickType = 'select' | 'dropdown';
-declare const _default: (props: any) => import("react").JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/lib/Ranger/QuickPicker.js

@@ -32,18 +32,18 @@ __export(QuickPicker_exports, {
   default: () => QuickPicker_default
 });
 module.exports = __toCommonJS(QuickPicker_exports);
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_util = require("../_util");
 var import_constant = require("./constant");
 var prefix = (0, import_util.getPrefix)("ranger-quick-picker");
 var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
-  const menu = /* @__PURE__ */ React.createElement(
+  const menu = /* @__PURE__ */ import_react.default.createElement(
     import_design.Menu,
     {
       onClick: (e) => {
@@ -51,17 +51,17 @@ var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
       },
       style: { minWidth: 120 }
     },
-    selects.map((item) => /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
-    customable && /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
+    selects.map((item) => /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
+    customable && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
   );
   const match = selects.find((item) => item.name === value);
-  return /* @__PURE__ */ React.createElement(import_design.Dropdown, { overlay: menu }, /* @__PURE__ */ React.createElement(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ React.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ React.createElement(import_icons.DownOutlined, null)));
+  return /* @__PURE__ */ import_react.default.createElement(import_design.Dropdown, { overlay: menu }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)));
 };
 var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size }) => {
   const handleChange = (nextValue) => {
     onChange(nextValue);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     import_design.Select,
     {
       className: (0, import_classnames.default)(prefix, `${prefix}-select`),
@@ -71,9 +71,9 @@ var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size })
       size
     },
     selects.map((item) => {
-      return /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
+      return /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
     }),
-    customable && /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
+    customable && /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
   );
 };
 var QuickPicker_default = (props) => {
@@ -102,5 +102,5 @@ var QuickPicker_default = (props) => {
     }
     onNameChange(value);
   };
-  return type === "select" ? /* @__PURE__ */ React.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ React.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
+  return type === "select" ? /* @__PURE__ */ import_react.default.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ import_react.default.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
 };

package/lib/Ranger/Ranger.js

@@ -36,7 +36,7 @@ var import_design = require("@oceanbase/design");
 var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util = require("../_util");
 var import_constant = require("./constant");
@@ -118,7 +118,7 @@ var Ranger = (props) => {
   }
   const showRange = mode === "default" || rangeName === import_constant.CUSTOMIZE;
   const showQuickPicker = selects.length !== 0;
-  return /* @__PURE__ */ React.createElement(import_design.Space, { size: 0, className: prefix, style: rest.style }, showQuickPicker && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 0, className: prefix, style: rest.style }, showQuickPicker && /* @__PURE__ */ import_react.default.createElement(
     import_QuickPicker.default,
     {
       customable: true,
@@ -132,7 +132,7 @@ var Ranger = (props) => {
       size
     }
   ), showRange && // @ts-ignore
-  /* @__PURE__ */ React.createElement(
+  /* @__PURE__ */ import_react.default.createElement(
     import_design.DatePicker.RangePicker,
     {
       disabledDate: pastOnly ? disabledFuture : disabledDate,

package/lib/Ranger/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Ranger/index.tsx
+// src/Ranger/index.ts
 var Ranger_exports = {};
 __export(Ranger_exports, {
   default: () => Ranger_default

package/lib/SideTip/IconLoading.d.ts

@@ -1,2 +1,3 @@
-declare const iconLoading: (props: any) => import("react").JSX.Element;
+import React from 'react';
+declare const iconLoading: (props: any) => React.JSX.Element;
 export default iconLoading;

package/lib/SideTip/IconLoading.js

@@ -32,8 +32,9 @@ __export(IconLoading_exports, {
   default: () => IconLoading_default
 });
 module.exports = __toCommonJS(IconLoading_exports);
-var import_icons = __toESM(require("@ant-design/icons"));
-var LoadingSvg = () => /* @__PURE__ */ React.createElement(
+var import_react = __toESM(require("react"));
+var import_icons = __toESM(require("@oceanbase/icons"));
+var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
     version: "1.1",
@@ -47,7 +48,7 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
     viewBox: "3 3 34 34",
     preserveAspectRatio: "xMinYMin meet"
   },
-  /* @__PURE__ */ React.createElement(
+  /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
       strokeWidth: "1",
@@ -55,7 +56,7 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
       d: "M5.203,20\n			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z",
       transform: "rotate(278.217 20 20)"
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -71,5 +72,5 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
     )
   )
 );
-var iconLoading = (props) => /* @__PURE__ */ React.createElement(import_icons.default, { component: LoadingSvg, ...props });
+var iconLoading = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: LoadingSvg, ...props });
 var IconLoading_default = iconLoading;

package/lib/SideTip/index.js

@@ -32,7 +32,7 @@ __export(SideTip_exports, {
   default: () => SideTip_default
 });
 module.exports = __toCommonJS(SideTip_exports);
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));

package/lib/TaskGraph/index.js

@@ -32,7 +32,7 @@ __export(TaskGraph_exports, {
   default: () => TaskGraph_default
 });
 module.exports = __toCommonJS(TaskGraph_exports);
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));

package/lib/TreeSearch/index.js

@@ -32,7 +32,7 @@ __export(TreeSearch_exports, {
   default: () => TreeSearch_default
 });
 module.exports = __toCommonJS(TreeSearch_exports);
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_react = __toESM(require("react"));
 var import_util = require("./util");

package/lib/TreeSearch/util.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Node, TreeNode } from '.';
 /** 根据 key 判断节点是否为叶子节点 */
 export declare const isLeaf: (node: TreeNode) => boolean;

package/lib/Welcome/index.js

@@ -32,7 +32,7 @@ __export(Welcome_exports, {
   default: () => Welcome_default
 });
 module.exports = __toCommonJS(Welcome_exports);
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "OceanBase",
@@ -36,10 +36,10 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.9.1",
-    "@ant-design/icons": "^4.2.1",
     "@ant-design/pro-components": "^2.4.12",
-    "@oceanbase/design": "^0.2.2",
-    "@oceanbase/util": "^0.2.1",
+    "@oceanbase/design": "^0.2.4",
+    "@oceanbase/icons": "^0.2.1",
+    "@oceanbase/util": "^0.2.2",
     "ahooks": "^2.10.0",
     "classnames": "^2.2.6",
     "dayjs": "^1.11.6",
@@ -67,5 +67,5 @@
     "react-dom": "^16.9.0",
     "react-router-dom": ">=5.2.0"
   },
-  "gitHead": "2bc94e6eb09382e6749a9c1b71e85aa3d4ece7b1"
+  "gitHead": "1d271a0b8bfe3d9412495d63fa581a1eb9231ed9"
 }