@pisell/materials 6.0.18 → 6.0.20

package/lib/components/page/index.js

@@ -83,7 +83,7 @@ var Page = (props) => {
         token: {
           ...props.theme.token,
           // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
-          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#7F56D9"
+          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#5D3F9F"
         }
       };
     }
@@ -120,10 +120,10 @@ var Page = (props) => {
           colorErrorBg: "#FEF3F2",
           colorErrorBorderHover: "#FDA29B",
           colorErrorOutline: "rgba(217, 45, 32, 0.06)",
-          colorLink: "#175CD3",
-          colorLinkActive: "#194185",
-          colorLinkHover: "#1849A9",
-          // colorPrimaryActive: '#7f56d9',
+          colorLink: "#7F56DA",
+          colorLinkActive: "#5F3DA8",
+          colorLinkHover: "#6D48C4",
+          // colorPrimaryActive: '#5D3F9F',
           // colorPrimaryBorder: '#E9D7FE',
           colorText: "#344054",
           colorTextDisabled: "#D0D5DD",
@@ -170,59 +170,25 @@ var Page = (props) => {
         Select: {
           fontSizeIcon: 16
           // "lineHeight": 1
+        },
+        Menu: {
+          subMenuItemSelectedColor: "#9976e3"
         }
       },
       token: {
-        colorPrimary: themeColor || "#7F56D9",
-        // colorPrimaryBg: '#F9F5FF',
-        // colorPrimaryBgHover: '#F4EBFF',
-        // colorPrimaryBorder: '#E9D7FE',
-        // colorPrimaryBorderHover: '#D6BBFB',
-        // colorPrimaryHover: '#6941C6',
-        // colorPrimaryActive: '#53389E',
-        // colorPrimaryTextHover: '#53389E',
-        // colorPrimaryText: '#6941C6',
-        // colorPrimaryTextActive: '#42307D',
-        colorSuccess: "#079455",
-        colorSuccessBg: "#ECFDF3",
-        colorSuccessBgHover: "#DCFAE6",
-        colorSuccessBorder: "#ABEFC6",
-        colorSuccessBorderHover: "#75E0A7",
-        colorSuccessHover: "#067647",
-        colorSuccessText: "#067647",
-        colorSuccessActive: "#085D3A",
-        colorSuccessTextHover: "#085D3A",
-        colorSuccessTextActive: "#074D31",
-        colorWarning: "#dc6803",
-        colorWarningBg: "#FFFAEB",
-        colorWarningBgHover: "#FEF0C7",
-        colorWarningBorder: "#FEDF89",
-        colorWarningBorderHover: "#FEC84B",
-        colorWarningHover: "#B54708",
-        colorWarningText: "#B54708",
-        colorWarningActive: "#93370D",
-        colorWarningTextHover: "#93370D",
-        colorWarningTextActive: "#7A2E0E",
-        colorError: "#d92d20",
-        colorErrorBg: "#FEF3F2",
-        colorErrorBgHover: "#FEE4E2",
-        colorErrorBorder: "#FECDCA",
-        colorErrorBorderHover: "#FDA29B",
-        colorErrorHover: "#B42318",
-        colorErrorText: "#B42318",
-        colorErrorActive: "#912018",
-        colorErrorTextHover: "#912018",
-        colorErrorTextActive: "#7A271A",
-        colorInfo: "#1570ef",
-        colorInfoBg: "#EFF8FF",
-        colorInfoBgHover: "#D1E9FF",
-        colorInfoBorder: "#B2DDFF",
-        colorInfoBorderHover: "#84CAFF",
-        colorInfoHover: "#175CD3",
-        colorInfoText: "#175CD3",
-        colorInfoActive: "#1849A9",
-        colorInfoTextHover: "#1849A9",
-        colorInfoTextActive: "#194185",
+        colorPrimary: themeColor || "#5D3F9F",
+        colorPrimaryBg: "#eee5ff",
+        colorPrimaryBgHover: "#e4d9fc",
+        colorPrimaryBorder: "#d4c3f7",
+        colorSuccess: "#5f9e3f",
+        colorInfo: "#5d3f9f",
+        colorError: "#f5222d",
+        colorSuccessBg: "#e5fcd9",
+        colorSuccessBgHover: "#d5f7c3",
+        // 链接色
+        colorLink: "#7F56DA",
+        colorLinkActive: "#5F3DA8",
+        colorLinkHover: "#6D48C4",
         colorText: "#101828",
         colorTextSecondary: "#475467",
         colorTextTertiary: "#667085",
@@ -245,7 +211,7 @@ var Page = (props) => {
     var _a2;
     return (0, import_date_picker.createTheme)({
       palette: {
-        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#7F56D9" }
+        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#5D3F9F" }
       }
     });
   }, [platform, themeColor]);
@@ -271,17 +237,23 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(import_VariablesProvider.default, { variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {} }, /* @__PURE__ */ import_react.default.createElement(
-          "div",
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+          import_VariablesProvider.default,
           {
-            style: {
-              ...style,
-              "--theme-color": themeColor || "#7F56D9"
-            },
-            className
+            variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}
           },
-          children
-        )))))
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                ...style,
+                "--theme-color": themeColor || "#5D3F9F"
+              },
+              className
+            },
+            children
+          )
+        ))))
       )
     )
   );

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface Option {
+    id: string | number;
+    name: React.ReactNode;
+}
+export interface PisellAnchorProps {
+    options?: Option[];
+    tab?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (key: string | number) => void;
+    onTabClick?: () => void;
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
+     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
+     * @default 'pc'
+     */
+    platform?: 'pc' | 'h5';
+}
+declare const PisellAnchor: React.ForwardRefExoticComponent<PisellAnchorProps & React.RefAttributes<any>>;
+export default PisellAnchor;

package/lib/components/pisellAnchor/index.js

@@ -0,0 +1,251 @@
+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/pisellAnchor/index.tsx
+var pisellAnchor_exports = {};
+__export(pisellAnchor_exports, {
+  default: () => pisellAnchor_default
+});
+module.exports = __toCommonJS(pisellAnchor_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var import_ChevronLeft = __toESM(require("@pisell/icon/es/ChevronLeft"));
+var import_ChevronRight = __toESM(require("@pisell/icon/es/ChevronRight"));
+var import_index = require("./index.less");
+var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    options = [],
+    tab,
+    className,
+    style,
+    onChange,
+    onTabClick,
+    containerRef,
+    platform = "pc"
+  } = props;
+  const contentRef = (0, import_react.useRef)(null);
+  const scrollTimeoutRef = (0, import_react.useRef)(null);
+  const isClickScrolling = (0, import_react.useRef)(false);
+  const clickedTabRef = (0, import_react.useRef)(null);
+  const [leftWidth, setLeftWidth] = (0, import_react.useState)(0);
+  const [rightWidth, setRightWidth] = (0, import_react.useState)(40);
+  const [showButtons, setShowButtons] = (0, import_react.useState)(false);
+  const [hoveredTab, setHoveredTab] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (contentRef.current) {
+      const { scrollWidth, clientWidth } = contentRef.current;
+      setShowButtons(scrollWidth > clientWidth);
+    }
+  }, [options]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+    };
+  }, []);
+  const { run: onScrollDebounced } = (0, import_ahooks.useDebounceFn)(
+    (e) => {
+      const { scrollLeft, scrollWidth, clientWidth } = e.target;
+      setLeftWidth(scrollLeft > 0 ? 40 : 0);
+      setRightWidth(scrollLeft + clientWidth >= scrollWidth ? 0 : 40);
+    },
+    { wait: 200 }
+  );
+  const { run: handleScrollThrottled } = (0, import_ahooks.useThrottleFn)(
+    () => {
+      if (isClickScrolling.current) return;
+      if (!(containerRef == null ? void 0 : containerRef.current)) return;
+      const container = containerRef.current;
+      const headerHeight = 65;
+      const containerRect = container.getBoundingClientRect();
+      const scrollTop = container.scrollTop;
+      const containerHeight = containerRect.height;
+      const scrollHeight = container.scrollHeight;
+      const isAtBottom = scrollTop + containerHeight >= scrollHeight - 50;
+      if (isAtBottom) {
+        const lastOption = options[options.length - 1];
+        if (tab !== lastOption.id && lastOption.id !== clickedTabRef.current) {
+          onChange == null ? void 0 : onChange(lastOption.id);
+        }
+        return;
+      }
+      let closestOption = null;
+      let minDistance = Infinity;
+      for (const option of options) {
+        const elementById = document.getElementById(option.id);
+        const elementByDataAttr = document.querySelector(`[data-section="${option.id}"]`);
+        const element = elementById || elementByDataAttr;
+        if (element) {
+          const htmlElement = element;
+          const elementOffsetTop = htmlElement.offsetTop;
+          const elementHeight = htmlElement.offsetHeight;
+          const elementTopRelativeToViewport = elementOffsetTop - scrollTop;
+          const isTopVisible = elementTopRelativeToViewport >= headerHeight && elementTopRelativeToViewport <= containerHeight;
+          const isBottomVisible = elementTopRelativeToViewport + elementHeight >= headerHeight && elementTopRelativeToViewport + elementHeight <= containerHeight;
+          const isElementPartiallyVisible = isTopVisible || isBottomVisible || elementTopRelativeToViewport < headerHeight && elementTopRelativeToViewport + elementHeight > containerHeight;
+          const distance = Math.abs(elementTopRelativeToViewport - headerHeight);
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestOption = option;
+          }
+        }
+      }
+      if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && minDistance < 50) {
+        onChange == null ? void 0 : onChange(closestOption.id);
+      }
+    },
+    { wait: 150 }
+  );
+  (0, import_react.useEffect)(() => {
+    if (!(containerRef == null ? void 0 : containerRef.current)) return;
+    const handleScroll = () => {
+      if (!isClickScrolling.current) {
+        handleScrollThrottled();
+      }
+    };
+    const container = containerRef.current;
+    container.addEventListener("scroll", handleScroll);
+    return () => {
+      container.removeEventListener("scroll", handleScroll);
+    };
+  }, [handleScrollThrottled]);
+  const handleOptionClick = (item) => {
+    console.log("PisellAnchor: Tab clicked", item.id);
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    onChange == null ? void 0 : onChange(item.id);
+    onTabClick == null ? void 0 : onTabClick();
+    const elementById = document.getElementById(String(item.id));
+    const elementByDataAttr = document.querySelector(`[data-section="${String(item.id)}"]`);
+    const element = elementById || elementByDataAttr;
+    console.log("PisellAnchor: Target element found?", !!element);
+    console.log("PisellAnchor: Container ref exists?", !!(containerRef == null ? void 0 : containerRef.current));
+    if (element && (containerRef == null ? void 0 : containerRef.current)) {
+      isClickScrolling.current = true;
+      clickedTabRef.current = item.id;
+      requestAnimationFrame(() => {
+        if (!(containerRef == null ? void 0 : containerRef.current)) return;
+        const htmlElement = element;
+        const headerHeight = 65;
+        const elementOffsetTop = htmlElement.offsetTop;
+        console.log("PisellAnchor: Scrolling using offsetTop", {
+          elementOffsetTop,
+          targetScrollTop: elementOffsetTop - headerHeight
+        });
+        containerRef.current.scrollTo({
+          top: elementOffsetTop - headerHeight,
+          behavior: "smooth"
+        });
+        setTimeout(() => {
+          if (!(containerRef == null ? void 0 : containerRef.current)) return;
+          containerRef.current.scrollTo({
+            top: elementOffsetTop - headerHeight,
+            behavior: "auto"
+            // 使用即时滚动确保位置准确
+          });
+        }, 300);
+      });
+      scrollTimeoutRef.current = setTimeout(() => {
+        isClickScrolling.current = false;
+        clickedTabRef.current = null;
+      }, 1e3);
+    } else {
+      console.warn("PisellAnchor: Cannot scroll, element or container not found", {
+        elementId: item.id,
+        elementByIdExists: !!elementById,
+        elementByDataAttrExists: !!elementByDataAttr,
+        containerExists: !!(containerRef == null ? void 0 : containerRef.current)
+      });
+    }
+  };
+  const onPageChange = (type) => {
+    if (contentRef.current) {
+      const { scrollLeft, clientWidth } = contentRef.current;
+      const newScrollLeft = scrollLeft + (type === "left" ? -clientWidth : clientWidth);
+      contentRef.current.scrollTo({
+        left: newScrollLeft,
+        behavior: "smooth"
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-anchor-tabs", className), style }, showButtons && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-anchor-tabs-btn-left",
+      style: { width: leftWidth },
+      onClick: () => onPageChange("left")
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_ChevronLeft.default, { className: "pisell-anchor-tabs-btn-icon" })
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: contentRef,
+      className: "pisell-anchor-tabs-content",
+      id: `tab-${tab}-content`,
+      onScroll: onScrollDebounced
+    },
+    options.map((item) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: item.id,
+        id: `tab-${item.id}`,
+        className: (0, import_classnames.default)("pisell-anchor-tabs-tab", {
+          "pisell-anchor-tabs-tab-active": tab === item.id
+        }),
+        onClick: () => {
+          console.log("PisellAnchor: Tab div clicked", item.id);
+          handleOptionClick(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: "pisell-anchor-tabs-tab-content",
+          onClick: (e) => {
+            e.stopPropagation();
+            console.log("PisellAnchor: Tab span clicked", item.id);
+            handleOptionClick(item);
+          }
+        },
+        item.name
+      )
+    ))
+  ), showButtons && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-anchor-tabs-btn-right",
+      style: { width: rightWidth },
+      onClick: () => onPageChange("right")
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "pisell-anchor-tabs-btn-icon" })
+  ));
+});
+var pisellAnchor_default = PisellAnchor;

package/lib/components/pisellAnchor/index.less

@@ -0,0 +1,197 @@
+.pisell-anchor-containers {
+  // display: flex;
+  // align-items: center;
+  // background-color: #fff;
+  // height: 40px;
+  .pisell-lowcode-anchor-wrapper {
+    &::before {
+      content: '';
+      display: none;
+    }
+    .pisell-lowcode-anchor {
+      height: 40px;
+      border-bottom: none !important;
+      background-color: #fff;
+
+      .pisell-lowcode-anchor-ink {
+        display: none;
+      }
+
+      .pisell-lowcode-anchor-link {
+        height: 100%;
+        padding: 0 16px;
+        display: flex;
+        align-items: center;
+
+        &-title {
+          color: var(--Gray-900, #101828);
+          font-family: Inter;
+          font-size: 16px;
+          font-weight: 600;
+          line-height: 40px;
+        }
+      }
+
+      .pisell-lowcode-anchor-link-active {
+        border-radius: 100px;
+        background: var(--theme-color, #7f56d9);
+        height: 40px;
+
+        .pisell-lowcode-anchor-link-title {
+          color: var(--White, #fff);
+          line-height: 40px;
+        }
+      }
+    }
+  }
+  .pisell-anchor-scroll {
+    height: 40px;
+    flex: 1;
+    overflow-x: auto;
+
+    // 隐藏滚动条 - Firefox
+    scrollbar-width: none;
+
+    // 隐藏滚动条 - IE and Edge
+    -ms-overflow-style: none;
+
+    // 隐藏滚动条 - Chrome, Safari, Opera
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  .pisell-anchor-buttons {
+    display: flex;
+    gap: 8px;
+    margin-left: 16px;
+
+    .scroll-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      border: 1px solid #d9d9d9;
+      border-radius: 4px;
+      background: white;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover:not(.disabled) {
+        color: #1890ff;
+        border-color: #1890ff;
+      }
+
+      &.disabled {
+        color: #d9d9d9;
+        cursor: not-allowed;
+        background: #f5f5f5;
+      }
+    }
+  }
+}
+
+.pisell-anchor-tabs {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  font-size: 17px;
+  font-weight: 400;
+  color: #0d1619;
+  cursor: default;
+  position: relative;
+
+  .pisell-anchor-tabs-btn-left,
+  .pisell-anchor-tabs-btn-right {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0.8) 100%);
+    cursor: pointer;
+    transition: width 300ms ease;
+    user-select: none;
+
+    .pisell-anchor-tabs-btn-icon {
+      width: 24px;
+      height: 24px;
+      background: #f1f1f1;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #262626;
+      font-size: 20px;
+    }
+  }
+
+  .pisell-anchor-tabs-btn-left {
+    left: 0;
+    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
+  }
+
+  .pisell-anchor-tabs-btn-right {
+    right: 0;
+    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
+  }
+
+  .pisell-anchor-tabs-content {
+    flex: 1;
+    display: flex;
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    padding: 0;
+    gap: 16px;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .pisell-anchor-tabs-tab {
+      flex: 0 0 auto;
+      padding: 0 16px;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: all 0.3s;
+      height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      border-radius: 100px;
+
+      &:hover:not(.pisell-anchor-tabs-tab-active) {
+        color: var(--theme-color, #7f56d9);
+      }
+
+      &.pisell-anchor-tabs-tab-active {
+        color: #fff;
+        font-weight: 600;
+        background-color: var(--theme-color, #7f56d9);
+      }
+
+      .pisell-anchor-tabs-tab-content {
+        line-height: 24px;
+      }
+    }
+  }
+}
+
+.pisell-anchor {
+  border-bottom: 1px solid #EAECF0;
+
+  &.pisell-anchor-no-border {
+    border-bottom: none;
+  }
+}

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -88,12 +88,31 @@ var PisellNavigationMenu = ({
       onAddPage == null ? void 0 : onAddPage(item);
     }
   }, []);
+  const tagTextMap = (0, import_react.useMemo)(() => {
+    return {
+      base: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-base"),
+        color: "#7f56d9"
+      },
+      pisellV1: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-pisell1"),
+        color: "#ee837a"
+      }
+    };
+  }, []);
   const renderMenuItem = (0, import_react.useCallback)(
     (itemProps) => {
+      var _a, _b;
       const { item } = itemProps;
-      const { allowEdit = true, allowDelete: allowDelete2 = true, allowAddChild: allowAddChild2 = true, allowAddSubmenu = true, allowAddPage = true } = item;
+      const {
+        allowEdit = true,
+        allowDelete: allowDelete2 = true,
+        allowAddChild: allowAddChild2 = true,
+        allowAddSubmenu = true,
+        allowAddPage = true
+      } = item;
       const isShowAddButton = item.isGroup && allowAddChild2 && (allowAddSubmenu || allowAddPage);
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, !item.isGroup && item.version && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, allowEdit && /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, item.source && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_a = tagTextMap[item.source]) == null ? void 0 : _a.color }, ((_b = tagTextMap[item.source]) == null ? void 0 : _b.text) || ""), !item.isGroup && item.version && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, "v", item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, allowEdit && /* @__PURE__ */ import_react.default.createElement(
         import_button.default,
         {
           type: "text",
@@ -114,7 +133,9 @@ var PisellNavigationMenu = ({
             items: [
               allowAddSubmenu && {
                 key: "add-child",
-                label: (0, import_locales.getText)("pisell-lowcode-navigation-menu-add-sub-menu"),
+                label: (0, import_locales.getText)(
+                  "pisell-lowcode-navigation-menu-add-sub-menu"
+                ),
                 onClick: () => handleClick("add-child", item)
               },
               allowAddPage && {

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface PisellQrcodeProps {
+    size?: number;
+    platform: 'pc' | 'h5' | 'ipad';
+    value: string;
+    className: string;
+}
+declare const PisellQrcode: React.FC<PisellQrcodeProps>;
+export default PisellQrcode;