@pisell/materials 1.0.520 → 1.0.522

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

@@ -0,0 +1,45 @@
+.pisell-lowcode-page-header-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 16px;
+  .pisell-lowcode-page-header {
+    display: flex;
+    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);
+      font-weight: var(--Typography-Font-Weight-fontWeightStrong, 700);
+      line-height: var(
+        --Typography-Line-Height-lineHeightHeading4,
+        28px
+      );
+    }
+
+    .pisell-lowcode-page-header-extra {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+  }
+  .pisell-lowcode-page-header-sub-title {
+    color: var(--Colors-Neutral-Text-colorTextSecondary, rgba(0, 0, 0, 0.65));
+    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);
+  }
+
+  .pisell-lowcode-page-header-divider {
+    margin: 16px 0 0;
+  }
+}

package/lib/components/pisellAvatar/index.js

@@ -80,7 +80,7 @@ var PisellAvatar = ({
     ...style,
     width: sizeMap[size],
     height: sizeMap[size],
-    fontSize: children || icon ? fontSizeMap[size] : void 0,
+    fontSize: fontSizeMap[size],
     lineHeight: `${sizeMap[size]}px`,
     borderRadius: shape === "square" ? `${borderRadius}px` : "50%"
   };

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

@@ -6,8 +6,9 @@ export interface PisellCustomCheckboxGroupProps {
     allowAdd?: boolean;
     isMultiple?: boolean;
     id?: string | string[];
-    onChange?: (value: string | string[]) => void;
+    onClick?: (value: any) => void;
     onAdd?: () => void;
+    renderAddItem?: (item: any) => React.ReactNode;
     [key: string]: any;
     className?: string;
 }

package/lib/components/pisellCustomCheckboxGroup/index.js

@@ -40,6 +40,8 @@ var PisellCustomCheckboxGroup = ({
   dataSource = [],
   allowAdd = false,
   onAdd,
+  onClick,
+  renderAddItem,
   disabled = false,
   isMultiple = false,
   value,
@@ -47,37 +49,12 @@ var PisellCustomCheckboxGroup = ({
   className,
   ...rest
 }) => {
-  const [selectedValues, setSelectedValues] = (0, import_react.useState)(
-    Array.isArray(value) ? value : value ? [value] : []
-  );
   const finalDataSource = (0, import_react.useMemo)(() => {
-    return allowAdd ? [{ id: 0, text: "3", isAddCard: true }, ...dataSource] : dataSource;
+    return allowAdd ? [{ id: 0, text: "+", isAddCard: true }, ...dataSource] : dataSource;
   }, [allowAdd, dataSource]);
-  const handleItemClick = (item) => {
-    if (disabled)
-      return;
-    const value2 = item == null ? void 0 : item.id;
-    let newValues;
-    if (!isMultiple) {
-      newValues = [value2];
-    } else {
-      if (selectedValues.includes(value2)) {
-        newValues = selectedValues.filter((v) => v !== id);
-      } else {
-        newValues = [...selectedValues, value2];
-      }
-    }
-    setSelectedValues(newValues);
-    onChange == null ? void 0 : onChange(!isMultiple ? newValues[0] : newValues);
-  };
   const renderGridItem = (item, index) => {
     var _a;
-    let obj = { ...item };
-    if (selectedValues) {
-      const selected = selectedValues.includes(item == null ? void 0 : item.id);
-      obj = { ...item, disabled, selected };
-    }
-    return /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => (item == null ? void 0 : item.isAddCard) ? onAdd : handleItemClick(item) }, (_a = rest == null ? void 0 : rest.renderItem) == null ? void 0 : _a.call(rest, obj, index));
+    return /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => onClick(item) }, (item == null ? void 0 : item.isAddCard) && renderAddItem ? renderAddItem(item) : (_a = rest == null ? void 0 : rest.renderItem) == null ? void 0 : _a.call(rest, item, index));
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellViewGrid.default,

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

@@ -6,7 +6,7 @@ export interface PisellImageCarouselsProps {
         url: string;
         alt?: string;
     }>;
-    width?: number;
+    width?: number | string;
     height?: number;
     showArrows?: boolean;
     showDots?: boolean;

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/pisellViewGrid/index.js

@@ -55,38 +55,6 @@ var PisellViewGrid = ({
     },
     className
   );
-  const containerStyle = {
-    ...style,
-    display: "flex",
-    flexWrap: singleRow ? "nowrap" : "wrap",
-    margin: 0,
-    // 移除外边距
-    padding: 0,
-    // 移除内边距
-    overflowX: singleRow ? "auto" : "visible",
-    // position: 'relative' as const,
-    width: "100%",
-    height: "100%"
-    // 确保填充父容器
-  };
-  const renderGridItems = () => {
-    const items = (dataSource == null ? void 0 : dataSource.length) ? dataSource : import_react.default.Children.toArray(children);
-    return items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        key: index,
-        className: "pisell-view-grid-item",
-        style: {
-          width: `calc(${100 / columns}% - ${horizontalGap}px)`,
-          // 修正宽度计算
-          marginRight: (index + 1) % columns === 0 ? 0 : horizontalGap,
-          marginBottom: singleRow ? 0 : verticalGap,
-          flexShrink: 0
-        }
-      },
-      (dataSource == null ? void 0 : dataSource.length) ? renderItem == null ? void 0 : renderItem(item, index) : index
-    ));
-  };
   return /* @__PURE__ */ import_react.default.createElement(import_pisellLoading.default, { loading, fullscreen: false, style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: classes, style }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -100,14 +68,7 @@ var PisellViewGrid = ({
         overflowX: "auto"
       }
     },
-    dataSource.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        key: index,
-        className: "pisell-view-grid-item"
-      },
-      renderItem == null ? void 0 : renderItem(item, index)
-    ))
+    dataSource.map((item, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-view-grid-item" }, renderItem == null ? void 0 : renderItem(item, index)))
   )));
 };
 var pisellViewGrid_default = PisellViewGrid;

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

@@ -3,6 +3,7 @@ interface SectionFooterProps {
     left?: React.ReactNode;
     middle?: React.ReactNode;
     right?: React.ReactNode;
+    className?: string;
 }
 declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
 export default SectionFooters;

package/lib/components/section-footers/index.js

@@ -28,13 +28,13 @@ var SectionFooters = (props) => {
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
-  const { left, middle, right } = props;
+  const { left, middle, right, className } = props;
   return /* @__PURE__ */ React.createElement(
     import_antd.Flex,
     {
       gap: "middle",
       justify: "space-between",
-      className: "pisell-section-footers-wrapper"
+      className: `pisell-section-footers-wrapper ${className}`
     },
     left,
     middle,

package/lib/components/table/Actions/component/ExportImport/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/lib/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Actions/component/ExportImport/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatApiUrl: () => formatApiUrl
+});
+module.exports = __toCommonJS(utils_exports);
+var formatApiUrl = (url) => {
+  return url || "/shop/form/data";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatApiUrl
+});

package/lib/components/table/Header/index.js

@@ -34,6 +34,7 @@ __export(Header_exports, {
 module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
+var import_page_header = __toESM(require("../../page-header"));
 var import_Buttons = __toESM(require("./Buttons"));
 var import_index = require("./index.less");
 var Header = ({
@@ -64,6 +65,15 @@ var Header = ({
     }
     return subTitle;
   }, [subTitle]);
-  return showHeader ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-header" }, showTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, titleNode), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, buttonsNode)), showSubTitle && subTitleNode && /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-sub-title" }, subTitleNode)) : null;
+  return showHeader ? /* @__PURE__ */ import_react.default.createElement(
+    import_page_header.default,
+    {
+      title: titleNode,
+      showTitle,
+      subTitle: subTitleNode,
+      showSubTitle,
+      extra: buttonsNode
+    }
+  ) : null;
 };
 var Header_default = Header;

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

@@ -151,3 +151,4 @@ export { default as PisellSectionHeaders } from './components/pisellSectionHeade
 export { default as PisellImageCarousels } from './components/pisellImageCarousels';
 export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
 export { default as PisellList01 } from './components/pisellList01';
+export { default as PageHeader } from './components/page-header';

package/lib/index.js

@@ -96,6 +96,7 @@ __export(src_exports, {
   Menu: () => import_antd16.Menu,
   Modal: () => import_modal.default,
   Page: () => import_page.default,
+  PageHeader: () => import_page_header.default,
   Pagination: () => import_antd20.Pagination,
   PickerView: () => import_picker_view.default,
   PisellAdjustPrice: () => import_pisellAdjustPrice.default,
@@ -338,6 +339,7 @@ var import_pisellSectionHeaders = __toESM(require("./components/pisellSectionHea
 var import_pisellImageCarousels = __toESM(require("./components/pisellImageCarousels"));
 var import_pisellHeaderProgressBar = __toESM(require("./components/pisellHeaderProgressBar"));
 var import_pisellList01 = __toESM(require("./components/pisellList01"));
+var import_page_header = __toESM(require("./components/page-header"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -407,6 +409,7 @@ var import_pisellList01 = __toESM(require("./components/pisellList01"));
   Menu,
   Modal,
   Page,
+  PageHeader,
   Pagination,
   PickerView,
   PisellAdjustPrice,

package/lowcode/page-header/meta.ts

@@ -5,153 +5,97 @@ export default {
   componentName: 'PageHeader',
   title: '页头',
   category: '导航',
-  docUrl: "",
-  screenshot: "",
-  devMode: "proCode",
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
   npm: {
-    package: "@pisell/materials",
-    version: "1.0.1",
-    exportName: "PageHeader",
-    main: "src/index.tsx",
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PageHeader',
+    main: 'src/index.tsx',
     destructuring: true,
-    subName: "",
+    subName: '',
   },
   props: [
     {
       name: 'title',
-      title: { label: '标题', tip: '自定义标题文字' },
-      propType: { type: 'oneOfType', value: ['string', 'node'] },
-    },
-    {
-      name: 'subTitle',
-      title: { label: '二级标题', tip: '自定义的二级标题文字' },
-      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '标题',
+          'en-US': 'Title',
+          'zh-HK': '標題',
+        },
+      },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
     },
     {
-      name: 'ghost',
-      title: { label: 'ghost风格', tip: 'ghost风格' },
-      propType: 'bool',
+      name: 'showTitle',
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '是否显示标题',
+          'en-US': 'Show Title',
+          'zh-HK': '是否顯示標題',
+        },
+      },
       defaultValue: true,
-    },
-    // {
-    //   name: 'backIcon',
-    //   title: {
-    //     label: '返回按钮',
-    //     tip: '自定义 back icon ，如果为 false 不渲染 back icon',
-    //   },
-    //   propType: { type: 'oneOfType', value: ['node', 'bool'] },
-    // },
-    {
-      name: 'tags',
-      title: { label: 'tag 列表', tip: 'title 旁的 tag 列表' },
-      propType: 'node',
-    },
-    {
-      name: 'extra',
-      title: { label: '操作区', tip: '操作区，位于 title 行的行尾' },
-      propType: 'node',
+      setter: 'BoolSetter',
     },
     {
-      name: 'footer',
-      title: { label: '页脚', tip: 'PageHeader 的页脚，一般用于渲染 TabBar' },
-      propType: 'node',
+      name: 'subTitle',
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '副标题',
+          'en-US': 'Sub Title',
+          'zh-HK': '副標題',
+        },
+      },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
     },
     {
-      name: 'avatar',
-      title: { label: '头像', tip: '标题栏旁的头像' },
-      propType: 'object',
-      supportVariable: false,
-      setter: [
-        {
-          componentName: 'ObjectSetter',
-          props: {
-            config: {
-              items: [
-                {
-                  name: 'src',
-                  title: { label: '地址', tip: '头像地址' },
-                  setter: {
-                    componentName: 'StringSetter',
-                  },
-                },
-              ],
-            },
-          },
+      name: 'showSubTitle',
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '是否显示副标题',
+          'en-US': 'Show Sub Title',
+          'zh-HK': '是否顯示副標題',
         },
-        'JsonSetter',
-      ],
+      },
+      defaultValue: true,
+      setter: 'BoolSetter',
     },
     {
-      name: 'breadcrumb',
-      title: { label: '面包屑的配置', tip: '面包屑的配置' },
-      propType: 'object',
-      supportVariable: false,
-      setter: [
-        {
-          componentName: 'ObjectSetter',
-          props: {
-            config: {
-              items: [
-                {
-                  name: 'routes',
-                  title: { label: '路由栈信息', tip: '路由栈信息' },
-                  setter: {
-                    componentName: 'ArraySetter',
-                    props: {
-                      itemSetter: {
-                        componentName: 'ObjectSetter',
-                        initialValue: {
-                          path: 'path',
-                          breadcrumbName: 'pathName',
-                        },
-                        isRequired: true,
-                        props: {
-                          config: {
-                            items: [
-                              {
-                                name: 'path',
-                                defaultValue: 'path',
-                                title: { label: '路径', tip: 'path | 路径' },
-                                setter: 'StringSetter',
-                              },
-                              {
-                                name: 'breadcrumbName',
-                                defaultValue: 'pathName',
-                                title: {
-                                  label: '名称',
-                                  tip: 'breadcrumbName | 名称',
-                                },
-                                setter: 'StringSetter',
-                              },
-                            ],
-                          },
-                        },
-                      },
-                    },
-                  },
-                },
-              ],
-            },
-          },
+      name: 'showDivider',
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '是否显示分割线',
+          'en-US': 'Show Divider',
+          'zh-HK': '是否顯示分割線',
         },
-        'JsonSetter',
-      ],
+      },
+      setter: 'BoolSetter',
     },
     {
-      name: 'onBack',
-      title: { label: '返回按钮的点击事件', tip: '返回按钮的点击事件' },
-      propType: 'func',
+      name: 'extra',
+      title: {
+        label: {
+          type: 'i18n',
+          'zh-CN': '额外内容',
+          'en-US': 'Extra',
+          'zh-HK': '額外內容',
+        },
+      },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
     },
   ],
   configure: {
     supports: {
       style: true,
-      events: [
-        {
-          name: 'onBack',
-          template: "onBack(${extParams}){\n// 返回按钮的点击事件\nconsole.log('onBack');}",
-        },
-      ],
+      events: [],
     },
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.520",
+  "version": "1.0.522",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",