@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

package/README.md

@@ -13,6 +13,12 @@ next 分支 storybook [next storybook]
 
 v3.x 分支 storybook [v3.x storybook]
 
+## 发版
+
+进入到 [Create Release PR](https://github.com/webzard-io/cloudtower-ui-kit/actions/workflows/create-publish-pr.yml) 的 workflow 界面
+
+详见 RELEASE.md
+
 ## 使用
 
 ```tsx
@@ -25,32 +31,28 @@ initParrotI18n();
 // Set Up Providers
 ReactDOM.render(
   <React.StrictMode>
-    <KitStoreProvider>
-      <UIKitProvider>
-        <App />
-      <UIKitProvider>
-    </KitStoreProvider>
+    <UIKitProvider>
+      <App />
+    <UIKitProvider>
   </React.StrictMode>,
   document.getElementById("root") as HTMLElement
 );
 ```
 
 ```tsx
-import { useUIKit } from "@cloudtower/eagle";
+import { Button } from "@cloudtower/eagle";
 import React, { useContext } from "react";
 
 const App = () => {
-  // Use Component
-  const kit = useUIKit();
   return (
     <div>
-      <kit.button
+      <Button
         onClick={() => {
           alert("hello");
         }}
       >
         say hello
-      </kit.button>
+      </Button>
     </div>
   );
 };
@@ -58,6 +60,40 @@ const App = () => {
 export default App;
 ```
 
+## AI / Agent 集成
+
+组件库提供了机器可读的文档和 Agent Skill，方便 AI coding agent 理解和使用组件。
+
+### Agent 友好文档
+
+文档随 npm 包发布，安装后位于 `node_modules/@cloudtower/eagle/docs/`：
+
+- `docs/llms.txt` -- 组件索引，按分类列出所有组件及一句话描述
+- `docs/<layer>/<组件名>/guide.md` -- 组件详细文档（Props、用法示例、常见模式）
+- `docs/<layer>/<组件名>/migrate-guide.md` -- 废弃组件迁移指南（在各废弃组件目录下）
+
+### Agent Skills
+
+Skill 遵循 [Agent Skills 开放标准](https://github.com/vercel-labs/skills)，兼容 Claude Code、Cursor、Copilot 等 40+ Agent 工具。
+
+| Skill | 说明 |
+|-------|------|
+| `cloudtower-eagle` | 消费侧：帮助 Agent 在业务项目中正确使用组件（组件选型、废弃迁移、使用模式） |
+| `cloudtower-eagle-dev` | 生产侧：帮助 Agent 参与组件库开发（编写文档、Props 变更同步、废弃组件流程） |
+
+安装：
+
+```bash
+# 查看可用 skill
+npx skills add webzard-io/cloudtower-ui-kit --list
+
+# 安装消费侧 skill（在业务项目中）
+npx skills add webzard-io/cloudtower-ui-kit --skill cloudtower-eagle
+
+# 安装生产侧 skill（组件库开发时）
+npx skills add webzard-io/cloudtower-ui-kit --skill cloudtower-eagle-dev
+```
+
 ## 如何 [贡献代码]
 
 - 快速开始

package/dist/__test__/mockLineChart.d.ts

@@ -0,0 +1,4 @@
+import { ILineChartMetric } from "../src/core/LineChart/type";
+declare const mockMetric2: ILineChartMetric;
+declare const mockMetric: ILineChartMetric;
+export { mockMetric, mockMetric2 };

package/dist/cjs/UIKitProvider/index.js

@@ -3,65 +3,67 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var parrot = require('@cloudtower/parrot');
-var index = require('../core/message/index.js');
-var antd = require('antd');
-var enUS = require('antd/lib/locale/en_US');
-var zhCN = require('antd/lib/locale/zh_CN');
+var message = require('../core/message/message.js');
+var legacyAntd = require('../legacy-antd.js');
+var _ = require('lodash');
 var React = require('react');
-var index$1 = require('../core/message-group/index.js');
+var index$1 = require('../core/ConfigProvider/index.js');
+var index = require('../core/message-group/index.js');
+var useMessage = require('../core/message/useMessage.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var enUS__default = /*#__PURE__*/_interopDefault(enUS);
-var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const kitContext = React.createContext({});
-const MessageContext = React.createContext(index.default);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const kitContext = React.createContext(legacyAntd.antdKit);
 const UIKitProvider = (props) => {
-  const {
-    children,
-    // kit = antdKit,
-    message,
-    lng = "en-US",
-    getPopupContainer
-  } = props;
+  const { children, kit = legacyAntd.antdKit, message: message$1, lng = "en-US", config } = props;
   const batchMessage = React.useMemo(() => {
-    if ((message == null ? void 0 : message.batch) != null) {
-      return index$1.createBatchMessageMethods(index.default, message.batch);
+    if ((message$1 == null ? void 0 : message$1.batch) != null) {
+      return index.createBatchMessageMethods(message.default, message$1.batch);
     }
-  }, [message == null ? void 0 : message.batch]);
+  }, [message$1 == null ? void 0 : message$1.batch]);
   const _kit = React.useMemo(() => {
-    return {
-      message: batchMessage != null ? batchMessage : index.default
-    };
-  }, [batchMessage]);
-  React.useEffect(() => {
-    index.default.config({
-      maxCount: message == null ? void 0 : message.maxCount
+    return __spreadProps(__spreadValues({}, kit), {
+      message: batchMessage != null ? batchMessage : message.default
     });
-  }, [message == null ? void 0 : message.maxCount]);
+  }, [batchMessage, kit]);
+  React.useEffect(() => {
+    message.default.config(__spreadProps(__spreadValues({}, _.omit(message$1, "batch")), {
+      configProviderProps: config
+    }));
+  }, [message$1, config]);
   React.useEffect(() => {
     if (parrot.parrotI18n.language !== lng) {
       parrot.parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
-    antd.ConfigProvider,
-    {
-      autoInsertSpaceInButton: false,
-      locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default,
-      getPopupContainer
-    },
-    children
-  )));
+  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(index$1.ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, children)));
 };
 var UIKitProvider$1 = UIKitProvider;
-const useMessage = () => {
-  return React.useContext(MessageContext);
+const useUIKit = () => {
+  return React.useContext(kitContext);
 };
 
-exports.MessageContext = MessageContext;
 exports.default = UIKitProvider$1;
 exports.kitContext = kitContext;
-exports.useMessage = useMessage;
+exports.useUIKit = useUIKit;

package/dist/cjs/antd.js

@@ -7,13 +7,17 @@ const ListItem = antd.List.Item;
 const MenuItemGroup = antd.Menu.ItemGroup;
 const SkeletonButton = antd.Skeleton.Button;
 const TabsTabPane = antd.Tabs.TabPane;
-const TimelineItem = antd.Timeline.Item;
+const AntdTimelineItem = antd.Timeline.Item;
 const TypographyText = antd.Typography.Text;
 const UploadDragger = antd.Upload.Dragger;
 const AntdOption = antd.Select.Option;
 const AntdSelectOptGroup = antd.Select.OptGroup;
 const AntdModal = antd.Modal;
 
+Object.defineProperty(exports, 'AntdAutoComplete', {
+  enumerable: true,
+  get: function () { return antd.AutoComplete; }
+});
 Object.defineProperty(exports, 'AntdBadge', {
   enumerable: true,
   get: function () { return antd.Badge; }
@@ -54,6 +58,10 @@ Object.defineProperty(exports, 'AntdSelect', {
   enumerable: true,
   get: function () { return antd.Select; }
 });
+Object.defineProperty(exports, 'AntdSkeleton', {
+  enumerable: true,
+  get: function () { return antd.Skeleton; }
+});
 Object.defineProperty(exports, 'AntdSteps', {
   enumerable: true,
   get: function () { return antd.Steps; }
@@ -70,6 +78,10 @@ Object.defineProperty(exports, 'AntdTimePicker', {
   enumerable: true,
   get: function () { return antd.TimePicker; }
 });
+Object.defineProperty(exports, 'AntdTimeline', {
+  enumerable: true,
+  get: function () { return antd.Timeline; }
+});
 Object.defineProperty(exports, 'AntdTooltip', {
   enumerable: true,
   get: function () { return antd.Tooltip; }
@@ -78,10 +90,6 @@ Object.defineProperty(exports, 'AntdTreeSelect', {
   enumerable: true,
   get: function () { return antd.TreeSelect; }
 });
-Object.defineProperty(exports, 'AutoComplete', {
-  enumerable: true,
-  get: function () { return antd.AutoComplete; }
-});
 Object.defineProperty(exports, 'Col', {
   enumerable: true,
   get: function () { return antd.Col; }
@@ -114,18 +122,10 @@ Object.defineProperty(exports, 'Row', {
   enumerable: true,
   get: function () { return antd.Row; }
 });
-Object.defineProperty(exports, 'Skeleton', {
-  enumerable: true,
-  get: function () { return antd.Skeleton; }
-});
 Object.defineProperty(exports, 'Tabs', {
   enumerable: true,
   get: function () { return antd.Tabs; }
 });
-Object.defineProperty(exports, 'Timeline', {
-  enumerable: true,
-  get: function () { return antd.Timeline; }
-});
 Object.defineProperty(exports, 'Tree', {
   enumerable: true,
   get: function () { return antd.Tree; }
@@ -141,11 +141,11 @@ Object.defineProperty(exports, 'Upload', {
 exports.AntdModal = AntdModal;
 exports.AntdOption = AntdOption;
 exports.AntdSelectOptGroup = AntdSelectOptGroup;
+exports.AntdTimelineItem = AntdTimelineItem;
 exports.DatePickerRangePicker = DatePickerRangePicker;
 exports.ListItem = ListItem;
 exports.MenuItemGroup = MenuItemGroup;
 exports.SkeletonButton = SkeletonButton;
 exports.TabsTabPane = TabsTabPane;
-exports.TimelineItem = TimelineItem;
 exports.TypographyText = TypographyText;
 exports.UploadDragger = UploadDragger;

package/dist/cjs/core/AccordionCard/index.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Card = /*#__PURE__*/react.styled('div')({
   name: "Card",
-  class: "E_c18gxmrl",
+  class: "E_0_0_0_theme_rc_1_c18gxmrl",
   propsAsIs: false
 });
 const CloseButton = props => {
@@ -40,12 +40,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = React.useState(defaultExpand);
   return /* @__PURE__ */React__default.default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs__default.default(active && "active", className)
   }, /* @__PURE__ */React__default.default.createElement("header", {
+    "data-testid": dataTestId ? `${dataTestId}-header` : void 0,
     onClick: () => setActive(!active),
     className: "show-close"
   }, typeof header === "function" ? header(active) : header), /* @__PURE__ */React__default.default.createElement(index, {

package/dist/cjs/core/Alert/alert.style.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const MessageWrapperStyle = "E_0_0_0_theme_rc_1_meo40fy";
+const AlertStyle = "E_0_0_0_theme_rc_1_a1ctixr3";
+
+exports.AlertStyle = AlertStyle;
+exports.MessageWrapperStyle = MessageWrapperStyle;

package/dist/cjs/core/Alert/index.js

@@ -1,9 +1,15 @@
 'use strict';
 
-var index = require('../Icon/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$1 = require('../Icon/index.js');
+var index = require('../Link/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
+var alert_style = require('./alert.style.js');
 var icon = require('../../utils/icon.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -17,69 +23,118 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
-    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  }
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
-  }
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
   return target;
 };
-const MessageWrapperStyle = "E_m74vjol";
-const AlertStyle = "E_a1o35uvh";
-const Alert = _a => {
-  var _b = _a,
-    {
-      type,
-      icon: icon$1,
-      showIcon = true,
-      className,
-      onClose,
-      closeText,
-      action,
-      message
-    } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
-  const _icon = /* @__PURE__ */React__default.default.createElement(index, {
-    alt: type,
-    src: icon.getAlertIcon(type)
-  });
-  const _type = type === "normal" ? "info" : type;
-  return /* @__PURE__ */React__default.default.createElement(antd.Alert, __spreadProps(__spreadValues({}, props), {
-    className: cs__default.default(AlertStyle, type ? `alert-${type}` : "", className, {
-      action
-    }),
-    type: _type,
-    message: /* @__PURE__ */React__default.default.createElement("div", {
-      className: MessageWrapperStyle
-    }, /* @__PURE__ */React__default.default.createElement("span", {
-      style: {
-        flex: 1
-      }
-    }, message), action ? /* @__PURE__ */React__default.default.createElement("span", {
-      className: cs__default.default("action")
-    }, action) : null),
-    icon: icon$1 || _icon,
-    showIcon,
+const Alert = (_a) => {
+  var _b = _a, {
+    type,
+    icon: icon$1,
+    showIcon = true,
+    className,
     onClose,
     closeText,
-    closable: !!onClose
-  }));
+    action,
+    message,
+    description,
+    closable,
+    expandConfig,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "type",
+    "icon",
+    "showIcon",
+    "className",
+    "onClose",
+    "closeText",
+    "action",
+    "message",
+    "description",
+    "closable",
+    "expandConfig",
+    "data-testid"
+  ]);
+  var _a2;
+  const { t } = useParrotTranslation();
+  const _icon = /* @__PURE__ */ React__default.default.createElement(index$1, { alt: type, src: icon.getAlertIcon(type) });
+  const _type = type === "normal" ? "info" : type;
+  const _closable = closable || Boolean(onClose) || Boolean(closeText);
+  const [internalExpanded, setInternalExpanded] = React.useState(
+    (_a2 = expandConfig == null ? void 0 : expandConfig.defaultExpanded) != null ? _a2 : false
+  );
+  const isControlled = (expandConfig == null ? void 0 : expandConfig.expanded) !== void 0;
+  const expanded = isControlled ? expandConfig.expanded : internalExpanded;
+  const handleToggle = React.useCallback(() => {
+    var _a3;
+    const next = !expanded;
+    if (!isControlled) {
+      setInternalExpanded(next);
+    }
+    (_a3 = expandConfig == null ? void 0 : expandConfig.onExpandChange) == null ? void 0 : _a3.call(expandConfig, next);
+  }, [expanded, isControlled, expandConfig == null ? void 0 : expandConfig.onExpandChange]);
+  const showExpandToggle = expandConfig && description;
+  const expandToggle = showExpandToggle ? /* @__PURE__ */ React__default.default.createElement(
+    index,
+    {
+      onClick: handleToggle,
+      "data-testid": "alert-expand-toggle",
+      suffixIcon: /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          src: expanded ? iconsReact.ArrowChevronUpSmall16BlueIcon : iconsReact.ArrowChevronDownSmall16BlueIcon
+        }
+      )
+    },
+    expanded ? t("components.alert_collapse") : t("components.alert_expand")
+  ) : null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Alert,
+    __spreadProps(__spreadValues({}, props), {
+      "data-testid": dataTestId,
+      className: cs__default.default(alert_style.AlertStyle, type ? `alert-${type}` : "", className, {
+        action: action || expandToggle
+      }),
+      type: _type,
+      message: /* @__PURE__ */ React__default.default.createElement("div", { className: alert_style.MessageWrapperStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: { flex: 1 } }, message, showExpandToggle && expanded ? /* @__PURE__ */ React__default.default.createElement("div", null, description) : null), action ? /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default("action") }, action) : null, expandToggle ? /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default("action") }, expandToggle) : null),
+      description: expandConfig ? void 0 : description,
+      icon: icon$1 || _icon,
+      showIcon,
+      onClose,
+      closeText: closeText || _closable && /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          src: iconsReact.XmarkRemove16RegularTertiaryCapsOffIcon,
+          hoverSrc: iconsReact.XmarkRemove16RegularPrimaryCapsOffIcon
+        }
+      ),
+      closable: _closable
+    })
+  );
 };
 var Alert$1 = Alert;
 
-module.exports = Alert$1;
+exports.AlertStyle = alert_style.AlertStyle;
+exports.MessageWrapperStyle = alert_style.MessageWrapperStyle;
+exports.default = Alert$1;

package/dist/cjs/core/Antd5Anchor/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var antd5 = require('antd5');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const Antd5Anchor = (props) => /* @__PURE__ */ React__default.default.createElement(antd5.Anchor, __spreadValues({}, props));
+Antd5Anchor.Link = antd5.Anchor.Link;
+var Antd5Anchor$1 = Antd5Anchor;
+
+module.exports = Antd5Anchor$1;

package/dist/cjs/core/Antd5Dropdown/Antd5Dropdown.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var antd5 = require('antd5');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const Antd5Dropdown = (props) => {
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Dropdown, __spreadValues({}, props));
+};
+
+exports.Antd5Dropdown = Antd5Dropdown;

package/dist/cjs/core/{SearchInput/index.js → Antd5Tree/Antd5Tree.js}

@@ -1,16 +1,18 @@
 'use strict';
 
-var icons = require('@ant-design/icons');
-var index = require('../Input/index.js');
-var _ = require('lodash');
+var core = require('@linaria/core');
+var antd5 = require('antd5');
 var React = require('react');
+var Antd5Tree_style = require('./Antd5Tree.style.js');
+var constants = require('../../utils/constants.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var ___default = /*#__PURE__*/_interopDefault(_);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -26,6 +28,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,18 +41,31 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const SearchInput = (props) => {
-  const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest(_a, ["onChange", "debounceWait"]);
-  const onSearch = ___default.default.debounce(onChange, debounceWait);
+const InternalAntd5Tree = React__default.default.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React__default.default.createElement(
-    index,
-    __spreadValues({
-      style: { width: 276 },
-      prefix: /* @__PURE__ */ React__default.default.createElement(icons.SearchOutlined, null),
-      onChange: (e) => onSearch(e.target.value)
-    }, restProps)
+    antd5.Tree,
+    __spreadProps(__spreadValues({}, props), {
+      className: core.cx(Antd5Tree_style.Antd5TreeStyle, className),
+      prefixCls: `${constants.Antd5PrefixCls}-tree`,
+      ref
+    })
   );
-};
-var SearchInput$1 = SearchInput;
+});
+const InternalAntd5DirectoryTree = React__default.default.forwardRef((_c, ref) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd5.Tree.DirectoryTree,
+    __spreadProps(__spreadValues({}, props), {
+      className: core.cx(Antd5Tree_style.Antd5TreeStyle, className),
+      prefixCls: `${constants.Antd5PrefixCls}-tree`,
+      ref
+    })
+  );
+});
+const Antd5Tree = Object.assign(InternalAntd5Tree, {
+  DirectoryTree: InternalAntd5DirectoryTree,
+  TreeNode: antd5.Tree.TreeNode
+});
 
-module.exports = SearchInput$1;
+exports.Antd5Tree = Antd5Tree;

package/dist/cjs/core/Antd5Tree/Antd5Tree.style.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const Antd5TreeStyle = "E_0_0_0_theme_rc_1_a712xr9";
+
+exports.Antd5TreeStyle = Antd5TreeStyle;