@pisell/materials 2.2.114 → 2.2.115

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

@@ -64,6 +64,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)();
@@ -143,33 +144,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,
@@ -197,6 +208,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/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

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/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

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

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => 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

@@ -220,8 +220,8 @@ export default {
               'zh-CN': '是否显示二维码/条形码图标。类型: boolean',
             },
           },
-          setter: 'BoolSetter',
-          defaultValue: true,
+          setter: "BoolSetter",
+          defaultValue: true
         },
         {
           name: 'showViewPin',
@@ -241,7 +241,27 @@ 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',
+        }
+      ]
     },
     {
       name: 'guest',

package/package.json

@@ -1,12 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.114",
-  "scripts": {
-    "dev": "father dev",
-    "build": "father build",
-    "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
-    "lowcode:build": " build-scripts build --config ./build.lowcode.js"
-  },
+  "version": "2.2.115",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,9 +55,6 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "@pisell/date-picker": "workspace:*",
-    "@pisell/icon": "workspace:*",
-    "@pisell/utils": "workspace:*",
     "@react-spring/web": "^9.6.1",
     "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
@@ -83,7 +74,10 @@
     "swiper": "^8.4.7",
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
-    "react-camera-pro": "1.4.0"
+    "react-camera-pro": "1.4.0",
+    "@pisell/date-picker": "1.0.102",
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "2.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -91,5 +85,11 @@
   },
   "componentConfig": {
     "materialSchema": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/assets-prod.json"
+  },
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build",
+    "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
+    "lowcode:build": " build-scripts build --config ./build.lowcode.js"
   }
 }

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/auto-resize-text/auto-text-size-standalone.d.ts

@@ -1,20 +0,0 @@
-export declare type Options = {
-    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
-    minFontSizePx?: number | undefined;
-    maxFontSizePx?: number | undefined;
-    fontSizePrecisionPx?: number | undefined;
-    scrollToEnd?: boolean | undefined;
-};
-export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): void;
-declare type DisconnectableFunction = {
-    (): void;
-    disconnect: () => void;
-};
-export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): DisconnectableFunction;
-export {};

package/es/components/auto-resize-text/index.d.ts

@@ -1,6 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
-import { Options } from './auto-text-size-standalone';
-export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
-    as?: keyof ReactHTML | React.ComponentType<any>;
-    children?: React.ReactNode;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

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

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