@pisell/materials 6.3.9 → 6.3.11

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: string | number | boolean | JSX.Element | React.ReactFragment | (() => 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: string | number | boolean | JSX.Element | React.ReactFragment | (() => 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/fields/Input.Subdomain/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "xzero" | "saas";
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

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

@@ -19,7 +19,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "xzero" | "saas";
+            rootDomain: "custom" | "saas" | "xzero";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -59,7 +59,13 @@ 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("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | 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>;
+}) | 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("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("./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("./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>;
@@ -72,18 +78,14 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "xzero" | "saas";
+        rootDomain: "custom" | "saas" | "xzero";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<any> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & 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("./DateRangePicker/type").DateRangePickerProps & 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("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>;
@@ -95,7 +97,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & 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("./Upload/type").UploadProps & 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>;
+}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & 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("./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>;
 export { getFieldComponent, formFieldMap };

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }

package/es/components/pisellQRScanner/index.js

@@ -18,14 +18,6 @@ import "./index.less";
 import { createPortal } from 'react-dom';
 import { getText } from "../../locales";
 
-// 不使用全局声明，改用本地引入React类型
-
-// 扩展HTMLAttributes接口以包含children属性
-
-// 扩展DetailedHTMLProps类型以使用扩展的HTMLAttributes
-
-// 声明JSX命名空间，解决JSX.IntrinsicElements错误
-
 // 精确定义组件属性，只接收需要的属性
 
 /**

package/es/components/pisellText/components/Editable/index.js

@@ -0,0 +1,130 @@
+var _excluded = ["value", "children", "editable", "onChange", "className", "size"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useMemo } from 'react';
+import { Input } from 'antd';
+import Icon from "../../../icon";
+import { locales } from '@pisell/utils';
+import classNames from 'classnames';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import Translation from "../../../translation";
+import "./index.less";
+var Editable = function Editable(props) {
+  var value = props.value,
+    children = props.children,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? false : _props$editable,
+    onChange = props.onChange,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = useEngineContext();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  // 解析编辑配置
+  var editableConfig = useMemo(function () {
+    if (typeof editable === 'boolean') {
+      return editable ? {} : null;
+    }
+    return editable || null;
+  }, [editable]);
+  var currentLocale = useMemo(function () {
+    var _context$appHelper$ut;
+    var locale = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale');
+    return locales.formatLocale(locale);
+  }, []);
+  var displayValue = useMemo(function () {
+    if (typeof children === 'string') return children;
+    if (typeof value === 'string') {
+      return value;
+    }
+    if (value && _typeof(value) === 'object') {
+      return value[currentLocale] || '';
+    }
+    return '';
+  }, [value, currentLocale, children]);
+
+  // 判断是否为多语言对象
+  var isMultiLanguage = useMemo(function () {
+    return !!value && _typeof(value) === 'object';
+  }, [value]);
+
+  // 编辑功能
+  var handleEdit = function handleEdit() {
+    if (editableConfig !== null && editableConfig !== void 0 && editableConfig.disabled) return;
+    setIsEditing(true);
+  };
+  var handleInputChange = function handleInputChange(newValue) {
+    if (!onChange) return;
+    onChange(newValue);
+  };
+
+  // 编辑模式渲染
+  if (isEditing && editableConfig) {
+    // 如果是多语言对象，使用 Translation 组件
+    if (isMultiLanguage) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('pisell-text-editable-editing', className)
+      }, /*#__PURE__*/React.createElement(Translation, {
+        value: value,
+        onChange: handleInputChange,
+        onPressEnter: function onPressEnter() {
+          return setIsEditing(false);
+        }
+        // onBlur={() => setIsEditing(false)}
+        ,
+        maxLength: editableConfig.maxLength,
+        size: size,
+        autoFocus: true
+      }));
+    }
+
+    // 普通字符串，使用 Input 组件
+    return /*#__PURE__*/React.createElement(Input, {
+      value: displayValue,
+      onChange: function onChange(e) {
+        return handleInputChange(e.target.value);
+      },
+      onPressEnter: function onPressEnter() {
+        return setIsEditing(false);
+      }
+      // onBlur={() => setIsEditing(false)}
+      ,
+      maxLength: editableConfig.maxLength,
+      size: size,
+      autoFocus: true,
+      className: classNames('pisell-text-editable-input', className),
+      style: others.style
+    });
+  }
+
+  // 正常显示模式
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames('pisell-text-editable', className, {
+      'pisell-text-editable-enabled': editableConfig && !editableConfig.disabled
+    })
+  }, others), displayValue, editableConfig && !editableConfig.disabled && !isEditing && /*#__PURE__*/React.createElement("span", {
+    className: "pisell-text-editable-edit-icon",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleEdit();
+    },
+    title: "\u70B9\u51FB\u7F16\u8F91"
+  }, editableConfig.icon || /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-edit-05",
+    size: 16
+  })));
+};
+export default Editable;

package/es/components/pisellText/components/Editable/index.less

@@ -0,0 +1,40 @@
+.pisell-text-editable {
+  position: relative;
+  
+  &-enabled {
+    cursor: pointer;
+  }
+  
+  &-edit-icon {
+    margin-left: 4px;
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 12px;
+    opacity: 1;
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 1;
+    
+    &:hover {
+      color: #1890ff;
+    }
+    
+    // 确保内部的图标不会阻止点击事件
+    * {
+      pointer-events: none;
+    }
+  }
+  
+  &-input {
+    min-width: 100px;
+    
+    &.ant-input {
+      border: 1px solid #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+  
+  &-editing {
+    display: inline-block;
+    width: 100%;
+  }
+}

package/es/components/pisellText/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import Amount from "./components/Amount";
+import Editable from "./components/Editable";
 var PisellText = function PisellText(props) {
   return /*#__PURE__*/React.createElement("span", props);
 };
 PisellText.Amount = Amount;
+PisellText.Editable = Editable;
 export default PisellText;

package/es/components/select/index.js

@@ -23,6 +23,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     options = props.options,
     propsDropdownRender = props.dropdownRender,
     showSearch = props.showSearch,
+    onSearch = props.onSearch,
     styleType = props.styleType,
     _props$optionFilterPr = props.optionFilterProp,
     optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
@@ -87,7 +88,8 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
       placeholder: getText('select-dropdown-render-search'),
       value: searchValue,
       onChange: function onChange(e) {
-        return setSearchValue(e.target.value);
+        onSearch === null || onSearch === void 0 || onSearch(e.target.value);
+        setSearchValue(e.target.value);
       },
       bordered: false,
       allowClear: true,
@@ -105,7 +107,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
       onChange: onSelectAllChange,
       checked: checkboxChecked
     }, getText('select-dropdown-render-select-all')))));
-  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender, searchValue, showSearch]);
+  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender, searchValue, showSearch, onSearch]);
   if (styleType === 'system') {
     return /*#__PURE__*/React.createElement(BrowserSelect, props);
   }

package/es/components/select-time/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

package/es/components/sortableList/index.js

@@ -18,13 +18,14 @@ var SortableList = function SortableList(props) {
     activationConstraint: activationConstraint
   }, function (params) {
     var item = params.item,
+      index = params.index,
       p = params.props,
       attributes = params.attributes,
       listeners = params.listeners,
       style = params.style;
     return /*#__PURE__*/React.createElement("div", _extends({}, p, attributes, listeners, {
       style: style
-    }), renderItem === null || renderItem === void 0 ? void 0 : renderItem(item));
+    }), renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index));
   });
 };
 export default SortableList;

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.js

@@ -12,6 +12,12 @@ import { getText } from "../../../../../../../locales/index";
 import { exportData } from "../../../../../serve";
 import { defaultOptions } from "../../../../../status";
 import { getFileDateName } from "../../utils/file";
+var exportImportTypeMap = {
+  'current-page': 'page',
+  'all-records': 'all',
+  'selected-records': 'select'
+};
+
 // 导出接口
 var _batchExport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
@@ -52,7 +58,8 @@ export var batchExport = function batchExport(exportParams, exportImport) {
     apiUrl = exportImport.apiUrl,
     otherParams = exportImport.otherParams;
   var _name = getFileDateName();
-  var params = _objectSpread({}, otherParams);
+  // 拆分导入导出参数
+  var params = otherParams !== null && otherParams !== void 0 && otherParams.export ? _objectSpread({}, otherParams === null || otherParams === void 0 ? void 0 : otherParams.export) : _objectSpread({}, otherParams);
   params.url = apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.export;
   console.log("exportParams", exportParams);
   var type = (exportParams === null || exportParams === void 0 ? void 0 : exportParams.type) || defaultOptions.exportType;
@@ -92,6 +99,9 @@ export var batchExport = function batchExport(exportParams, exportImport) {
     params === null || params === void 0 || delete params.shipping_status;
     params === null || params === void 0 || delete params.payment_status;
     params === null || params === void 0 || delete params.status;
+  } else {
+    params === null || params === void 0 || delete params.ids;
   }
+  params.export_select = exportImportTypeMap[type];
   return _batchExport(params);
 };

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

@@ -55,6 +55,10 @@ var ExportImport = function ExportImport(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     errorStatus = _useState10[0],
     setErrorStatus = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    loading = _useState12[0],
+    setLoading = _useState12[1];
   var _useSharedState = useSharedState(Context),
     state = _useSharedState.state;
   var originResultDataSource = state.originResultDataSource,
@@ -147,9 +151,11 @@ var ExportImport = function ExportImport(_ref) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            apiUrl = exportImport.apiUrl, otherParams = exportImport.otherParams; // 导出
+            apiUrl = exportImport.apiUrl, otherParams = exportImport.otherParams;
+            setLoading(true);
+            _context.prev = 2;
             if (!(value === defaultOptions.exportValue)) {
-              _context.next = 9;
+              _context.next = 11;
               break;
             }
             _params = {
@@ -157,41 +163,62 @@ var ExportImport = function ExportImport(_ref) {
               originDataSource: originResultDataSource,
               currentDataSource: currentDataSource
             };
-            _context.next = 5;
+            _context.next = 7;
             return batchExport(_params, exportImport);
-          case 5:
+          case 7:
             result = _context.sent;
             if (result) {
               onCancel();
             }
-            _context.next = 10;
+            _context.next = 24;
             break;
-          case 9:
-            if (value === defaultOptions.importValue) {
-              formData = new FormData();
-              formData.append('file', file);
-              formId = otherParams === null || otherParams === void 0 ? void 0 : otherParams.form_id;
-              formCode = otherParams === null || otherParams === void 0 ? void 0 : otherParams.code;
-              if (formId) {
-                formData.append('form_id', formId);
-              }
-              if (formCode) {
-                formData.append('code', formCode);
-              }
-              formData.append('url', (apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.export) || '');
-              if (formData) {
-                message.loading({
-                  content: 'Loading...',
-                  key: value
-                });
-                _batchImport.run(formData);
-              }
+          case 11:
+            if (!(value === defaultOptions.importValue)) {
+              _context.next = 24;
+              break;
+            }
+            formData = new FormData();
+            formData.append('file', file);
+            formId = otherParams === null || otherParams === void 0 ? void 0 : otherParams.form_id;
+            formCode = otherParams === null || otherParams === void 0 ? void 0 : otherParams.code;
+            if (formId) {
+              formData.append('form_id', formId);
+            }
+            if (formCode) {
+              formData.append('code', formCode);
+            }
+            formData.append('url', (apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.import) || '');
+            if (otherParams.import) {
+              Object.entries(otherParams.import).forEach(function (_ref5) {
+                var _ref6 = _slicedToArray(_ref5, 2),
+                  key = _ref6[0],
+                  value = _ref6[1];
+                formData.append(key, value);
+              });
             }
-          case 10:
+            if (!formData) {
+              _context.next = 24;
+              break;
+            }
+            message.loading({
+              content: 'Loading...',
+              key: value
+            });
+            _context.next = 24;
+            return _batchImport.run(formData);
+          case 24:
+            _context.next = 28;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t0 = _context["catch"](2);
+          case 28:
+            setLoading(false);
+          case 29:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[2, 26]]);
     }));
     return function onOk() {
       return _ref4.apply(this, arguments);
@@ -226,6 +253,7 @@ var ExportImport = function ExportImport(_ref) {
     onOk: onOk,
     cancelText: getText('table-action-export-import-cancel'),
     okButtonProps: {
+      loading: loading,
       disabled: value === defaultOptions.importValue && (!file || !!errorStatus)
     }
   }, /*#__PURE__*/React.createElement(Content, {

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

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

package/es/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/es/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/es/components/table/serve.js

@@ -26,6 +26,14 @@ var defaultUrl = {
  * @Date: 2024-09-05 12:01
  */
 var formatApiParams = function formatApiParams(params, type) {
+  if (params instanceof FormData) {
+    var url = params.get('url');
+    params.delete('url');
+    return {
+      url: url || (defaultUrl === null || defaultUrl === void 0 ? void 0 : defaultUrl[type]),
+      params: params
+    };
+  }
   var _url = (params === null || params === void 0 ? void 0 : params.url) || (defaultUrl === null || defaultUrl === void 0 ? void 0 : defaultUrl[type]);
   var _params = _objectSpread({}, params);
   delete _params.url;

package/es/components/tabs/index.js

@@ -100,6 +100,15 @@ var Tabs = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       document.body.id = 'body'; // 解决 antd tabs 样式问题
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.activeKey !== this.props.activeKey) {
+        this.setState({
+          activeKey: this.props.activeKey
+        });
+      }
+    }
   }, {
     key: "render",
     value: function render() {