@pisell/materials 6.0.21 → 6.1.1

package/lib/components/pisellMenu/PisellMenu.d.ts

@@ -1,9 +1,11 @@
+import { Menu as AntdMenu } from 'antd';
 import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
-declare const PisellMenu: {
-    ({ className, style, mode, theme, defaultOpenKeys, defaultSelectedKeys, inlineCollapsed, openKeys, selectedKeys, onOpenChange, onSelect, dataSource, __designMode, children, other, ...restProps }: PisellMenuProps): JSX.Element;
-    Item: Omit<React.FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => React.ReactElement<any, any> | null);
-    SubMenu: React.FC<import("antd").SubMenuProps>;
+declare type PisellMenuComponent = React.FC<PisellMenuProps> & {
+    Item: typeof AntdMenu.Item;
+    SubMenu: typeof AntdMenu.SubMenu;
+    ItemGroup: typeof AntdMenu.ItemGroup;
 };
+declare const PisellMenu: PisellMenuComponent;
 export default PisellMenu;

package/lib/components/pisellMenu/PisellMenu.js

@@ -96,4 +96,5 @@ var PisellMenu = ({
 };
 PisellMenu.Item = import_antd.Menu.Item;
 PisellMenu.SubMenu = import_antd.Menu.SubMenu;
+PisellMenu.ItemGroup = import_antd.Menu.ItemGroup;
 var PisellMenu_default = PisellMenu;

package/lib/components/pisellMenu/types.d.ts

@@ -23,4 +23,5 @@ export interface MenuItemType {
     icon?: string | React.ReactNode;
     hide?: boolean;
     type?: 'group' | 'divider';
+    isGroup?: boolean;
 }

package/lib/components/pisellModal/components/MobileModal/index.less

@@ -17,14 +17,18 @@
       overflow: hidden;
       max-height: 90%;
       min-height: 200px;
+      display: flex;
+      flex-direction: column;
     }
     .pisell-lowcode-modal-content {
+      flex: 1;
       padding: 0;
       border-radius: 0;
       height: 100%;
       display: flex;
       flex-direction: column;
       max-height: none;
+      min-height: 200px;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -33,6 +33,8 @@ __export(PisellNavigationMenu_exports, {
 });
 module.exports = __toCommonJS(PisellNavigationMenu_exports);
 var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
 var import_pisellDropSort = __toESM(require("../pisellDropSort"));
 var import_pisellTags = __toESM(require("../pisellTags"));
 var import_icon = __toESM(require("../icon"));
@@ -40,7 +42,7 @@ var import_button = __toESM(require("../button"));
 var import_locales = require("../../locales");
 var import_antd = require("antd");
 var import_pisellEmpty = __toESM(require("../pisellEmpty"));
-var import_utils = require("./utils");
+var import_utils2 = require("./utils");
 var import_PisellNavigationMenu = require("./PisellNavigationMenu.less");
 var PisellNavigationMenu = ({
   value = [],
@@ -48,6 +50,7 @@ var PisellNavigationMenu = ({
   allowDelete = true,
   allowAddChild = true,
   allowAddRoot = true,
+  allowIsShow = true,
   disabled = false,
   spacing = 8,
   maxLevel = 3,
@@ -58,14 +61,23 @@ var PisellNavigationMenu = ({
   onAddPage,
   onEdit,
   onDelete,
+  onIsShow,
   __designMode,
-  title
+  title,
+  rightContent: propsRightContent,
+  getItemStyle: propsGetItemStyle,
+  canDrop,
+  indentationWidth = 24,
+  hideDescription,
+  showActionOnHover,
+  showTitleTags
 }) => {
   const convertToNavigationItems = (items2) => {
     return items2.map((item) => ({
       id: String(item.id),
       title: String(item.title || ""),
       path: String(item.path || "/"),
+      collapsed: item.collapsed,
       children: item.children ? convertToNavigationItems(item.children) : []
     }));
   };
@@ -94,25 +106,58 @@ var PisellNavigationMenu = ({
         text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-base"),
         color: "#7f56d9"
       },
+      proCode: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-proCode"),
+        color: "#1677ff"
+      },
       pisellV1: {
         text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-pisell1"),
         color: "#ee837a"
+      },
+      group: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-group"),
+        color: "#7f56d9"
+      },
+      subMenu: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-sub-menu"),
+        color: "#067647"
+      },
+      custom: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-custom"),
+        color: "#B54708"
       }
     };
   }, []);
   const renderMenuItem = (0, import_react.useCallback)(
     (itemProps) => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const { item } = itemProps;
       const {
         allowEdit = true,
         allowDelete: allowDelete2 = true,
         allowAddChild: allowAddChild2 = true,
         allowAddSubmenu = true,
-        allowAddPage = true
+        allowAddPage = true,
+        allowIsShow: allowIsShow2 = 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.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(
+      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" }, item.icon && /* @__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, showTitleTags && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, item.isGroup && item.is_top && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_a = tagTextMap["group"]) == null ? void 0 : _a.color }, ((_b = tagTextMap["group"]) == null ? void 0 : _b.text) || ""), item.isGroup && !item.is_top && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_c = tagTextMap["subMenu"]) == null ? void 0 : _c.color }, ((_d = tagTextMap["subMenu"]) == null ? void 0 : _d.text) || ""), item.isCustom && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_e = tagTextMap["custom"]) == null ? void 0 : _e.color }, ((_f = tagTextMap["custom"]) == null ? void 0 : _f.text) || ""))), hideDescription ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description", style: { display: hideDescription ? "none" : "flex" } }, item.description, item.source && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_g = tagTextMap[item.source]) == null ? void 0 : _g.color }, ((_h = tagTextMap[item.source]) == null ? void 0 : _h.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: (0, import_classnames.default)("pisell-lowcode-navigation-menu-item-action-wrap", {
+        "pisell-lowcode-navigation-menu-item-action-wrap-hover": showActionOnHover
+      }) }, allowIsShow2 && /* @__PURE__ */ import_react.default.createElement(
+        import_button.default,
+        {
+          type: "text",
+          onClick: () => onIsShow == null ? void 0 : onIsShow(item),
+          className: "pisell-lowcode-navigation-menu-item-action-button",
+          icon: /* @__PURE__ */ import_react.default.createElement(
+            import_icon.default,
+            {
+              type: item.is_show === false ? "pisell2-eye-off" : "pisell2-eye",
+              className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+            }
+          )
+        }
+      ), allowEdit && /* @__PURE__ */ import_react.default.createElement(
         import_button.default,
         {
           type: "text",
@@ -129,6 +174,7 @@ var PisellNavigationMenu = ({
       ), isShowAddButton && /* @__PURE__ */ import_react.default.createElement(
         import_antd.Dropdown,
         {
+          getPopupContainer: (triggerNode) => triggerNode,
           menu: {
             items: [
               allowAddSubmenu && {
@@ -188,6 +234,9 @@ var PisellNavigationMenu = ({
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-left-content" }, title);
   }, [title]);
   const rightContent = (0, import_react.useMemo)(() => {
+    if (propsRightContent) {
+      return propsRightContent;
+    }
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-right-content" }, /* @__PURE__ */ import_react.default.createElement(
       import_button.default,
       {
@@ -206,27 +255,32 @@ var PisellNavigationMenu = ({
       },
       (0, import_locales.getText)("pisell-lowcode-navigation-menu-add-page")
     ));
-  }, [title]);
+  }, [propsRightContent]);
   const formatValue = (0, import_react.useMemo)(() => {
-    return (0, import_utils.formatTree)(value, (item) => ({
+    return (0, import_utils2.formatTree)(value, (item) => ({
       ...item,
       disabledDrop: !item.isGroup
     }));
   }, [value]);
   const getItemStyle = (0, import_react.useCallback)((itemProps) => {
     const { item } = itemProps;
+    if ((0, import_utils.isFunction)(propsGetItemStyle)) {
+      return (propsGetItemStyle == null ? void 0 : propsGetItemStyle(item)) || {};
+    }
     return {
       backgroundColor: item.isGroup ? "#fff" : "var(--Gray-50, #F9FAFB)"
     };
-  }, []);
+  }, [propsGetItemStyle]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellDropSort.default,
     {
+      indentationWidth,
       value: formatValue,
       allowDrag,
       allowDelete,
       allowAddChild,
       allowAddRoot,
+      allowIsShow,
       disabled,
       spacing,
       maxLevel,
@@ -245,7 +299,8 @@ var PisellNavigationMenu = ({
           maxWidth: 400,
           description: (0, import_locales.getText)("pisell-lowcode-navigation-menu-add-page-tip")
         }
-      )
+      ),
+      canDrop
     }
   );
 };

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -1,3 +1,10 @@
+.pisell-lowcode-drop-sort-item-tree-item {
+  &:hover {
+    .pisell-lowcode-navigation-menu-item-action-wrap {
+      opacity: 1 !important;
+    }
+  }
+}
 .pisell-lowcode-navigation-menu-item {
   display: flex;
   justify-content: space-between;
@@ -26,6 +33,9 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
     }
     .pisell-lowcode-navigation-menu-item-description {
       color: var(--Gray-500, #667085);
@@ -40,6 +50,10 @@
   .pisell-lowcode-navigation-menu-item-action-wrap {
     display: flex;
     gap: 8px;
+    transition: opacity 0.3s ease-in-out;
+    &.pisell-lowcode-navigation-menu-item-action-wrap-hover {
+      opacity: 0;
+    }
     .pisell-lowcode-navigation-menu-item-action-button {
       &:hover {
         background: var(--Gray-300, #D0D5DD);

package/lib/components/pisellNavigationMenu/types.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
 export interface NavigationMenuItem {
     id: string;
     /** 标题 */
@@ -37,6 +38,8 @@ export interface PisellNavigationMenuProps {
     allowAddChild?: boolean;
     /** 是否允许添加根菜单 */
     allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
     /** 菜单项间距 */
@@ -61,4 +64,22 @@ export interface PisellNavigationMenuProps {
     onEdit?: (item: NavigationMenuItem) => void;
     /** 删除回调 */
     onDelete?: (item: NavigationMenuItem) => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
+    /** 显示隐藏回调 */
+    onIsShow?: (item: NavigationMenuItem) => void;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
+    /** 隐藏描述 */
+    hideDescription?: boolean;
+    /** 悬浮时展示action */
+    showActionOnHover?: boolean;
+    /** 是否展示标题标签 */
+    showTitleTags?: boolean;
 }

package/lib/components/pisellQrcode/index.less

@@ -11,7 +11,6 @@
       flex-direction: column;
       .pisell-qrcode-modal-value {
         color: var(--Gray-500, #667085);
-        font-family: Inter;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -26,7 +25,6 @@
 
         color: var(--Base-White, #fff);
 
-        font-family: Inter;
         font-size: 16px;
         font-style: normal;
         font-weight: 600;

package/lib/components/pisellSectionHeaders/index.js

@@ -0,0 +1,52 @@
+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/pisellSectionHeaders/index.tsx
+var pisellSectionHeaders_exports = {};
+__export(pisellSectionHeaders_exports, {
+  default: () => pisellSectionHeaders_default
+});
+module.exports = __toCommonJS(pisellSectionHeaders_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var prefixCls = "pisell-section-headers";
+var PisellSectionHeaders = ({
+  // takeSpace = true,
+  backNode,
+  centerNode,
+  actionNode,
+  className,
+  style,
+  onBack,
+  onAction
+}) => {
+  const classes = (0, import_classnames.default)(prefixCls, className);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: classes, style: { ...style } }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, backNode && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-back`, onClick: onBack }, backNode), centerNode && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-main` }, centerNode), actionNode && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-actions`, onClick: onAction }, actionNode)));
+};
+var pisellSectionHeaders_default = PisellSectionHeaders;

package/lib/components/pisellSectionHeaders/index.less

@@ -0,0 +1,46 @@
+@prefix: pisell-section-headers;
+
+.@{prefix} {
+  width: 100%;
+  z-index: 100;
+  position: sticky;
+  top: 0;
+  border-bottom: 1px solid var(--Gray-300, #d0d5dd);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  padding: 16px;
+  height: auto;
+
+  &-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+
+  &-placeholder {
+    width: 100%;
+  }
+
+  &-content {
+    height: 100%;
+    padding: 0;
+    display: flex;
+    // align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+  }
+
+  &-back {
+    cursor: pointer;
+  }
+
+  &-main {
+    flex: 1;
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+  }
+
+  &-actions {
+    cursor: pointer;
+  }
+}

package/lib/components/pisellText/components/Amount/index.js

@@ -58,7 +58,8 @@ var Amount = (props) => {
     precision,
     showCurrencySymbol,
     useThousandsSeparator,
-    hideDecimalForWholeNumbers
+    hideDecimalForWholeNumbers,
+    config == null ? void 0 : config.symbol
   ]);
   return /* @__PURE__ */ import_react.default.createElement("span", { ...others }, amount);
 };

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

@@ -1,6 +1,9 @@
+/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
-    id?: number;
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
     /** 商品名称 */
     name: string;
     /** 二维码 */
@@ -49,6 +52,33 @@ export interface PisellWalletPassCardProps {
     showCover?: boolean;
     /** 是否展示余额货币符号 */
     showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
     [key: string]: any;
 }
 declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;