@pisell/materials 1.0.521 → 1.0.522

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/page-header/index.d.ts

@@ -7,6 +7,8 @@ interface PageHeaderProps {
     showSubTitle?: boolean;
     showDivider?: boolean;
     extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
 }
-declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element;
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
 export default PageHeader;

package/es/components/page-header/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Divider } from 'antd';
+import classNames from 'classnames';
 import "./index.less";
 var PageHeader = function PageHeader(props) {
   var title = props.title,
@@ -7,18 +8,28 @@ var PageHeader = function PageHeader(props) {
     subTitle = props.subTitle,
     showSubTitle = props.showSubTitle,
     showDivider = props.showDivider,
-    extra = props.extra;
+    extra = props.extra,
+    className = props.className,
+    style = props.style;
+
+  // 如果没有内容需要显示，则返回 null
+  if ((!showTitle || !title) && (!showSubTitle || !subTitle) && !extra) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode-page-header-wrap"
-  }, showTitle && title && /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-lowcode-page-header-wrap', className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
     className: 'pisell-lowcode-page-header'
   }, /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode-page-header-left'
+  }, showTitle && title && /*#__PURE__*/React.createElement("div", {
     className: 'pisell-lowcode-page-header-title'
-  }, showTitle ? title : ''), /*#__PURE__*/React.createElement("div", {
-    className: 'pisell-lowcode-page-header-extra'
-  }, extra)), showSubTitle && subTitle && /*#__PURE__*/React.createElement("div", {
+  }, title), showSubTitle && subTitle && /*#__PURE__*/React.createElement("div", {
     className: 'pisell-lowcode-page-header-sub-title'
-  }, subTitle), showDivider && /*#__PURE__*/React.createElement(Divider, {
+  }, subTitle)), /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode-page-header-extra'
+  }, extra)), showDivider && /*#__PURE__*/React.createElement(Divider, {
     className: 'pisell-lowcode-page-header-divider'
   }));
 };

package/es/components/page-header/index.less

@@ -2,11 +2,19 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
   .pisell-lowcode-page-header {
     display: flex;
-    align-items: center;
+    align-items: center;    
     justify-content: space-between;
+    width: 100%;
+
+    .pisell-lowcode-page-header-left {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
     .pisell-lowcode-page-header-title {
       color: var(--Colors-Neutral-Text-colorText, rgba(0, 0, 0, 0.88));
       font-size: var(--Typography-Font-Size-fontSizeHeading4, 20px);
@@ -14,7 +22,7 @@
       line-height: var(
         --Typography-Line-Height-lineHeightHeading4,
         28px
-      ); /* 140% */
+      );
     }
 
     .pisell-lowcode-page-header-extra {
@@ -28,7 +36,7 @@
     font-size: var(--Typography-Font-Size-fontSize, 14px);
     font-style: normal;
     font-weight: var(--Typography-Font-Weight-fontWeightNormal, 400);
-    line-height: var(--Typography-Line-Height-lineHeight, 22px); /* 157.143% */
+    line-height: var(--Typography-Line-Height-lineHeight, 22px);
   }
 
   .pisell-lowcode-page-header-divider {

package/es/components/pisellModal/components/PcModal/index.js

@@ -10,7 +10,7 @@ import { Button } from 'antd';
 import classNames from 'classnames';
 import { isBoolean, isUndefined } from '@pisell/utils';
 import XClose from '@pisell/icon/es/XClose';
-import Delete_wght300_24px from '@pisell/icon/src/Delete_wght300_24px';
+import Delete_wght300_24px from '@pisell/icon/es/Delete_wght300_24px';
 import Modal from "../../../modal";
 import { sizeMap } from "../../constants";
 import "./index.less";

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

@@ -2,7 +2,7 @@ var _excluded = ["value", "precision", "showCurrencySymbol", "useThousandsSepara
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useMemo } from 'react';
-import { formatAmountWithOptions } from '@pisell/utils/src';
+import { formatAmountWithOptions } from '@pisell/utils';
 import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig";
 var Amount = function Amount(props) {
   var value = props.value,

package/es/components/profileMenu/index.js

@@ -23,11 +23,11 @@ var ProfileMenu = function ProfileMenu(_ref) {
     _ref$email = _ref.email,
     email = _ref$email === void 0 ? '' : _ref$email,
     _ref$isShowUserName = _ref.isShowUserName,
-    isShowUserName = _ref$isShowUserName === void 0 ? false : _ref$isShowUserName,
+    isShowUserName = _ref$isShowUserName === void 0 ? true : _ref$isShowUserName,
     _ref$isShowEmail = _ref.isShowEmail,
-    isShowEmail = _ref$isShowEmail === void 0 ? false : _ref$isShowEmail,
+    isShowEmail = _ref$isShowEmail === void 0 ? true : _ref$isShowEmail,
     _ref$isShowUserInfo = _ref.isShowUserInfo,
-    isShowUserInfo = _ref$isShowUserInfo === void 0 ? false : _ref$isShowUserInfo,
+    isShowUserInfo = _ref$isShowUserInfo === void 0 ? true : _ref$isShowUserInfo,
     onClick = _ref.onClick,
     avatar = _ref.avatar,
     className = _ref.className,

package/es/components/walletCard/index.js

@@ -6,16 +6,16 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
 import { Card, Flex, QRCode, Divider, Button } from 'antd';
-import cfg from "./../../../../../application/admin/src/configs";
 import Iconfont from "./../iconfont";
 import useEngineContext from "../../hooks/useEngineContext";
 import Barcode from 'react-barcode';
-import { image } from '@pisell/utils';
 import Amount from "./../pisellText/components/Amount";
 import "./index.less";
 import PisellModal from "./../pisellModal";
 import classNames from 'classnames';
 import { getText } from "../../locales/index";
+import wallet_bg_black from "./img/wallet_bg_black.png";
+import wallet_bg_white from "./img/wallet_bg_white.png";
 var WalletCard = function WalletCard(props) {
   var _context$appHelper;
   var _props$mode = props.mode,
@@ -111,7 +111,7 @@ var WalletCard = function WalletCard(props) {
     vertical: true,
     className: classNames('pisell-wallet-card-content', mode),
     style: {
-      backgroundImage: "url('".concat(image.ali("".concat(cfg.static, "/static/").concat(mode === 'dark' ? 'wallet_bg_black' : 'wallet_bg_white', ".jpeg"), 360), "')")
+      backgroundImage: "url(".concat(mode === 'dark' ? wallet_bg_black : wallet_bg_white, ")")
     }
   }, /*#__PURE__*/React.createElement(Flex, {
     className: classNames('pisell-wallet-card-header'),

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -7,6 +7,8 @@ interface PageHeaderProps {
     showSubTitle?: boolean;
     showDivider?: boolean;
     extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
 }
-declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element;
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
 export default PageHeader;

package/lib/components/page-header/index.js

@@ -34,9 +34,30 @@ __export(page_header_exports, {
 module.exports = __toCommonJS(page_header_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var PageHeader = (props) => {
-  const { title, showTitle, subTitle, showSubTitle, showDivider, extra } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-wrap" }, showTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-title" }, showTitle ? title : ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-extra" }, extra)), showSubTitle && subTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-sub-title" }, subTitle), showDivider && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { className: "pisell-lowcode-page-header-divider" }));
+  const {
+    title,
+    showTitle,
+    subTitle,
+    showSubTitle,
+    showDivider,
+    extra,
+    className,
+    style
+  } = props;
+  if ((!showTitle || !title) && (!showSubTitle || !subTitle) && !extra) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-page-header-wrap", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-left" }, showTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-title" }, title), showSubTitle && subTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-sub-title" }, subTitle)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-header-extra" }, extra)),
+    showDivider && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { className: "pisell-lowcode-page-header-divider" })
+  );
 };
 var page_header_default = PageHeader;

package/lib/components/page-header/index.less

@@ -2,11 +2,19 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
   .pisell-lowcode-page-header {
     display: flex;
-    align-items: center;
+    align-items: center;    
     justify-content: space-between;
+    width: 100%;
+
+    .pisell-lowcode-page-header-left {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
     .pisell-lowcode-page-header-title {
       color: var(--Colors-Neutral-Text-colorText, rgba(0, 0, 0, 0.88));
       font-size: var(--Typography-Font-Size-fontSizeHeading4, 20px);
@@ -14,7 +22,7 @@
       line-height: var(
         --Typography-Line-Height-lineHeightHeading4,
         28px
-      ); /* 140% */
+      );
     }
 
     .pisell-lowcode-page-header-extra {
@@ -28,7 +36,7 @@
     font-size: var(--Typography-Font-Size-fontSize, 14px);
     font-style: normal;
     font-weight: var(--Typography-Font-Weight-fontWeightNormal, 400);
-    line-height: var(--Typography-Line-Height-lineHeight, 22px); /* 157.143% */
+    line-height: var(--Typography-Line-Height-lineHeight, 22px);
   }
 
   .pisell-lowcode-page-header-divider {

package/lib/components/pisellModal/components/PcModal/index.js

@@ -37,7 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
-var import_Delete_wght300_24px = __toESM(require("@pisell/icon/src/Delete_wght300_24px"));
+var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
 var import_modal = __toESM(require("../../../modal"));
 var import_constants = require("../../constants");
 var import_index = require("./index.less");

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

@@ -33,7 +33,7 @@ __export(Amount_exports, {
 });
 module.exports = __toCommonJS(Amount_exports);
 var import_react = __toESM(require("react"));
-var import_src = require("@pisell/utils/src");
+var import_utils = require("@pisell/utils");
 var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var Amount = (props) => {
   const {
@@ -46,7 +46,7 @@ var Amount = (props) => {
   } = props;
   const config = (0, import_usePisellConfig.default)();
   const amount = (0, import_react.useMemo)(() => {
-    return (0, import_src.formatAmountWithOptions)(value, (config == null ? void 0 : config.symbol) || "", {
+    return (0, import_utils.formatAmountWithOptions)(value, (config == null ? void 0 : config.symbol) || "", {
       precision,
       showCurrencySymbol,
       useThousandsSeparator,

package/lib/components/profileMenu/index.js

@@ -42,9 +42,9 @@ var ProfileMenu = ({
   menuIcon,
   userName = "",
   email = "",
-  isShowUserName = false,
-  isShowEmail = false,
-  isShowUserInfo = false,
+  isShowUserName = true,
+  isShowEmail = true,
+  isShowUserInfo = true,
   onClick,
   avatar,
   className,

package/lib/components/walletCard/index.js

@@ -34,16 +34,16 @@ __export(walletCard_exports, {
 module.exports = __toCommonJS(walletCard_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_configs = __toESM(require("./../../../../../application/admin/src/configs"));
 var import_iconfont = __toESM(require("./../iconfont"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_react_barcode = __toESM(require("react-barcode"));
-var import_utils = require("@pisell/utils");
 var import_Amount = __toESM(require("./../pisellText/components/Amount"));
 var import_index = require("./index.less");
 var import_pisellModal = __toESM(require("./../pisellModal"));
 var import_classnames = __toESM(require("classnames"));
 var import_locales = require("../../locales/index");
+var import_wallet_bg_black = __toESM(require("./img/wallet_bg_black.png"));
+var import_wallet_bg_white = __toESM(require("./img/wallet_bg_white.png"));
 var WalletCard = (props) => {
   var _a;
   const {
@@ -105,10 +105,7 @@ var WalletCard = (props) => {
         vertical: true,
         className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
         style: {
-          backgroundImage: `url('${import_utils.image.ali(
-            `${import_configs.default.static}/static/${mode === "dark" ? "wallet_bg_black" : "wallet_bg_white"}.jpeg`,
-            360
-          )}')`
+          backgroundImage: `url(${mode === "dark" ? import_wallet_bg_black.default : import_wallet_bg_white.default})`
         }
       },
       /* @__PURE__ */ import_react.default.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.521",
+  "version": "1.0.522",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -68,8 +68,8 @@
     "styled-components": "^6.0.0-rc.3",
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
-    "@pisell/icon": "0.0.10",
     "@pisell/date-picker": "1.0.114",
+    "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {