@pisell/materials 1.0.472 → 1.0.474

package/lib/components/pisellWalletPassCard/index.less

@@ -9,17 +9,28 @@
   background-size: cover;
   height: 190px;
   background-position: center center;
-border-width: 1px ;
-border-style: solid;
-border-color: var(--Gray-300, #D0D5DD);
-  &.pisell-card-active{
-    border-color: var(--primary-600, #7f56d9);
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--Gray-300, #d0d5dd);
+  cursor: pointer;
+  &.pisell-card-active {
+    border-color: var(--theme-color, #7f56d9);
   }
   .pisell-card-name-wrap {
     display: flex;
     justify-content: space-between;
     font-weight: 500;
     line-height: 20px;
+
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    .pisell-card-name {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
   .pisell-card-store-name {
     height: 20px;
@@ -27,6 +38,9 @@ border-color: var(--Gray-300, #D0D5DD);
     font-weight: 400;
     line-height: 18px; /* 150% */
     margin-bottom: 22px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .pisell-card-amount-wrap {
     display: flex;
@@ -64,7 +78,7 @@ border-color: var(--Gray-300, #D0D5DD);
       right: -6px;
       .pisell-lowcode-qrcode-wrap {
         .pisell-lowcode-qrcode {
-          background: rgba(255,255,255,0.8) !important;
+          background: rgba(255, 255, 255, 0.8) !important;
         }
       }
     }
@@ -77,7 +91,7 @@ border-color: var(--Gray-300, #D0D5DD);
     bottom: 0;
     width: 100%;
     left: 0;
-    background: var(--Warning-200, #FEDF89);
+    background: var(--Warning-200, #fedf89);
     display: flex;
     padding: 10px 16px;
     color: var(--Gray-900, #101828);
@@ -85,7 +99,7 @@ border-color: var(--Gray-300, #D0D5DD);
     line-height: 20px;
     .pisell-card-icon {
       font-size: 20px;
-      color: #DC6803;
+      color: #dc6803;
       margin-right: 6px;
     }
   }
@@ -107,4 +121,4 @@ border-color: var(--Gray-300, #D0D5DD);
 }
 .pisell-card-disabled-hide-disabled-reason {
   height: 165px !important;
-}
+}

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

@@ -63,6 +63,9 @@ var Actions = ({
     preserve: true
   });
   const showActions = (0, import_react.useMemo)(() => {
+    if (import_react.default.isValidElement(filter)) {
+      return true;
+    }
     return (filter == null ? void 0 : filter.show) || (sort == null ? void 0 : sort.show) || (columnSetting == null ? void 0 : columnSetting.show) || (dataSourceGroup == null ? void 0 : dataSourceGroup.show) || view.multiple || (exportImport == null ? void 0 : exportImport.show);
   }, [
     filter == null ? void 0 : filter.show,
@@ -72,16 +75,22 @@ var Actions = ({
     view.multiple,
     exportImport == null ? void 0 : exportImport.show
   ]);
-  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_filter.default,
-    {
-      filter,
-      isRenderFormContent: false,
-      tableId,
-      viewMode,
-      isMobile: isMobileBool
+  const filterRender = (0, import_react.useMemo)(() => {
+    if (import_react.default.isValidElement(filter)) {
+      return filter;
     }
-  )), /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_filter.default,
+      {
+        filter,
+        isRenderFormContent: false,
+        tableId,
+        viewMode,
+        isMobile: isMobileBool
+      }
+    );
+  }, [filter, tableId, viewMode, isMobileBool]);
+  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, filterRender), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "right-wrap",

package/lib/components/table/Gallery/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { GalleryProps } from "./types";
-import "./index.less";
+import React from 'react';
+import { GalleryProps } from './types';
+import './index.less';
 declare const _default: React.MemoExoticComponent<(props: GalleryProps) => React.JSX.Element>;
 export default _default;

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

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Gallery_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
+var import_Pagination = require("../../Pagination");
 var import_useTransDataSource = __toESM(require("../hooks/useTransDataSource"));
 var import_hooks = require("../../../hooks");
 var import_model = require("../model");
@@ -97,6 +98,9 @@ var Gallery = (props) => {
     },
     [gallery_setting, gallery, columnsMap, column_setting]
   );
+  const total = (0, import_react.useMemo)(() => {
+    return pagination == null ? void 0 : pagination.total;
+  }, [pagination]);
   const gap = (0, import_react.useMemo)(() => {
     return [horizontalGutter, verticalGutter];
   }, [horizontalGutter, verticalGutter]);
@@ -164,6 +168,19 @@ var Gallery = (props) => {
       gap,
       rowHeight
     }
+  ), !pagination.localPagination && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: "pagination",
+      style: {
+        margin: 0,
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Pagination.FormPagination, { ...pagination, total })
   )));
 };
 var Gallery_default = (0, import_react.memo)(Gallery);

package/lib/components/table/Gallery/index.less

@@ -14,6 +14,7 @@
     flex: 1 1 auto;
     height: 100%;
     overflow: hidden;
+    position: relative;
   }
   &-gallery-item-wrap {
     cursor: pointer;

package/lib/components/table/Header/index.d.ts

@@ -1,4 +1,11 @@
-import React from "react";
-import "./index.less";
-declare const Header: ({ buttons, title }: any) => React.JSX.Element | null;
+import React from 'react';
+import './index.less';
+export interface HeaderProps {
+    buttons: React.ReactNode | any[];
+    title: React.ReactNode | (() => React.ReactNode);
+    subTitle: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+}
+declare const Header: ({ buttons, title, subTitle, showTitle, showSubTitle, }: HeaderProps) => React.JSX.Element | null;
 export default Header;

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

@@ -33,12 +33,37 @@ __export(Header_exports, {
 });
 module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
 var import_Buttons = __toESM(require("./Buttons"));
 var import_index = require("./index.less");
-var Header = ({ buttons, title }) => {
+var Header = ({
+  buttons,
+  title,
+  subTitle,
+  showTitle,
+  showSubTitle
+}) => {
   const showHeader = (0, import_react.useMemo)(() => {
-    return title || (buttons == null ? void 0 : buttons.length);
-  }, [buttons, title]);
-  return showHeader ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, title && title()), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_Buttons.default, { list: buttons }))) : null;
+    return title && showTitle || (Array.isArray(buttons) ? buttons.length > 0 : buttons) || subTitle && showSubTitle;
+  }, [buttons, title, subTitle, showTitle, showSubTitle]);
+  const titleNode = (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isFunction)(title)) {
+      return title();
+    }
+    return title;
+  }, [title]);
+  const buttonsNode = (0, import_react.useMemo)(() => {
+    if (Array.isArray(buttons)) {
+      return /* @__PURE__ */ import_react.default.createElement(import_Buttons.default, { list: buttons });
+    }
+    return buttons;
+  }, [buttons]);
+  const subTitleNode = (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isFunction)(subTitle)) {
+      return subTitle();
+    }
+    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;
 };
 var Header_default = Header;

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

@@ -1,8 +1,12 @@
+.materials-grid-header-wrap {
+  margin-bottom: 16px;
+}
+
 .materials-grid-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 16px;
+  margin-bottom: 0;
 
   .left-wrap {}
 
@@ -10,7 +14,11 @@
     display: flex;
     align-items: center;
     gap: 8px;
+  }
+}
 
 
-  }
+.materials-grid-sub-title {
+  margin-top: 8px;
+  color: #425569;
 }

package/lib/components/table/Table/utils.js

@@ -49,6 +49,7 @@ __export(utils_exports, {
   stringify: () => stringify
 });
 module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
 var import_md5 = __toESM(require("crypto-js/md5"));
@@ -453,6 +454,9 @@ var stringify = (obj) => {
     if ((0, import_utils.isFunction)(value)) {
       return value.toString();
     }
+    if (import_react.default.isValidElement(value)) {
+      return value.toString();
+    }
     return value;
   });
 };

package/lib/components/table/Tabs/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface TabItem {
+    name: string;
+    filterBy?: Record<string, any>;
+    sortBy?: string;
+}
+export interface CustomTabsProps {
+    items?: TabItem[];
+    show?: boolean;
+    type?: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+    onChange?: (filterBy?: Record<string, any>, sortBy?: string) => void;
+}
+declare const Tabs: React.FC<CustomTabsProps>;
+export default Tabs;

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

@@ -0,0 +1,70 @@
+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/table/Tabs/index.tsx
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  default: () => Tabs_default
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_react = __toESM(require("react"));
+var import_tabs = __toESM(require("../../tabs"));
+var Tabs = ({
+  items = [],
+  type = "default",
+  onChange,
+  show = false
+}) => {
+  const tabItems = (0, import_react.useMemo)(() => {
+    return items.map((item, index) => ({
+      key: String(index),
+      label: item.name
+    }));
+  }, [items]);
+  const handleChange = (0, import_react.useCallback)(
+    (activeKey) => {
+      const currentTab = items[Number(activeKey)];
+      if (currentTab && onChange) {
+        onChange(currentTab);
+      }
+    },
+    [items, onChange]
+  );
+  if (!(items == null ? void 0 : items.length) || !show) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_tabs.default,
+    {
+      items: tabItems,
+      onChange: handleChange,
+      type
+    }
+  );
+};
+var Tabs_default = Tabs;

package/lib/components/table/hooks/useTriggerValuesChange.js

@@ -47,6 +47,9 @@ var useTriggerValuesChange = (params) => {
       if (changedKey === "view_mode") {
         return false;
       }
+      if (changedKey === "tabs") {
+        return true;
+      }
       if (changedKey === "order_by") {
         if (sortShow && (sortList == null ? void 0 : sortList.length)) {
           const value = changedValues[changedKey];

package/lib/components/table/index.js

@@ -36,6 +36,7 @@ var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_classNames = __toESM(require("classNames"));
+var import_Tabs = __toESM(require("./Tabs"));
 var import_hooks = require("../../hooks");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_Actions = __toESM(require("./Actions"));
@@ -68,6 +69,9 @@ var GridView = (0, import_model.Provider)(
       buttons,
       actionButtons,
       title,
+      showTitle = true,
+      subTitle,
+      showSubTitle = true,
       summary,
       onValuesChange,
       columnSetting,
@@ -78,6 +82,7 @@ var GridView = (0, import_model.Provider)(
       // pagination,
       exportImport,
       currentComponentId,
+      tabs,
       ...other
     } = props;
     const modal = (0, import_hooks.useSharedState)(import_model.Context);
@@ -266,7 +271,7 @@ var GridView = (0, import_model.Provider)(
     }, [(0, import_utils.stringify)(removeTitleColumns)]);
     (0, import_react.useEffect)(() => {
       form.setFieldsValue(initialValuesRef.current);
-    }, [JSON.stringify(propsFilter)]);
+    }, [(0, import_utils.stringify)(propsFilter)]);
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form,
       {
@@ -313,7 +318,17 @@ var GridView = (0, import_model.Provider)(
           style,
           ref: wrapRef
         },
-        /* @__PURE__ */ import_react.default.createElement(import_Header.default, { title, buttons }),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Header.default,
+          {
+            title,
+            showTitle,
+            subTitle,
+            showSubTitle,
+            buttons
+          }
+        ),
+        (tabs == null ? void 0 : tabs.show) && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "tabs", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Tabs.default, { ...tabs })),
         /* @__PURE__ */ import_react.default.createElement(
           import_Actions.default,
           {

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

@@ -208,10 +208,13 @@ export declare type GridViewProps = {
     style: React.CSSProperties;
     pagination: any;
     filter: FilterType;
-    buttons: any;
+    buttons: React.ReactNode | any[];
     actionButtons: any;
     sort: SortType;
-    title: any;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
     exportImport: ExportImportType;
     onValuesChange: (changedValues: any, values: any) => void;
     summary: any;
@@ -237,5 +240,14 @@ export declare type GridViewProps = {
      * @param currentDataSource
      */
     onDataSourceChange?: (currentDataSource: Record<string, any>[]) => void;
+    tabs: {
+        show: boolean;
+        type: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+        items: {
+            name: string;
+            filterBy?: Record<string, any>;
+            sortBy?: string;
+        }[];
+    };
 };
 export {};

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

@@ -1,2 +1,2 @@
-import { Typography as AntTypography } from "antd";
-export default AntTypography;
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

package/lib/components/typography/index.js

@@ -70,6 +70,7 @@ var Title = (props) => {
   }, [pcIsEllipsis, padIsEllipsis, mobileIsEllipsis, ellipsis, responsive]);
   return /* @__PURE__ */ import_react.default.createElement(AntTitle, { ...others, ...ellipsisObj });
 };
-import_antd.Typography.Paragraph = Paragraph;
-import_antd.Typography.Title = Title;
-var typography_default = import_antd.Typography;
+var Typography = import_antd.Typography;
+Typography.Paragraph = Paragraph;
+Typography.Title = Title;
+var typography_default = Typography;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import './index.less';
 interface WalletCardProps {
+    platform: 'pc' | 'h5' | 'ipad';
     mode?: 'dark' | 'light';
     cardStyle?: 'normal' | 'full';
     codeType?: 'one' | 'two';
@@ -17,10 +18,11 @@ interface WalletCardProps {
     coupon?: boolean;
     vouCher?: boolean;
     discountCard?: boolean;
-    pointsValue: number;
-    balanceValue: number;
-    couponValue: number;
-    vouCherValue: number;
+    pointsValue?: number;
+    balanceValue?: number;
+    couponValue?: number;
+    vouCherValue?: number;
+    discountCardValue?: number;
 }
 declare const WalletCard: (props: WalletCardProps) => React.JSX.Element;
 export default WalletCard;

package/lib/components/walletCard/index.js

@@ -56,6 +56,7 @@ var WalletCard = (props) => {
     balanceValue = 0,
     vouCherValue = 0,
     couponValue = 0,
+    discountCardValue = 0,
     cardNo = "",
     isShowCardNo = true,
     codeDirection = "bottom",
@@ -64,7 +65,8 @@ var WalletCard = (props) => {
     balance = true,
     coupon = true,
     vouCher = true,
-    discountCard = true
+    discountCard = true,
+    platform
   } = props;
   const context = (0, import_useEngineContext.default)();
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
@@ -75,6 +77,18 @@ var WalletCard = (props) => {
   const codeRender = () => {
     return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { justify: "center" }, codeType === "one" ? /* @__PURE__ */ import_react.default.createElement(import_react_barcode.default, { value: cardNo, height: 114, width: 3 }) : /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 250, value: cardNo, bordered: false }));
   };
+  const modalProps = {
+    title: "QR code",
+    platform,
+    onCancel: () => setIsModalOpen(false),
+    open: isModalOpen,
+    footer: null,
+    mobileModalHeight: "auto",
+    className: (0, import_classnames.default)("pisell-qrcode-modal"),
+    bodyStyle: {
+      padding: 0
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { className: (0, import_classnames.default)("pisell-wallet-card-wrapper") }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Flex,
     {
@@ -173,12 +187,12 @@ var WalletCard = (props) => {
               value: balanceValue
             }
           ))),
-          coupon && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Coupon"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
+          discountCard && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Discount card"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
             import_Amount.default,
             {
               className: "pisell-card-amount-item-value",
               useThousandsSeparator: true,
-              value: couponValue
+              value: discountCardValue
             }
           ))),
           vouCher && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "VouCher"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
@@ -189,20 +203,17 @@ var WalletCard = (props) => {
               value: vouCherValue
             }
           )))
-        ),
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-wallet-card-row") }, discountCard && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Discount card"), /* @__PURE__ */ import_react.default.createElement("p", null, 0)))
+        )
       )
     ),
     showCode && cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-showCode") }, codeRender())
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Modal,
+  )), /* @__PURE__ */ import_react.default.createElement(PisellModal, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, value), /* @__PURE__ */ import_react.default.createElement(Divider, null), /* @__PURE__ */ import_react.default.createElement(
+    Button,
     {
-      open: isModalOpen,
-      onCancel: () => setIsModalOpen(false),
-      style: { bottom: 0 },
-      footer: null
+      onClick: () => setIsModalOpen(false),
+      className: (0, import_classnames.default)("pisell-qrcode-modal-button")
     },
-    codeRender()
-  ));
+    "Done"
+  )));
 };
 var walletCard_default = WalletCard;

package/lib/index.d.ts

@@ -136,3 +136,7 @@ export { default as FormItemRadio } from './components/dataSourceComponents/fiel
 export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';

package/lib/index.js

@@ -56,7 +56,11 @@ __export(src_exports, {
   ConfigProvider: () => import_config_provider.default,
   CropPhoto: () => import_cropPhoto.default,
   DataSourceForm: () => import_dataSourceForm.default,
+  DataSourceImage: () => import_dataSourceImage.default,
+  DataSourceQRCode: () => import_dataSourceQRCode.default,
   DataSourceTable: () => import_dataSourceTable.default,
+  DataSourceTypography: () => import_dataSourceTypography.default,
+  DataSourceWrapper: () => import_dataSourceWrapper.default,
   DatePicker: () => import_date_picker.default,
   Descriptions: () => import_antd10.Descriptions,
   Div: () => import_div.default,
@@ -308,6 +312,10 @@ var import_Radio = __toESM(require("./components/dataSourceComponents/fields/Rad
 var import_Select = __toESM(require("./components/dataSourceComponents/fields/Select"));
 var import_TimePicker = __toESM(require("./components/dataSourceComponents/fields/TimePicker"));
 var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
+var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponents/dataSourceWrapper"));
+var import_dataSourceTypography = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceTypography"));
+var import_dataSourceImage = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceImage"));
+var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceQRCode"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -337,7 +345,11 @@ var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/
   ConfigProvider,
   CropPhoto,
   DataSourceForm,
+  DataSourceImage,
+  DataSourceQRCode,
   DataSourceTable,
+  DataSourceTypography,
+  DataSourceWrapper,
   DatePicker,
   Descriptions,
   Div,

package/lib/locales/en-US.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -167,5 +167,12 @@ var en_US_default = {
   "pisell-data-source-table-delete": "Delete",
   // recordView组件
   "pisell-record-view-available": "Available",
-  "pisell-record-view-unavailable": "No available"
+  "pisell-record-view-unavailable": "No available",
+  "pisell-data-source-form-required-message": "This field is required",
+  "pisell-data-source-form-email-message": "Please enter a valid email address",
+  "pisell-data-source-form-phone-message": "Please enter a valid phone number",
+  "pisell-data-source-form-min-length-message": (minLength) => `Length must be at least ${minLength} character`,
+  "pisell-data-source-form-max-length-message": (maxLength) => `Length must be at most ${maxLength} character`,
+  "pisell-data-source-form-min-value-message": (minValue) => `Value must be greater than or equal to ${minValue}`,
+  "pisell-data-source-form-max-value-message": (maxValue) => `Value must be less than or equal to ${maxValue}`
 };