@pisell/materials 1.0.501 → 1.0.503

package/es/components/dataSourceComponents/dataSourceTable/filter/utils.js

@@ -46,7 +46,7 @@ var getCptProps = function getCptProps(field, cptType, item) {
   });
   props.placeholder = item.label;
   props.allowClear = true;
-  if (cptType === 'Select') {
+  if (cptType === 'FormItemSelect') {
     props.mode = 'multiple';
   }
   if (['Select', 'Radio.Group', 'Checkbox.Group'].includes(field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2['x-component']) && ((field === null || field === void 0 ? void 0 : (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : (_field$uiSchema3$enum = _field$uiSchema3.enum) === null || _field$uiSchema3$enum === void 0 ? void 0 : _field$uiSchema3$enum.length) || 0) > 0) {

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

@@ -59,7 +59,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -9,7 +9,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import React, { useMemo, useEffect } from 'react';
-import { Button, Space, Modal } from 'antd';
+import { Button, Space } from 'antd';
 import { isString } from '@pisell/utils';
 import { useMemoizedFn } from 'ahooks';
 import Filter from "../filter";
@@ -20,6 +20,7 @@ import useComponentId from "../../hooks/useComponentId";
 import useDataSource from "../../hooks/useDataSource";
 import PisellToast from "../../../pisellToast";
 import { getText } from "../../../../locales";
+import PisellModal from "../../../pisellModal";
 /**
  * 处理table的props
  * 转换title
@@ -114,6 +115,9 @@ var useTableProps = function useTableProps(props) {
                     case 0:
                       destroy === null || destroy === void 0 ? void 0 : destroy.runAsync(record.id).then(function () {
                         refreshData();
+                        PisellToast({
+                          content: getText('pisell-action-delete-success')
+                        });
                       });
                     case 1:
                     case "end":
@@ -157,7 +161,7 @@ var useTableProps = function useTableProps(props) {
             actionType = item.actionType;
           var handleClick = function handleClick() {
             if (actionType === 'delete') {
-              Modal.confirm({
+              PisellModal.confirm({
                 title: getText('pisell-delete-confirm-title'),
                 content: getText('pisell-delete-confirm-content'),
                 okText: getText('pisell-delete-confirm-ok'),

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -45,6 +45,9 @@ var Translation = function Translation(_ref) {
     open = _useState2[0],
     setOpen = _useState2[1];
   var hasAnyTranslation = useCallback(function () {
+    if (!value) {
+      return false;
+    }
     return Object.entries(value).some(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
         key = _ref3[0],
@@ -75,7 +78,7 @@ var Translation = function Translation(_ref) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "translation-label"
     }, label), /*#__PURE__*/React.createElement(Input, {
-      value: value[key],
+      value: (value === null || value === void 0 ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
       allowClear: true
     }));
@@ -83,7 +86,7 @@ var Translation = function Translation(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "translation-wrapper"
   }, /*#__PURE__*/React.createElement(Input, {
-    value: value.original,
+    value: (value === null || value === void 0 ? void 0 : value.original) || "",
     onChange: handleInputChange('original'),
     placeholder: placeholder,
     disabled: disabled,

package/es/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -498,9 +498,7 @@ var BaseUpload = function BaseUpload(props) {
     onOk: handleEditMultilingualOk
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-upload-multilingual-container"
-  }, SUPPORTED_LANGUAGES.filter(function (lang) {
-    return lang !== 'original';
-  }).map(function (lang) {
+  }, SUPPORTED_LANGUAGES.map(function (lang) {
     var _editMultilingualFile, _editMultilingualFile2, _editMultilingualFile3;
     return /*#__PURE__*/React.createElement("div", {
       key: lang,

package/es/components/dataSourceComponents/fields/Upload/index.less

@@ -75,4 +75,7 @@
 }
 .pisell-lowcode-image-preview-mask {
   z-index: 1201 !important;
+}
+.pisell-lowcode-image-preview-operations-wrapper {
+  z-index: 1202!important;
 }

package/es/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/es/locales/en-US.d.ts

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/es/locales/en-US.js

@@ -214,6 +214,7 @@ export default (_tableFilterSearch$ = {
   'pisell-color-picker-default': '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-points': 'Points',
   'walletCard-rechargeable': 'Recharge',
@@ -224,7 +225,7 @@ export default (_tableFilterSearch$ = {
   'pisellQrcode-qrcode': 'QR code',
   'pisell-design-mode-action-disabled': 'This action cannot be performed in edit mode',
   'pisell-delete-confirm-title': 'Confirm Delete',
-  'pisell-delete-confirm-content': 'Are you sure you want to delete this record?',
-  'pisell-delete-confirm-ok': 'OK',
+  'pisell-delete-confirm-content': 'Are you sure you want to delete this record? This action cannot be undone.',
+  'pisell-delete-confirm-ok': 'Delete',
   'pisell-delete-confirm-cancel': 'Cancel'
 }, _defineProperty(_tableFilterSearch$, "pisell-design-mode-action-disabled", 'This operation is not allowed in edit mode'), _defineProperty(_tableFilterSearch$, 'pisell-translation-original', 'Original'), _tableFilterSearch$);

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

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/es/locales/zh-CN.js

@@ -208,6 +208,7 @@ export default {
   'pisell-color-picker-default': '默认',
   // 获取数据
   'pisell-action-get-data': '请先获取数据',
+  'pisell-action-delete-success': '删除成功',
   'pisell-action-delete-failed': '删除失败,请重试',
   'walletCard-points': '积分卡',
   'walletCard-rechargeable': '充值卡',
@@ -217,8 +218,8 @@ export default {
   'pisellQrcode-done': '完成',
   'pisellQrcode-qrcode': '二维码',
   'pisell-delete-confirm-title': '确认删除',
-  'pisell-delete-confirm-content': '确定要删除该条记录吗?',
-  'pisell-delete-confirm-ok': '确定',
+  'pisell-delete-confirm-content': '确定要删除该条记录吗? 此操作无法撤销。',
+  'pisell-delete-confirm-ok': '删除',
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '编辑模式下不可执行此操作',
   'pisell-translation-original': '原始语言'

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

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/es/locales/zh-TW.js

@@ -209,6 +209,7 @@ export default {
   'pisell-color-picker-default': '默認',
   // 获取数据
   'pisell-action-get-data': '請先獲取數據',
+  'pisell-action-delete-success': '刪除成功',
   'pisell-action-delete-failed': '刪除失敗,請重試',
   'walletCard-points': '積分卡',
   'walletCard-rechargeable': '充值卡',
@@ -218,8 +219,8 @@ export default {
   'pisellQrcode-done': '完成',
   'pisellQrcode-qrcode': '二維碼',
   'pisell-delete-confirm-title': '確認刪除',
-  'pisell-delete-confirm-content': '確定要刪除該條記錄嗎?',
-  'pisell-delete-confirm-ok': '確定',
+  'pisell-delete-confirm-content': '確定要刪除該條記錄嗎? 此操作無法撤銷。',
+  'pisell-delete-confirm-ok': '刪除',
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '編輯模式下不可執行此操作',
   'pisell-translation-original': '原始語言'

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.js

@@ -76,7 +76,7 @@ var getCptProps = (field, cptType, item) => {
   };
   props.placeholder = item.label;
   props.allowClear = true;
-  if (cptType === "Select") {
+  if (cptType === "FormItemSelect") {
     props.mode = "multiple";
   }
   if (["Select", "Radio.Group", "Checkbox.Group"].includes(

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -59,7 +59,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -44,6 +44,7 @@ var import_useComponentId = __toESM(require("../../hooks/useComponentId"));
 var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var import_pisellToast = __toESM(require("../../../pisellToast"));
 var import_locales = require("../../../../locales");
+var import_pisellModal = __toESM(require("../../../pisellModal"));
 var useTableProps = (props) => {
   var _a;
   const {
@@ -113,6 +114,9 @@ var useTableProps = (props) => {
       setTimeout(async () => {
         destroy == null ? void 0 : destroy.runAsync(record.id).then(() => {
           refreshData();
+          (0, import_pisellToast.default)({
+            content: (0, import_locales.getText)("pisell-action-delete-success")
+          });
         });
       });
     } catch (error) {
@@ -140,7 +144,7 @@ var useTableProps = (props) => {
             const { label, actionType } = item;
             const handleClick = () => {
               if (actionType === "delete") {
-                import_antd.Modal.confirm({
+                import_pisellModal.default.confirm({
                   title: (0, import_locales.getText)("pisell-delete-confirm-title"),
                   content: (0, import_locales.getText)("pisell-delete-confirm-content"),
                   okText: (0, import_locales.getText)("pisell-delete-confirm-ok"),

package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -57,6 +57,9 @@ var Translation = ({
 }) => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const hasAnyTranslation = (0, import_react.useCallback)(() => {
+    if (!value) {
+      return false;
+    }
     return Object.entries(value).some(([key, val]) => val);
   }, [value]);
   const handleInputChange = (0, import_react.useCallback)(
@@ -72,7 +75,7 @@ var Translation = ({
   const content = /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-popover" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", style: { width: "100%" }, size: 16 }, languageConfig.map(({ key, label }) => /* @__PURE__ */ import_react.default.createElement("div", { key, className: "translation-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-label" }, label), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
-      value: value[key],
+      value: (value == null ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
       allowClear: true
     }
@@ -80,7 +83,7 @@ var Translation = ({
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
-      value: value.original,
+      value: (value == null ? void 0 : value.original) || "",
       onChange: handleInputChange("original"),
       placeholder,
       disabled,

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -447,7 +447,7 @@ var BaseUpload = (props) => {
       onCancel: handleEditMultilingualCancel,
       onOk: handleEditMultilingualOk
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-container" }, import_constants.SUPPORTED_LANGUAGES.filter((lang) => lang !== "original").map(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-container" }, import_constants.SUPPORTED_LANGUAGES.map(
       (lang) => {
         var _a, _b, _c;
         return /* @__PURE__ */ import_react.default.createElement("div", { key: lang, className: "pisell-upload-multilingual-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-title" }, (0, import_locales.getText)(`pisell-upload-multilingual-item-title-${lang}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-content" }, /* @__PURE__ */ import_react.default.createElement(

package/lib/components/dataSourceComponents/fields/Upload/index.less

@@ -75,4 +75,7 @@
 }
 .pisell-lowcode-image-preview-mask {
   z-index: 1201 !important;
+}
+.pisell-lowcode-image-preview-operations-wrapper {
+  z-index: 1202!important;
 }

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/locales/en-US.d.ts

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/lib/locales/en-US.js

@@ -199,6 +199,7 @@ var en_US_default = {
   "pisell-color-picker-default": "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-points": "Points",
   "walletCard-rechargeable": "Recharge",
@@ -209,8 +210,8 @@ var en_US_default = {
   "pisellQrcode-qrcode": "QR code",
   "pisell-design-mode-action-disabled": "This action cannot be performed in edit mode",
   "pisell-delete-confirm-title": "Confirm Delete",
-  "pisell-delete-confirm-content": "Are you sure you want to delete this record?",
-  "pisell-delete-confirm-ok": "OK",
+  "pisell-delete-confirm-content": "Are you sure you want to delete this record? This action cannot be undone.",
+  "pisell-delete-confirm-ok": "Delete",
   "pisell-delete-confirm-cancel": "Cancel",
   "pisell-design-mode-action-disabled": "This operation is not allowed in edit mode",
   "pisell-translation-original": "Original"

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

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/lib/locales/zh-CN.js

@@ -198,6 +198,7 @@ var zh_CN_default = {
   "pisell-color-picker-default": "默认",
   // 获取数据
   "pisell-action-get-data": "请先获取数据",
+  "pisell-action-delete-success": "删除成功",
   "pisell-action-delete-failed": "删除失败,请重试",
   "walletCard-points": "积分卡",
   "walletCard-rechargeable": "充值卡",
@@ -207,8 +208,8 @@ var zh_CN_default = {
   "pisellQrcode-done": "完成",
   "pisellQrcode-qrcode": "二维码",
   "pisell-delete-confirm-title": "确认删除",
-  "pisell-delete-confirm-content": "确定要删除该条记录吗?",
-  "pisell-delete-confirm-ok": "确定",
+  "pisell-delete-confirm-content": "确定要删除该条记录吗? 此操作无法撤销。",
+  "pisell-delete-confirm-ok": "删除",
   "pisell-delete-confirm-cancel": "取消",
   "pisell-design-mode-action-disabled": "编辑模式下不可执行此操作",
   "pisell-translation-original": "原始语言"

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

@@ -159,6 +159,7 @@ declare const _default: {
     'pisell-upload-multilingual-item-title-zh-HK': string;
     'pisell-color-picker-default': string;
     'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
     'pisell-action-delete-failed': string;
     'walletCard-points': string;
     'walletCard-rechargeable': string;

package/lib/locales/zh-TW.js

@@ -199,6 +199,7 @@ var zh_TW_default = {
   "pisell-color-picker-default": "默認",
   // 获取数据
   "pisell-action-get-data": "請先獲取數據",
+  "pisell-action-delete-success": "刪除成功",
   "pisell-action-delete-failed": "刪除失敗,請重試",
   "walletCard-points": "積分卡",
   "walletCard-rechargeable": "充值卡",
@@ -208,8 +209,8 @@ var zh_TW_default = {
   "pisellQrcode-done": "完成",
   "pisellQrcode-qrcode": "二維碼",
   "pisell-delete-confirm-title": "確認刪除",
-  "pisell-delete-confirm-content": "確定要刪除該條記錄嗎?",
-  "pisell-delete-confirm-ok": "確定",
+  "pisell-delete-confirm-content": "確定要刪除該條記錄嗎? 此操作無法撤銷。",
+  "pisell-delete-confirm-ok": "刪除",
   "pisell-delete-confirm-cancel": "取消",
   "pisell-design-mode-action-disabled": "編輯模式下不可執行此操作",
   "pisell-translation-original": "原始語言"

package/lowcode/data-source-table/utils.tsx

@@ -202,6 +202,21 @@ export const getJsSlot = () => {
   };
 };
 
+const toastTitleMap: Record<'add' | 'edit', any> = {
+  add: {
+    type: 'i18n',
+    en: 'Added successfully',
+    'zh-CN': '添加成功',
+    'zh-HK': '添加成功',
+  },
+  edit: {
+    type: 'i18n',
+    en: 'Updated successfully',
+    'zh-CN': '更新成功',
+    'zh-HK': '更新成功',
+  },
+}
+
 export const getFormContent = (target: any, mode: 'add' | 'edit' | 'view') => {
   const fields = getVariable(target, 'currentFields');
   let childrenSchemas = [createFormGroup(fields2ChildrenSchemas(fields, mode))];
@@ -216,6 +231,11 @@ export const getFormContent = (target: any, mode: 'add' | 'edit' | 'view') => {
     childrenSchemas = childrenSchemas.concat(
       createSubmitButton({
         afterSubmitType: 'close',
+        toastConfig: {
+          enable: true,
+          showAfterSubmit: true,
+          title: toastTitleMap[mode as 'add' | 'edit'],
+        },
       })
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.501",
+  "version": "1.0.503",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -68,8 +68,8 @@
     "styled-components": "^6.0.0-rc.3",
     "libphonenumber-js": "^1.11.17",
     "@pisell/icon": "0.0.10",
-    "@pisell/date-picker": "1.0.114",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/date-picker": "1.0.114"
   },
   "peerDependencies": {
     "react": "^18.0.0",