@pisell/materials 6.3.9 → 6.3.11

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

@@ -63,6 +63,7 @@ var ExportImport = ({ exportImport }) => {
   const [type, setType] = (0, import_react.useState)(import_status.defaultOptions.exportType);
   const [value, setValue] = (0, import_react.useState)("");
   const [errorStatus, setErrorStatus] = (0, import_react.useState)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const { state } = (0, import_hooks.useSharedState)(import_model.Context);
   const { originResultDataSource, currentDataSource } = state;
   const context = (0, import_useEngineContext.default)();
@@ -142,33 +143,43 @@ var ExportImport = ({ exportImport }) => {
   });
   const onOk = async () => {
     const { apiUrl, otherParams } = exportImport;
-    if (value === import_status.defaultOptions.exportValue) {
-      const _params = {
-        type,
-        originDataSource: originResultDataSource,
-        currentDataSource
-      };
-      const result = await (0, import_function.batchExport)(_params, exportImport);
-      if (result) {
-        onCancel();
-      }
-    } else if (value === import_status.defaultOptions.importValue) {
-      const formData = new FormData();
-      formData.append("file", file);
-      const formId = otherParams == null ? void 0 : otherParams.form_id;
-      const formCode = otherParams == null ? void 0 : otherParams.code;
-      if (formId) {
-        formData.append("form_id", formId);
-      }
-      if (formCode) {
-        formData.append("code", formCode);
-      }
-      formData.append("url", (apiUrl == null ? void 0 : apiUrl.export) || "");
-      if (formData) {
-        import_antd.message.loading({ content: "Loading...", key: value });
-        _batchImport.run(formData);
+    setLoading(true);
+    try {
+      if (value === import_status.defaultOptions.exportValue) {
+        const _params = {
+          type,
+          originDataSource: originResultDataSource,
+          currentDataSource
+        };
+        const result = await (0, import_function.batchExport)(_params, exportImport);
+        if (result) {
+          onCancel();
+        }
+      } else if (value === import_status.defaultOptions.importValue) {
+        const formData = new FormData();
+        formData.append("file", file);
+        const formId = otherParams == null ? void 0 : otherParams.form_id;
+        const formCode = otherParams == null ? void 0 : otherParams.code;
+        if (formId) {
+          formData.append("form_id", formId);
+        }
+        if (formCode) {
+          formData.append("code", formCode);
+        }
+        formData.append("url", (apiUrl == null ? void 0 : apiUrl.import) || "");
+        if (otherParams.import) {
+          Object.entries(otherParams.import).forEach(([key, value2]) => {
+            formData.append(key, value2);
+          });
+        }
+        if (formData) {
+          import_antd.message.loading({ content: "Loading...", key: value });
+          await _batchImport.run(formData);
+        }
       }
+    } catch (error) {
     }
+    setLoading(false);
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Dropdown,
@@ -196,6 +207,7 @@ var ExportImport = ({ exportImport }) => {
       onOk,
       cancelText: (0, import_locales.getText)("table-action-export-import-cancel"),
       okButtonProps: {
+        loading,
         disabled: value === import_status.defaultOptions.importValue && (!file || !!errorStatus)
       }
     },

package/lib/components/table/Table/SelectField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/lib/components/table/Table/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -197,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

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

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting")[];
+}) => ("filters" | "filter_setting" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting")[];
 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/table/serve.js

@@ -35,6 +35,14 @@ var defaultUrl = {
   template: "/shop/form/data/download-template"
 };
 var formatApiParams = (params, type) => {
+  if (params instanceof FormData) {
+    let url = params.get("url");
+    params.delete("url");
+    return {
+      url: url || (defaultUrl == null ? void 0 : defaultUrl[type]),
+      params
+    };
+  }
   const _url = (params == null ? void 0 : params.url) || (defaultUrl == null ? void 0 : defaultUrl[type]);
   let _params = { ...params };
   delete _params.url;

package/lib/components/tabs/index.js

@@ -46,6 +46,11 @@ var Tabs = class extends import_react.Component {
   componentDidMount() {
     document.body.id = "body";
   }
+  componentDidUpdate(prevProps) {
+    if (prevProps.activeKey !== this.props.activeKey) {
+      this.setState({ activeKey: this.props.activeKey });
+    }
+  }
   _handleChange = (key) => {
     this.setActiveKey(key);
   };

package/lib/components/walletCard/index.js

@@ -53,7 +53,7 @@ var DEFAULT_PROPS = {
   showWalletName: true,
   shopName: "Store name",
   showShopName: true,
-  cardNo: "Wallet number",
+  cardNo: "WL0000000001",
   cardStyle: "normal",
   codeType: "barCode",
   platform: "pc",
@@ -64,24 +64,44 @@ var DEFAULT_PROPS = {
   isLogin: true,
   items: [
     {
-      key: "rechargeable",
-      label: "rechargeable",
-      value: 0
+      type: "rechargeable",
+      display: 1,
+      custom_title: {
+        original: "Balance",
+        "zh-CN": "充值卡",
+        "zh-HK": "充值卡",
+        en: "Balance"
+      }
     },
     {
-      key: "piont",
-      label: "piont",
-      value: 10
+      type: "point",
+      display: 1,
+      custom_title: {
+        original: "Points",
+        "zh-CN": "积分卡",
+        "zh-HK": "積分卡",
+        en: "Points"
+      }
     },
     {
-      key: "voucher",
-      label: "Discount cardvoucher",
-      value: 0
+      type: "voucher",
+      display: 1,
+      custom_title: {
+        original: "Voucher",
+        "zh-CN": "代金券",
+        "zh-HK": "代金券",
+        en: "Voucher"
+      }
     },
     {
-      key: "discount",
-      label: "discount",
-      value: 0
+      type: "discount",
+      display: 1,
+      custom_title: {
+        original: "Discount",
+        "zh-CN": "折扣卡",
+        "zh-HK": "折扣卡",
+        en: "Discount"
+      }
     }
   ]
 };
@@ -101,7 +121,7 @@ var useCodeModal = (cardNo, onCodeClick, codeType) => {
     e.stopPropagation();
     if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
       const typeMap = {
-        orCode: "qrCode",
+        qrCode: "qrCode",
         barCode: "barCode"
       };
       (_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.postMessageToApp) == null ? void 0 : _d.call(_c, {
@@ -188,8 +208,12 @@ var CardHeader = ({
   )));
 };
 var CardItem = ({ item, symbol }) => {
-  const { key, label, value } = item;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, key === "rechargeable" ? /* @__PURE__ */ import_react.default.createElement(
+  var _a;
+  const { type, custom_title, value } = item;
+  const context = (0, import_useEngineContext.default)();
+  const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
+  const translationOriginal = (utils == null ? void 0 : utils.translationOriginal) || (utils == null ? void 0 : utils.translation);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, translationOriginal(custom_title || "") || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, type === "rechargeable" ? /* @__PURE__ */ import_react.default.createElement(
     import_Amount.default,
     {
       className: "pisell-card-amount-item-value",
@@ -199,27 +223,19 @@ var CardItem = ({ item, symbol }) => {
       showCurrencySymbol: true,
       value
     }
-  ) : value));
+  ) : value || "0"));
 };
 var CardContent = ({ items, symbol }) => {
-  const expectedOrder = ["piont", "balance", "discount", "voucher"];
-  const sortedItems = (0, import_react.useMemo)(() => {
-    if (!(items == null ? void 0 : items.length)) return [];
-    return [...items].sort((a, b) => {
-      const indexA = expectedOrder.indexOf(a.key);
-      const indexB = expectedOrder.indexOf(b.key);
-      return indexA - indexB;
-    });
-  }, [items]);
+  const filteredItems = (items || []).filter((item) => item.display !== 0);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-list",
       style: {
-        justifyContent: (sortedItems || []).length > 1 ? "space-between" : "flex-start"
+        justifyContent: filteredItems.length > 1 ? "space-between" : "flex-start"
       }
     },
-    (sortedItems || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol }))
+    filteredItems.map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol }))
   );
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
@@ -336,7 +352,9 @@ var WalletCard = (props) => {
     }
     utils == null ? void 0 : utils.action({
       type: "pisell1.goWallet",
-      data: {},
+      data: {
+        id: props.id
+      },
       callback: () => {
       }
     });

package/lib/locales/en-US.js

@@ -168,7 +168,7 @@ var en_US_default = {
   "pisell-adjust-price-total-after-discount": "Total after discount: ",
   "pisell-adjust-price-discount-can-be-maximum": "Discount can be maximum",
   "pisell-discount-card-title": "Discount",
-  "pisell-discount-card-unit": "off",
+  "pisell-discount-card-unit": "OFF",
   "pisell-discount-card-fixed-amount-prefix": "Save",
   // 数据源表格
   "pisell-data-source-table-add": "Add",
@@ -215,7 +215,7 @@ var en_US_default = {
   "pisell-action-get-data": "Please get data first",
   "pisell-action-delete-success": "Deleted successfully",
   "pisell-action-delete-failed": "Delete failed, please try again",
-  "walletCard-piont": "Points",
+  "walletCard-point": "Points",
   "walletCard-rechargeable": "Balance",
   "walletCard-voucher": "Voucher",
   "walletCard-discount": "Discount",

package/lib/locales/zh-CN.js

@@ -214,7 +214,7 @@ var zh_CN_default = {
   "pisell-action-get-data": "请先获取数据",
   "pisell-action-delete-success": "删除成功",
   "pisell-action-delete-failed": "删除失败,请重试",
-  "walletCard-piont": "积分",
+  "walletCard-point": "积分",
   "walletCard-rechargeable": "余额",
   "walletCard-voucher": "代金券",
   "walletCard-discount": "折扣卡",

package/lib/locales/zh-TW.js

@@ -214,7 +214,7 @@ var zh_TW_default = {
   "pisell-action-get-data": "請先獲取數據",
   "pisell-action-delete-success": "刪除成功",
   "pisell-action-delete-failed": "刪除失敗,請重試",
-  "walletCard-piont": "積分",
+  "walletCard-point": "積分",
   "walletCard-rechargeable": "餘額",
   "walletCard-voucher": "代金券",
   "walletCard-discount": "折扣卡",

package/lib/typings.d.ts

@@ -1,4 +1,10 @@
 declare module '*.png' {
   const content: string;
   export default content;
-} 
+} 
+
+namespace JSX {
+  interface IntrinsicElements {
+    [elemName: string]: any;
+  }
+}

package/lowcode/pisell-text.editable/meta.ts

@@ -0,0 +1,115 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellText.Editable',
+  title: '可编辑文本',
+  category: '数据输入',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellText',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: 'Editable',
+  },
+  props: [
+    {
+      name: 'value',
+      title: {
+        label: '文本内容',
+        tip: '文本内容，支持字符串或多语言对象'
+      },
+      propType: {
+        type: 'oneOfType',
+        value: ['string', 'object']
+      },
+      setter: {
+        componentName: 'MixedSetter',
+        props: {
+          setters: [
+            'StringSetter',
+            'JsonSetter'
+          ]
+        }
+      },
+    },
+    {
+      name: 'editable',
+      title: {
+        label: '启用编辑',
+        tip: '启用编辑功能，支持布尔值或详细配置对象',
+      },
+      propType: {
+        type: 'oneOfType',
+        value: ['bool', 'object']
+      },
+      setter: {
+        componentName: 'MixedSetter',
+        props: {
+          setters: [
+            'BoolSetter',
+            {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'disabled',
+                      title: { label: '禁用编辑', tip: '是否禁用编辑功能' },
+                      propType: 'bool',
+                      setter: 'BoolSetter',
+                      defaultValue: false,
+                    },
+                    {
+                      name: 'maxLength',
+                      title: { label: '最大长度', tip: '编辑时的最大字符长度' },
+                      propType: 'number',
+                      setter: 'NumberSetter',
+                    }
+                  ]
+                }
+              }
+            }
+          ]
+        }
+      },
+      defaultValue: false,
+    },
+    {
+      name: 'size',
+      title: { label: '尺寸', tip: '输入框尺寸' },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      setter: [
+        {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { title: 'Large', value: 'large' },
+              { title: 'Middle', value: 'middle' },
+              { title: 'Small', value: 'small' },
+            ]
+          }
+        },
+        'VariableSetter'
+      ],
+      defaultValue: 'middle',
+    },
+    {
+      name: 'className',
+      title: { label: '类名', tip: '自定义CSS类名' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      className: true,
+      events: ['onChange'],
+    }
+  },
+};

package/lowcode/pisell-text.editable/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '可编辑文本',
+    schema: {
+      componentName: 'PisellText.Editable',
+      props: {
+        value: '可编辑的文本内容',
+        editable: {
+          maxLength: 50,
+          disabled: false,
+        },
+      },
+    },
+  },
+];

package/lowcode/sortable-list/meta.ts

@@ -70,7 +70,7 @@ export default {
               title: '渲染函数插槽',
               initialValue: {
                 type: 'JSSlot',
-                params: ['item'],
+                params: ['item', 'index'],
                 value: [
                   {
                     componentName: 'Button',

package/lowcode/wallet-card/meta.ts

@@ -241,6 +241,26 @@ export default {
           setter: 'BoolSetter',
           defaultValue: false,
         },
+        {
+          name: 'codeType',
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'Code Type',
+              'zh-CN': '条码类型',
+            },
+          },
+          setter: {
+            componentName: 'RadioGroupSetter',
+            props: {
+              options: [
+                { title: '条形码', value: 'barCode' },
+                { title: '二维码', value: 'qrCode' },
+              ],
+            },
+          },
+          defaultValue: 'qrCode',
+        },
       ],
     },
     {

package/package.json

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

package/es/components/appVersionControl/index.d.ts

@@ -1,4 +0,0 @@
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
-export default AppVersionControl;

package/es/components/cardPro/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: (props: any) => JSX.Element;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { FormInstance } from 'antd';
-import { ModeType } from './type';
-import './style.less';
-export interface WithModeProps {
-    renderMode?: ModeType;
-    value?: any;
-    onChange?: (value: any) => void;
-    [key: string]: any;
-}
-/**
- * @title: 增加renderMode属性
- * @description: 基于renderMode属性控制渲染模式
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:13:18
- */
-export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
-    renderMode: ModeType;
-}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
-export interface WithFormItemProps {
-    name: string;
-    label?: string;
-    mode?: ModeType;
-    [key: string]: any;
-}
-export declare const formItemNameReplace: (name: string) => string;
-export declare const formItemNameReverse: (name: string) => string;
-export declare const isValidDomain: (value: string) => boolean;
-/**
- * @title: 追加formItem层
- * @description:
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:14:25
- */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
-    innerProps?: Record<string, any> | undefined;
-} | undefined) => React.FC<P & WithFormItemProps>;
-export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    dataSource?: any;
-}) => JSX.Element;
-export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
-export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
-export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
-export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
-export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
-export declare const setFormFieldsUntouched: (form: FormInstance) => void;

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

@@ -1,38 +0,0 @@
-import { Drawer } from 'antd';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: import("react").ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: import("react").ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;