@pisell/materials 1.0.215 → 1.0.217

package/lib/components/input-number-range/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { InputNumberProps } from "antd/es/input-number";
+declare type ValueType = {
+    max: number;
+    min: number;
+};
+declare type InputNumberRangeProps = {
+    value?: ValueType;
+    onChange?: (value: ValueType) => void;
+    minInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
+    maxInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
+    separator?: React.ReactNode;
+};
+declare const InputNumberRange: React.FC<InputNumberRangeProps>;
+export default InputNumberRange;

package/lib/components/input-number-range/index.js

@@ -0,0 +1,73 @@
+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/components/input-number-range/index.tsx
+var input_number_range_exports = {};
+__export(input_number_range_exports, {
+  default: () => input_number_range_default
+});
+module.exports = __toCommonJS(input_number_range_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var defaultValue = {
+  max: 0,
+  min: 0
+};
+var InputNumberRange = (props) => {
+  const { minInputNumberProps, maxInputNumberProps, separator = "-" } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props, {
+    defaultValue
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      ...minInputNumberProps,
+      value: state == null ? void 0 : state.min,
+      onChange: (val) => {
+        setState({
+          ...state,
+          min: val || 0
+        });
+      }
+    }
+  ), separator, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      ...maxInputNumberProps,
+      value: state == null ? void 0 : state.max,
+      onChange: (val) => {
+        setState({
+          ...state,
+          max: val || 0
+        });
+      }
+    }
+  ));
+};
+var input_number_range_default = InputNumberRange;

package/lib/components/list/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const List: {
+    (props: any): React.JSX.Element;
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+};
+export default List;

package/lib/components/list/index.js

@@ -0,0 +1,134 @@
+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/components/list/index.tsx
+var list_exports = {};
+__export(list_exports, {
+  default: () => list_default
+});
+module.exports = __toCommonJS(list_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_Pagination = __toESM(require("../Pagination"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var downArrow = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}list-arrow-wrap ${prefix}list-arrow-down` }, /* @__PURE__ */ import_react.default.createElement(import_icons.DoubleRightOutlined, { style: { transform: "rotate(90deg)" } }));
+var upArrow = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}list-arrow-wrap ${prefix}list-arrow-up` }, /* @__PURE__ */ import_react.default.createElement(import_icons.DoubleRightOutlined, { style: { transform: "rotate(-90deg)" } }));
+var List = (props) => {
+  const {
+    className,
+    paginationType,
+    pagination,
+    footer,
+    header,
+    listHeight,
+    loadMoreData,
+    arrow,
+    ...others
+  } = props;
+  const listRef = (0, import_react.useRef)(null);
+  const scrollListId = (0, import_react.useMemo)(() => {
+    return `scrollableDiv-${(0, import_utils.getUniqueId)()}`;
+  }, []);
+  const position = (0, import_ahooks.useScroll)(listRef);
+  const isShowDownArrow = (0, import_react.useMemo)(() => {
+    var _a, _b;
+    return arrow && (listRef == null ? void 0 : listRef.current) && ((position == null ? void 0 : position.top) || 0) + ((_a = listRef == null ? void 0 : listRef.current) == null ? void 0 : _a.clientHeight) < ((_b = listRef.current) == null ? void 0 : _b.scrollHeight);
+  }, [position, arrow]);
+  const isShowUpArrow = (0, import_react.useMemo)(() => {
+    return arrow && ((position == null ? void 0 : position.top) || 0) > 0;
+  }, [position, arrow]);
+  const _footer = (0, import_react.useMemo)(() => {
+    if (!(pagination && paginationType === "default") && !footer) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, pagination && paginationType === "default" && /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { showLessItems: true, ...pagination }), footer);
+  }, [pagination, footer]);
+  const list = (0, import_react.useMemo)(() => {
+    var _a, _b;
+    if (paginationType === "scroll") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-list-wrap` }, header && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          id: scrollListId,
+          ref: listRef,
+          style: {
+            height: listHeight || 400,
+            overflow: "auto"
+          }
+        },
+        isShowUpArrow && upArrow,
+        /* @__PURE__ */ import_react.default.createElement(
+          import_react_infinite_scroll_component.default,
+          {
+            dataLength: props.dataSource.length,
+            next: loadMoreData,
+            hasMore: props.dataSource.length < ((pagination == null ? void 0 : pagination.total) || 999999),
+            loader: props.dataSource.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Skeleton,
+              {
+                avatar: true,
+                paragraph: { rows: 1 },
+                active: true,
+                className: `${prefix}scroll-skeleton`
+              }
+            ),
+            scrollableTarget: scrollListId
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.List,
+            {
+              ...others,
+              className: (0, import_classnames.default)(className, {
+                [`${prefix}list-one-line-wrap`]: (_a = props == null ? void 0 : props.grid) == null ? void 0 : _a.oneLine
+              })
+            }
+          )
+        ),
+        isShowDownArrow && downArrow
+      ), _footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        ...props,
+        className: (0, import_classnames.default)(className, {
+          [`${prefix}list-one-line-wrap`]: (_b = props == null ? void 0 : props.grid) == null ? void 0 : _b.oneLine
+        })
+      }
+    );
+  }, [props, _footer, isShowDownArrow, isShowUpArrow]);
+  return list;
+};
+List.Item = import_antd.List.Item;
+var list_default = List;

package/lib/components/list/index.less

@@ -0,0 +1,38 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-list-one-line-wrap {
+    .pisell-lowcode-row {
+      flex-flow: row nowrap;
+      overflow: auto;
+      & > div {
+        flex-shrink: 0;
+      }
+    }
+  }
+  &-scroll-list-wrap {
+    position: relative;
+  }
+  &-list-arrow-wrap {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.05);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #0B5FDB;
+  }
+  &-list-arrow-down {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: rotateX(-50%);
+  }
+  &-list-arrow-up {
+    position: absolute;
+    top: 20px;
+    left: 50%;
+    transform: rotateX(-50%);
+  }
+}

package/lib/components/lowCodePage/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare type LowCodePageProps = {
+    id: number;
+};
+declare const LowCodePage: (props: LowCodePageProps) => React.JSX.Element;
+export default LowCodePage;

package/lib/components/lowCodePage/index.js

@@ -0,0 +1,48 @@
+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/components/lowCodePage/index.tsx
+var lowCodePage_exports = {};
+__export(lowCodePage_exports, {
+  default: () => lowCodePage_default
+});
+module.exports = __toCommonJS(lowCodePage_exports);
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils = require("@pisell/utils");
+var LowCodePage = (props) => {
+  var _a;
+  const { id, ...others } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { RenderLowCodeByKey, getRenderLowCodeByKey } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const Com = (0, import_utils.isFunction)(getRenderLowCodeByKey) ? getRenderLowCodeByKey() : RenderLowCodeByKey;
+  if (!Com)
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "RenderLowCodeByKey is not found");
+  return /* @__PURE__ */ import_react.default.createElement(Com, { ...others, id, key: id });
+};
+var lowCodePage_default = LowCodePage;

package/lib/components/page/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { ConfigProviderProps } from "../config-provider";
 interface PageProps extends ConfigProviderProps {
 }
-declare const Page: (props: PageProps) => JSX.Element;
+declare const Page: (props: PageProps) => React.JSX.Element;
 export default Page;

package/lib/components/page/index.js

@@ -36,6 +36,17 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
 var import_date_picker = require("@pisell/date-picker");
+var import_en_US = __toESM(require("antd/locale/en_US"));
+var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
+var import_zh_TW = __toESM(require("antd/locale/zh_TW"));
+var import_zh_HK = __toESM(require("antd/locale/zh_HK"));
+var localMap = {
+  "zh-TW": import_zh_TW.default,
+  "zh-CN": import_zh_CN.default,
+  "zh-HK": import_zh_HK.default,
+  "en-US": import_en_US.default,
+  en: import_en_US.default
+};
 var theme = {
   components: {
     Table: {
@@ -182,16 +193,42 @@ var datePickerTheme = (0, import_date_picker.createTheme)({
     primary: { main: ((_a = theme.token) == null ? void 0 : _a.colorPrimary) || "#7F56D9" }
   }
 });
+var localeDateMap = {
+  "en-US": {
+    adapterLocale: "en"
+  },
+  "en": {
+    adapterLocale: "en"
+  },
+  "zh-TW": {
+    adapterLocale: "zh-tw"
+  },
+  "zh-HK": {
+    adapterLocale: "zh-tw"
+  },
+  "zh-CN": {
+    adapterLocale: "zh-cn"
+  }
+};
 var Page = (props) => {
-  const { children, style, ...others } = props;
+  var _a2;
+  const { children, style, locale, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
       ...others,
+      locale: localMap[locale],
       prefixCls: props.prefixCls || "pisell-lowcode",
       theme: props.theme || theme
     },
-    /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children)))
+    /* @__PURE__ */ import_react.default.createElement(
+      import_date_picker.LocalizationProvider,
+      {
+        dateAdapter: import_AdapterDayjs.AdapterDayjs,
+        adapterLocale: ((_a2 = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _a2.adapterLocale) || "en"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children))
+    )
   );
 };
 var page_default = Page;

package/lib/components/qrcode/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const QRCode: (props: any) => JSX.Element;
+import React from "react";
+declare const QRCode: (props: any) => React.JSX.Element;
 export default QRCode;

package/lib/components/radio/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<any>>;
+declare const Radio: (props: any) => import("react").JSX.Element;
 export default Radio;

package/lib/components/record-view/index.less

@@ -33,6 +33,8 @@
   }
   &-modal-header {
     padding: 12px 20px;
+    position: relative;
+    z-index: 2;
   }
   &-close-icon {
     font-size: 18px;

package/lib/components/select/index.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-declare const Select: import("react").ForwardRefExoticComponent<Omit<import("antd").SelectProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
-    children?: import("react").ReactNode;
-} & {
-    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-}, "ref"> & import("react").RefAttributes<any>>;
+import "./index.less";
+declare const Select: (props: any) => import("react").JSX.Element;
 export default Select;

package/lib/components/select/index.js

@@ -23,6 +23,72 @@ __export(select_exports, {
 });
 module.exports = __toCommonJS(select_exports);
 var import_antd = require("antd");
+var import_react = require("react");
+var import_locales = require("../../locales");
 var import_hoc = require("../../utils/hoc");
-var Select = (0, import_hoc.withWrap)(import_antd.Select);
+var import_ahooks = require("ahooks");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var SelectBase = (props) => {
+  const {
+    isShowDropdown,
+    selectAll,
+    mode,
+    options,
+    dropdownRender: propsDropdownRender
+  } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props);
+  const onSelectAllChange = (0, import_ahooks.useMemoizedFn)((e) => {
+    if (e.target.checked) {
+      setState(
+        options.map((item) => item.value),
+        options
+      );
+    } else {
+      setState([], []);
+    }
+  });
+  const isShowSelectAll = (0, import_react.useMemo)(() => {
+    return mode === "multiple" && isShowDropdown && selectAll;
+  }, [mode, selectAll, isShowDropdown]);
+  const checkboxChecked = (0, import_react.useMemo)(() => {
+    if (mode !== "multiple")
+      return false;
+    return (state == null ? void 0 : state.length) === (options == null ? void 0 : options.length) && state.sort().join("") === options.map((item) => item.value).sort().join("");
+  }, [state, options]);
+  const dropdownRender = (0, import_react.useCallback)(
+    propsDropdownRender ? propsDropdownRender : (originNode) => {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, originNode, isShowDropdown && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        import_antd.Divider,
+        {
+          className: `${prefix}select-dropdown-render-divider`
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${prefix}select-dropdown-render-options-wrap`
+        },
+        isShowSelectAll && /* @__PURE__ */ React.createElement(
+          import_antd.Checkbox,
+          {
+            onChange: onSelectAllChange,
+            checked: checkboxChecked
+          },
+          (0, import_locales.getText)("select-dropdown-render-select-all")
+        )
+      )));
+    },
+    [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender]
+  );
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Select,
+    {
+      ...props,
+      value: state,
+      onChange: (value, option) => setState(value, option),
+      dropdownRender
+    }
+  );
+};
+var Select = (0, import_hoc.withWrap)(SelectBase);
 var select_default = Select;

package/lib/components/select/index.less

@@ -0,0 +1,11 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-select-dropdown-render-divider {
+    margin: 8px 0;
+  }
+  &-select-dropdown-render-options-wrap {
+    padding: 0 5px 5px;
+  }
+}

package/lib/components/skeleton/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Skeleton: (props: any) => JSX.Element;
+declare const Skeleton: (props: any) => import("react").JSX.Element;
 export default Skeleton;

package/lib/components/slider/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SliderOuter: (props: any) => JSX.Element;
+import React from 'react';
+declare const SliderOuter: (props: any) => React.JSX.Element;
 export default SliderOuter;

package/lib/components/sort/components/InlineMenu/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { MenuProps } from "antd";
+import "./index.less";
+interface InlineMenuProps {
+    items: any[];
+    value?: [string, string];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+}
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+export default InlineMenu;

package/lib/components/sort/components/InlineMenu/index.js

@@ -0,0 +1,97 @@
+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/components/sort/components/InlineMenu/index.tsx
+var InlineMenu_exports = {};
+__export(InlineMenu_exports, {
+  default: () => InlineMenu_default
+});
+module.exports = __toCommonJS(InlineMenu_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var InlineMenu = (props) => {
+  const { items } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props);
+  const value = (0, import_react.useMemo)(() => {
+    return (state || "").split(":");
+  }, [state]);
+  const childItems = (0, import_react.useMemo)(() => {
+    var _a;
+    return ((_a = items.find((item) => {
+      var _a2;
+      return ((_a2 = item.key) == null ? void 0 : _a2.toString()) === (value == null ? void 0 : value[0]);
+    })) == null ? void 0 : _a.children) || items[0].children;
+  }, [value, items]);
+  const handleParentClick = (detail) => {
+    var _a;
+    const children = items.find((item) => {
+      var _a2, _b;
+      return ((_a2 = item.key) == null ? void 0 : _a2.toString()) === ((_b = detail.key) == null ? void 0 : _b.toString());
+    });
+    const defaultKey = children.children[0].key;
+    setState(((_a = detail.key) == null ? void 0 : _a.toString()) === value[0] ? "" : defaultKey, {
+      key: defaultKey,
+      item: children.children[0],
+      keyPath: [defaultKey, detail.key]
+    });
+  };
+  const handleChildrenClick = (detail) => {
+    var _a;
+    const parent = items.find(
+      (item) => item.children.some((c) => c.key === detail.key)
+    );
+    setState((_a = detail.key) == null ? void 0 : _a.toString(), {
+      key: detail.key,
+      item: detail.item,
+      keyPath: [detail.key, parent.key]
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}inline-menu-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      items: items.map((item) => ({
+        key: item.key,
+        label: /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}menu-item-label-wrap` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}menu-item-label` }, item.label), item.key === (value == null ? void 0 : value[0]) && /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null))
+      })),
+      onClick: handleParentClick,
+      selectedKeys: [value == null ? void 0 : value[0]]
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "6px 0" } }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      items: childItems,
+      onClick: handleChildrenClick,
+      selectedKeys: [state]
+    }
+  ));
+};
+var InlineMenu_default = InlineMenu;