@pisell/materials 1.0.480 → 1.0.482

package/lib/components/pisellUpload/index.js

@@ -39,10 +39,13 @@ var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var { Dragger } = import_antd.Upload;
 var PisellUpload = (props) => {
-  const { name, multiple, onDrop, title, text1, text2, uploadType } = props;
+  const { title, text1, text2, uploadType } = props;
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  if (uploadType === "custom") {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Upload, { ...props }, props.children);
+  }
   return /* @__PURE__ */ import_react.default.createElement("div", null, uploadType === "button" ? /* @__PURE__ */ import_react.default.createElement(import_antd.Upload, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.UploadOutlined, null) }, "Upload")) : /* @__PURE__ */ import_react.default.createElement(Dragger, { ...props, className: (0, import_classnames.default)("pisell-upload-wapper") }, /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-drag-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icons.InboxOutlined, null)), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-title" }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-text1" }, text1), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-text2" }, text2)));
 };
 var pisellUpload_default = PisellUpload;

package/lib/components/table/Table/utils.d.ts

@@ -167,7 +167,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/walletCard/index.js

@@ -91,134 +91,125 @@ var WalletCard = (props) => {
       padding: 0
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Card,
+  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,
     {
-      className: (0, import_classnames.default)("pisell-wallet-card-wrapper"),
       style: {
-        borderRadius: cardStyle === "normal" ? "12px" : codeDirection === "bottom" ? "12px 12px 0 0" : "0 0 12px 12px"
+        flexDirection: `${codeDirection === "bottom" ? "column" : "column-reverse"}`
       }
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Flex,
       {
+        vertical: true,
+        className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
         style: {
-          flexDirection: `${codeDirection === "bottom" ? "column" : "column-reverse"}`
+          backgroundImage: `url('${import_utils.image.ali(
+            `${import_configs.default.static}/static/${mode === "dark" ? "wallet_bg_black" : "wallet_bg_white"}.jpeg`,
+            360
+          )}')`
         }
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Flex,
         {
-          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
-            )}')`
-          }
+          className: (0, import_classnames.default)("pisell-wallet-card-header"),
+          justify: "space-between",
+          align: "start"
         },
         /* @__PURE__ */ import_react.default.createElement(
           import_antd.Flex,
           {
-            className: (0, import_classnames.default)("pisell-wallet-card-header"),
-            justify: "space-between",
-            align: "start"
+            className: (0, import_classnames.default)("pisell-wallet-card-header-left"),
+            vertical: true
           },
           /* @__PURE__ */ import_react.default.createElement(
             import_antd.Flex,
             {
-              className: (0, import_classnames.default)("pisell-wallet-card-header-left"),
-              vertical: true
+              className: (0, import_classnames.default)("pisell-wallet-card-header-level"),
+              gap: 10,
+              align: "center"
             },
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Flex,
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
+            vipLevel && /* @__PURE__ */ import_react.default.createElement(
+              "p",
               {
-                className: (0, import_classnames.default)("pisell-wallet-card-header-level"),
-                gap: 10,
-                align: "center"
+                className: (0, import_classnames.default)(
+                  "pisell-wallet-card-header-level-text"
+                )
               },
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
-              vipLevel && /* @__PURE__ */ import_react.default.createElement(
-                "p",
-                {
-                  className: (0, import_classnames.default)(
-                    "pisell-wallet-card-header-level-text"
-                  )
-                },
-                "Level"
-              )
-            ),
-            isShowShopName && /* @__PURE__ */ import_react.default.createElement("p", null, shopName),
-            isShowCardNo && /* @__PURE__ */ import_react.default.createElement("p", null, cardNo)
+              "Level"
+            )
           ),
-          /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-wallet-card-header-right") }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, codeType === "one" ? /* @__PURE__ */ import_react.default.createElement(
-            import_iconfont.default,
-            {
-              type: "pisell2-Barcode",
-              onClick: () => setIsModalOpen(true),
-              className: (0, import_classnames.default)("pisell-wallet-card-icon")
-            }
-          ) : /* @__PURE__ */ import_react.default.createElement(
-            import_iconfont.default,
-            {
-              type: "pisell2-a-qr-code-02",
-              onClick: () => setIsModalOpen(true),
-              className: (0, import_classnames.default)("pisell-wallet-card-icon")
-            }
-          )))
+          isShowShopName && /* @__PURE__ */ import_react.default.createElement("p", null, shopName),
+          isShowCardNo && /* @__PURE__ */ import_react.default.createElement("p", null, cardNo)
         ),
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-wallet-card-header-right") }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, codeType === "one" ? /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: "pisell2-Barcode",
+            onClick: () => setIsModalOpen(true),
+            className: (0, import_classnames.default)("pisell-wallet-card-icon")
+          }
+        ) : /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: "pisell2-a-qr-code-02",
+            onClick: () => setIsModalOpen(true),
+            className: (0, import_classnames.default)("pisell-wallet-card-icon")
+          }
+        )))
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Flex,
+        {
+          className: (0, import_classnames.default)("pisell-wallet-card-list"),
+          vertical: true,
+          justify: "center"
+        },
         /* @__PURE__ */ import_react.default.createElement(
           import_antd.Flex,
           {
-            className: (0, import_classnames.default)("pisell-wallet-card-list"),
-            vertical: true,
-            justify: "center"
+            className: (0, import_classnames.default)("pisell-wallet-card-row"),
+            justify: "space-around"
           },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Flex,
+          points && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Points"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
+            import_Amount.default,
             {
-              className: (0, import_classnames.default)("pisell-wallet-card-row"),
-              justify: "space-around"
-            },
-            points && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Points"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-              import_Amount.default,
-              {
-                className: "pisell-card-amount-item-value",
-                useThousandsSeparator: true,
-                value: pointsValue
-              }
-            ))),
-            balance && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Balance"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-              import_Amount.default,
-              {
-                className: "pisell-card-amount-item-value",
-                useThousandsSeparator: true,
-                value: balanceValue
-              }
-            ))),
-            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: 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(
-              import_Amount.default,
-              {
-                className: "pisell-card-amount-item-value",
-                useThousandsSeparator: true,
-                value: vouCherValue
-              }
-            )))
-          )
+              className: "pisell-card-amount-item-value",
+              useThousandsSeparator: true,
+              value: pointsValue
+            }
+          ))),
+          balance && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Balance"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
+            import_Amount.default,
+            {
+              className: "pisell-card-amount-item-value",
+              useThousandsSeparator: true,
+              value: balanceValue
+            }
+          ))),
+          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: 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(
+            import_Amount.default,
+            {
+              className: "pisell-card-amount-item-value",
+              useThousandsSeparator: true,
+              value: vouCherValue
+            }
+          )))
         )
-      ),
-      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_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value: cardNo, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, cardNo), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
+      )
+    ),
+    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_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value: cardNo, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, cardNo), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       onClick: () => setIsModalOpen(false),

package/lib/components/walletCard/index.less

@@ -1,6 +1,7 @@
 .pisell-wallet-card-wrapper {
   border: none;
   overflow: hidden;
+  border-radius: 12px;
   .pisell-lowcode-card-body {
     padding: 0;
     p {

package/lib/index.d.ts

@@ -135,6 +135,7 @@ export { default as FormItemInputNumber } from './components/dataSourceComponent
 export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
 export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 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';

package/lib/index.js

@@ -80,6 +80,7 @@ __export(src_exports, {
   FormItemRadio: () => import_Radio.default,
   FormItemSelect: () => import_Select.default,
   FormItemTimePicker: () => import_TimePicker.default,
+  FormItemUpload: () => import_Upload.default,
   Grid: () => import_antd13.Grid,
   Icon: () => import_icon.default,
   Iconfont: () => import_iconfont.default,
@@ -311,6 +312,7 @@ var import_InputNumber = __toESM(require("./components/dataSourceComponents/fiel
 var import_Radio = __toESM(require("./components/dataSourceComponents/fields/Radio"));
 var import_Select = __toESM(require("./components/dataSourceComponents/fields/Select"));
 var import_TimePicker = __toESM(require("./components/dataSourceComponents/fields/TimePicker"));
+var import_Upload = __toESM(require("./components/dataSourceComponents/fields/Upload"));
 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"));
@@ -369,6 +371,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   FormItemRadio,
   FormItemSelect,
   FormItemTimePicker,
+  FormItemUpload,
   Grid,
   Icon,
   Iconfont,

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

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -183,5 +183,9 @@ var en_US_default = {
   "pisell-number-format-billion": "B",
   //walletCard 组件
   "walletCard-done": "Done",
-  "walletCard-qrcode": "QR code"
+  "walletCard-qrcode": "QR code",
+  "pisell-upload-button": "Upload",
+  "pisell-upload-setting-size-error": (maxSize) => `Each file should not exceed ${maxSize}MB in size.`,
+  "pisell-upload-setting-type-error": (type) => `${type} file type is not supported for upload.`,
+  "pisell-upload-count-error": (count) => `Please upload ${count} file`
 };

package/lib/locales/zh-CN.d.ts

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -182,5 +182,9 @@ var zh_CN_default = {
   "pisell-number-format-billion": "十亿",
   //walletCard 组件
   "walletCard-done": "完成",
-  "walletCard-qrcode": "二维码"
+  "walletCard-qrcode": "二维码",
+  "pisell-upload-button": "上传",
+  "pisell-upload-setting-size-error": (maxSize) => `每个文件的大小不超过${maxSize}MB`,
+  "pisell-upload-setting-type-error": (type) => `不支持上传${type}类型的文件`,
+  "pisell-upload-count-error": (count) => `请上传${count}个文件`
 };

package/lib/locales/zh-TW.d.ts

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -183,5 +183,9 @@ var zh_TW_default = {
   "pisell-number-format-billion": "十億",
   //walletCard 组件
   "walletCard-done": "完成",
-  "walletCard-qrcode": "二維碼"
+  "walletCard-qrcode": "二維碼",
+  "pisell-upload-button": "上傳",
+  "pisell-upload-setting-size-error": (maxSize) => `每個文件的大小不超過${maxSize}MB`,
+  "pisell-upload-setting-type-error": (type) => `不支持上傳${type}類型的文件`,
+  "pisell-upload-count-error": (count) => `請上傳${count}個文件`
 };

package/lowcode/data-source-form/constants.ts

@@ -20,6 +20,7 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   Checkbox: 'FormItemCheckbox',
   'Radio.Group': 'FormItemRadio.Group',
   'Checkbox.Group': 'FormItemCheckbox.Group',
+  Upload: 'FormItemUpload',
 };
 
 export const pisellCptMap: Record<string, boolean> = Object.entries(

package/lowcode/data-source-form/meta.ts

@@ -116,7 +116,7 @@ const dataSourceForm: MetaType = {
 
               let childrenSchemas = fields2ChildrenSchemas(
                 value.item.fields,
-                target.getProps().getPropValue('mode')
+                target.getProps().getPropValue('renderMode')
               );
 
               if (target.node.children.isEmptyNode) {
@@ -157,7 +157,7 @@ const dataSourceForm: MetaType = {
             componentName: 'PisellDataSourceSetter',
             props: (target: any) => {
               return {
-                mode: target.getProps().getPropValue('mode'),
+                mode: target.getProps().getPropValue('renderMode'),
                 variables: getDataSourceVariables(target),
               };
             },
@@ -215,7 +215,7 @@ const dataSourceForm: MetaType = {
                     if (nocobaseField) {
                       const appendSchema = createFormItemSchema(
                         nocobaseField,
-                        target.getProps().getPropValue('mode')
+                        target.getProps().getPropValue('renderMode')
                       );
                       const appendNode =
                         target.node.document.createNode(appendSchema);
@@ -241,7 +241,7 @@ const dataSourceForm: MetaType = {
           },
           condition(target) {
             return ['edit', 'view'].includes(
-              target.getProps().getPropValue('mode')
+              target.getProps().getPropValue('renderMode')
             );
           },
           extraProps: {