@pisell/materials 6.0.22 → 6.2.24

package/lib/components/pisellInformationEntry/index.js

@@ -43,6 +43,7 @@ var import_button = __toESM(require("../button"));
 var import_Input = __toESM(require("./Input"));
 var import_utils = require("./utils");
 var import_useTerminalPeripherals = __toESM(require("./hooks/useTerminalPeripherals"));
+var import_useNativeScanner = require("./hooks/useNativeScanner");
 var import_index = require("./index.less");
 var CardButton = (props) => {
   const { icon, children, ...others } = props;
@@ -54,7 +55,8 @@ var PisellInformationEntry = (props) => {
     title,
     entryModes = [],
     searchDescribe,
-    onChange
+    onChange,
+    onChangeType
   } = props;
   const config = (0, import_usePisellConfig.default)();
   const { platform } = config;
@@ -62,6 +64,7 @@ var PisellInformationEntry = (props) => {
     null
   );
   const { peripheralsStatus } = (0, import_useTerminalPeripherals.default)(onChange);
+  const { activeNativeScanner, isTerminal } = (0, import_useNativeScanner.useNativeScanner)(onChange);
   const [availableEntryModes, setAvailableEntryModes] = (0, import_react.useState)(entryModes);
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
@@ -95,8 +98,16 @@ var PisellInformationEntry = (props) => {
     if (import_constants.passiveModeType.includes(type)) {
       return;
     }
+    if (isTerminal && "scanCode" === type) {
+      setCurrentType(null);
+      activeNativeScanner();
+      return;
+    }
     setCurrentType(type);
   };
+  (0, import_react.useEffect)(() => {
+    onChangeType && onChangeType(currentType);
+  }, [currentType]);
   const { isHasInput, isHasNfc, isHasScanner, isHasScanCode } = (0, import_react.useMemo)(() => {
     let isHasScanCode2 = false;
     let isHasInput2 = false;
@@ -159,13 +170,7 @@ var PisellInformationEntry = (props) => {
       CardButton,
       {
         bordered: !import_constants.passiveModeType.includes(item.type),
-        icon: /* @__PURE__ */ import_react.default.createElement(
-          import_iconfont.default,
-          {
-            type: icon,
-            className: "pisell-card-button-icon"
-          }
-        ),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: icon, className: "pisell-card-button-icon" }),
         className: (0, import_classnames.default)("pisell-information-entry-item", {
           ["pisell-entry-ready"]: import_constants.passiveModeType.includes(item.type)
         }),
@@ -173,6 +178,6 @@ var PisellInformationEntry = (props) => {
       },
       item.name || detail.text
     );
-  })), /* @__PURE__ */ import_react.default.createElement("div", null, currentType === "scanCode" && /* @__PURE__ */ import_react.default.createElement(import_Scan.default, { onChange: handleChange, onCancel: () => setCurrentType(null) }), currentType === "input" && /* @__PURE__ */ import_react.default.createElement(import_Input.default, { onChange: handleChange, searchDescribe })));
+  })), /* @__PURE__ */ import_react.default.createElement("div", null, currentType === "scanCode" && !isTerminal && /* @__PURE__ */ import_react.default.createElement(import_Scan.default, { onChange: handleChange, onCancel: () => setCurrentType(null) }), currentType === "input" && /* @__PURE__ */ import_react.default.createElement(import_Input.default, { onChange: handleChange, searchDescribe })));
 };
 var pisellInformationEntry_default = PisellInformationEntry;

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellInput/components/Copy/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

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/IpadModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

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/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/pisellTooltip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

@@ -1,7 +1,8 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
-    id?: number;
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
     /** 商品名称 */
     name: string;
     /** 二维码 */
@@ -50,6 +51,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;