@pisell/materials 6.6.2 → 6.6.4

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "large" | "middle" | "small";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/es/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Switch/ReadPretty.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import Iconfont from "../../../iconfont";
+import "./ReadPretty.less";
+var SwitchReadPretty = function SwitchReadPretty(props) {
+  var value = props.value,
+    checked = props.checked;
+  var isChecked = value !== undefined ? value : checked;
+  return isChecked ? /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-check",
+    style: {
+      color: 'var(--theme-color)',
+      fontSize: 20
+    }
+  }) : null;
+};
+export default SwitchReadPretty;

package/es/components/dataSourceComponents/fields/Switch/ReadPretty.less

@@ -0,0 +1,2 @@
+// Switch ReadPretty styles
+

package/es/components/dataSourceComponents/fields/Switch/WithMode.js

@@ -0,0 +1,5 @@
+import { withMode } from "../../dataSourceForm/utils";
+import { Switch } from 'antd';
+import ReadPretty from "./ReadPretty";
+var SwitchWithMode = withMode(Switch, ReadPretty);
+export default SwitchWithMode;

package/es/components/dataSourceComponents/fields/Switch/index.js

@@ -0,0 +1,8 @@
+import SwitchWithMode from "./WithMode";
+import { withFormItem } from "../../dataSourceForm/utils";
+var Switch = withFormItem(SwitchWithMode, {
+  otherFormItemProps: {
+    valuePropName: 'checked'
+  }
+});
+export default Switch;

package/es/components/dataSourceComponents/fields/Switch/type.js

@@ -0,0 +1 @@
+export {};

package/es/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -60,11 +60,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -84,11 +80,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+}) | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
@@ -96,7 +88,15 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => JSX.Element) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+});
 export { getFieldComponent, formFieldMap };

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -258,32 +258,38 @@ var useActions = function useActions() {
             designModeToast();
             return _context4.abrupt("return", Promise.reject());
           case 3:
+            if (!(currentDataSource !== null && currentDataSource !== void 0 && currentDataSource.fromSettingMeta)) {
+              _context4.next = 5;
+              break;
+            }
+            return _context4.abrupt("return", Promise.reject());
+          case 5:
             if (!isCustomApi) {
-              _context4.next = 11;
+              _context4.next = 13;
               break;
             }
             actions = getParsedActions();
             if (actions.update) {
-              _context4.next = 7;
+              _context4.next = 9;
               break;
             }
             return _context4.abrupt("return", {});
-          case 7:
+          case 9:
             updateApi = genCustomApi(actions === null || actions === void 0 ? void 0 : actions.update);
             return _context4.abrupt("return", updateApi(formatCreateUpdateParams(values)));
-          case 11:
+          case 13:
             id = (extraParams === null || extraParams === void 0 ? void 0 : extraParams.filterByTk) || (values === null || values === void 0 ? void 0 : values.id);
             if (!(!id || !name)) {
-              _context4.next = 15;
+              _context4.next = 17;
               break;
             }
             PisellToast({
               content: getText('pisell-action-get-data')
             });
             return _context4.abrupt("return", Promise.reject());
-          case 15:
-            _context4.prev = 15;
-            _context4.next = 18;
+          case 17:
+            _context4.prev = 17;
+            _context4.next = 20;
             return updateNocobaseData({
               key: name,
               data: formatCreateUpdateParams(values),
@@ -292,18 +298,18 @@ var useActions = function useActions() {
                 filterByTk: id
               }, extraParams === null || extraParams === void 0 ? void 0 : extraParams.update)
             });
-          case 18:
+          case 20:
             res = _context4.sent;
             return _context4.abrupt("return", res);
-          case 22:
-            _context4.prev = 22;
-            _context4.t0 = _context4["catch"](15);
+          case 24:
+            _context4.prev = 24;
+            _context4.t0 = _context4["catch"](17);
             return _context4.abrupt("return", Promise.reject());
-          case 25:
+          case 27:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[15, 22]]);
+      }, _callee4, null, [[17, 24]]);
     }));
     return function (_x3) {
       return _ref12.apply(this, arguments);

package/es/components/date-picker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './index.less';

package/es/components/date-picker/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/es/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/es/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/es/components/pisellToast/squareToast/renderImperatively.js

@@ -14,16 +14,37 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 * as ReactDOM from 'react-dom';
-import { createRoot } from 'react-dom/client';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 var MARK = '__pisell_react_root__';
 
 // ========================== Render ==========================
 
 export function render(node, container) {
-  var root = container[MARK] || createRoot(container);
-  root.render(node);
-  container[MARK] = root;
+  var root = container[MARK];
+  if (root) {
+    root.render(node);
+    return;
+  }
+  var ReactMajorVersion = parseInt(React.version.split('.')[0], 10);
+  var isReact18OrNewer = ReactMajorVersion >= 18;
+
+  // 尝试探测 ReactDOM.createRoot (某些环境或 Polyfill)
+  var fallbackCreateRoot = ReactDOM.createRoot;
+  if (isReact18OrNewer && fallbackCreateRoot) {
+    var _root = fallbackCreateRoot(container);
+    _root.render(node);
+    container[MARK] = _root;
+    return;
+  }
+
+  // React 19 强制检查：如果此时还没找到 createRoot，必须报错
+  // 因为 React 19 已移除 ReactDOM.render
+  if (ReactMajorVersion >= 19) {
+    console.error('[pisellToast] React 19+ requires `createRoot`. Please call `setCreateRoot(createRoot)` at your app entry.');
+  }
+
+  // 降级到 Legacy Render (React 16/17 或 React 18 Legacy Mode)
+  ReactDOM.render(node, container);
 }
 
 // ========================= Unmount ==========================
@@ -36,9 +57,15 @@ function _unmount() {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           return _context2.abrupt("return", Promise.resolve().then(function () {
-            var _container$MARK;
-            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
-            delete container[MARK];
+            if (container[MARK]) {
+              var _container$MARK;
+              // React 18+ with createRoot
+              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
+              delete container[MARK];
+            } else {
+              // Legacy React 16/17
+              ReactDOM.unmountComponentAtNode(container);
+            }
           }));
         case 1:
         case "end":
@@ -49,12 +76,6 @@ function _unmount() {
   return _unmount.apply(this, arguments);
 }
 var defaultReactRender = function defaultReactRender(node, container) {
-  // React 19 及以上版本 ，只在开发环境下警告
-  if (process.env.NODE_ENV !== 'production') {
-    var majorVersion = parseInt(React.version.split('.')[0], 10);
-    var fullKeys = Object.keys(ReactDOM);
-    console.warn(majorVersion < 19 || fullKeys.includes('createRoot'), "[Compatible] Toast support React is 16 ~ 18.");
-  }
   render(node, container);
   return function () {
     return unmount(container);
@@ -71,9 +92,13 @@ export function unstableSetRender(render) {
   }
   return unstableRender;
 }
-export function renderToBody(element) {
-  var container = document.createElement('div');
-  document.body.appendChild(container);
+var sharedContainer = null;
+function renderToBody(element) {
+  if (!sharedContainer) {
+    sharedContainer = document.createElement('div');
+    document.body.appendChild(sharedContainer);
+  }
+  var container = sharedContainer;
   return unstableSetRender()(element, container);
 }
 export function renderImperatively(element) {

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

@@ -134,6 +134,12 @@ export interface PisellWalletPassCardProps {
     maxRedeem?: number;
     /** 编辑金额前事件 */
     onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
+    /** 是否显示持有人 */
+    showHolderName?: boolean;
+    /** 持有人, 表单记录，展示时一般取main_field */
+    holder?: any;
+    /** 持有人点击回调 */
+    onSetHolder?: (currentValue?: any) => void;
     [key: string]: any;
 }
 declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;