@teamias/rex-design 0.0.21 → 0.0.22

package/dist/components/base-table/base-table.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { GetProps, Table } from 'antd';
-import { IDataCellItem, TDataCellConfig, TGroupV2 } from '../data-cell';
-export declare const BaseTable: <T extends object = object>({ useDataCellRender, fields: outFields, fieldsConfig, fieldProps: outFieldProps, requestFields, requestFieldsUrl, requestFieldsParams, fieldPropsFn, indexColumn, extraColumns, onDataCellClick, onDataCellClickV2, scroll, rootClassName, customEmptyText, headerStyle: topHeaderStyle, useDataCellConfig, dataCellConfig, dataSource, ...otherProps }: IBaseTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { IDataCellItem, TGroupV2 } from '../data-cell/types';
+export declare const BaseTable: <T extends object = object>({ useDataCellRender, fields: outFields, fieldsConfig, fieldProps: outFieldProps, requestFields, requestFieldsUrl, requestFieldsParams, fieldPropsFn, indexColumn, extraColumns, onDataCellClick, onDataCellClickV2, scroll, rootClassName, customEmptyText, headerStyle: topHeaderStyle, ...otherProps }: IBaseTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 /** 组件props */
 export interface IBaseTableProps<T extends object = object> extends Omit<TRawTableProps<T>, 'size' | 'bordered' | 'tableLayout' | 'scroll'> {
     /** @deprecated 使用 fieldsConfig */
@@ -29,10 +29,6 @@ export interface IBaseTableProps<T extends object = object> extends Omit<TRawTab
      * @default true
      */
     useDataCellRender?: boolean;
-    /** 是否使用 dataCell 配置,进行渲染 */
-    useDataCellConfig?: boolean;
-    /** dataCell 组件配置项, 通过这种方式来配置单元格内容,简化bff层的逻辑 */
-    dataCellConfig?: TDataCellConfig;
     /** dataCell组件中的点击回调 */
     onDataCellClick?: (item: IDataCellItem, dataIndex: string, record: T, index: number) => void;
     onDataCellClickV2?: (data: {

package/dist/components/base-table/base-table.js

@@ -1,4 +1,4 @@
-var _excluded = ["useDataCellRender", "fields", "fieldsConfig", "fieldProps", "requestFields", "requestFieldsUrl", "requestFieldsParams", "fieldPropsFn", "indexColumn", "extraColumns", "onDataCellClick", "onDataCellClickV2", "scroll", "rootClassName", "customEmptyText", "headerStyle", "useDataCellConfig", "dataCellConfig", "dataSource"];
+var _excluded = ["useDataCellRender", "fields", "fieldsConfig", "fieldProps", "requestFields", "requestFieldsUrl", "requestFieldsParams", "fieldPropsFn", "indexColumn", "extraColumns", "onDataCellClick", "onDataCellClickV2", "scroll", "rootClassName", "customEmptyText", "headerStyle"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -12,7 +12,6 @@ import { useDebounceEffect } from 'ahooks';
 import { ConfigProvider, Empty, Skeleton, Table } from 'antd';
 import classNames from 'classnames';
 import { useMemo } from 'react';
-import { dataToDataCellData } from "../data-cell";
 import { DataCell } from "../data-cell/data-cell";
 import { BaseTableRow } from "./components/BaseTableRow";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -36,10 +35,6 @@ export var BaseTable = function BaseTable(_ref) {
     rootClassName = _ref.rootClassName,
     customEmptyText = _ref.customEmptyText,
     topHeaderStyle = _ref.headerStyle,
-    useDataCellConfig = _ref.useDataCellConfig,
-    _ref$dataCellConfig = _ref.dataCellConfig,
-    dataCellConfig = _ref$dataCellConfig === void 0 ? [] : _ref$dataCellConfig,
-    dataSource = _ref.dataSource,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var responseConfig = useRequestFieldsConfig();
   var _useRexProConfigProvi = useRexProConfigProvider(),
@@ -65,7 +60,6 @@ export var BaseTable = function BaseTable(_ref) {
     }),
     loading = _useRequestFields.loading,
     fields = _useRequestFields.fields;
-  // const newDataSrouce = useMemo(() => useDataCellConfig ? dataToDataCellData(dataSource as [], dataCellConfig) as [] : dataSource, [])
 
   /** 表格点击事件 */
   var cellClick = function cellClick(data) {
@@ -278,7 +272,6 @@ export var BaseTable = function BaseTable(_ref) {
       })),
       rowKey: "key"
     }, otherProps), {}, {
-      dataSource: useDataCellConfig ? dataToDataCellData(dataSource, dataCellConfig) : dataSource,
       rootClassName: classNames(state.tableKey, rootClassName),
       onRow: function onRow() {
         return {

package/dist/components/big-input/big-input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BigInputProps } from './types';
+export declare const BigInput: React.FC<BigInputProps>;
+export default BigInput;

package/dist/components/big-input/big-input.js

@@ -0,0 +1,173 @@
+var _excluded = ["placeholder", "onChange", "onBlur", "onFocus", "autoSize", "value", "disabled", "style", "className"];
+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, useRef, useEffect, useCallback } from 'react';
+import Input from 'antd/es/input';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TextArea = Input.TextArea;
+export var BigInput = function BigInput(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "请输入" : _props$placeholder,
+    handleChange = props.onChange,
+    handleBlur = props.onBlur,
+    handleFocus = props.onFocus,
+    autoSize = props.autoSize,
+    propsValue = props.value,
+    disabled = props.disabled,
+    style = props.style,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+
+  // 状态管理
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
+  var _useState3 = useState(propsValue || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localValue = _useState4[0],
+    setLocalValue = _useState4[1];
+  var _useState5 = useState({
+      height: 32,
+      width: '100%'
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputSize = _useState6[0],
+    setInputSize = _useState6[1];
+  var textAreaRef = useRef(null);
+  var inputRef = useRef(null);
+
+  // 当外部value变化时更新本地状态
+  useEffect(function () {
+    setLocalValue(propsValue || '');
+  }, [propsValue]);
+
+  // 当isExpanded状态变为true时，自动聚焦到文本域并将光标移到文本末尾
+  useEffect(function () {
+    if (isExpanded && textAreaRef.current) {
+      var timer = setTimeout(function () {
+        var textarea = textAreaRef.current;
+        if (textarea) {
+          var _textarea$resizableTe;
+          // 对于Ant Design的TextArea，我们需要获取内部的DOM元素
+          // 获取内部DOM元素的安全方式
+          var domNode = (textarea === null || textarea === void 0 || (_textarea$resizableTe = textarea.resizableTextArea) === null || _textarea$resizableTe === void 0 ? void 0 : _textarea$resizableTe.textArea) || textarea;
+          if (domNode) {
+            domNode.focus();
+            var value = domNode.value || '';
+            var length = value.length;
+
+            // 检查元素是否支持setSelectionRange方法
+            if (typeof domNode.setSelectionRange === 'function') {
+              domNode.setSelectionRange(length, length);
+            }
+          }
+        }
+      }, 0);
+      // 清理定时器，避免内存泄漏
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [isExpanded]);
+  useEffect(function () {
+    // 确保inputRef.current存在
+    if (!isExpanded && inputRef.current) {
+      var _inputRef$current;
+      // 安全地获取DOM元素并检查方法存在性
+      var inputElement = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input;
+      if (inputElement && typeof inputElement.getBoundingClientRect === 'function') {
+        var rect = inputElement.getBoundingClientRect();
+        setInputSize({
+          height: rect.height,
+          width: '100%'
+        });
+      }
+    }
+  }, [isExpanded]);
+
+  // 处理输入框的focus事件 - 只用于切换到文本域
+  var handleInputFocus = useCallback(function (e) {
+    setIsExpanded(true);
+  }, [handleFocus]);
+
+  // 处理文本域的blur事件 - 用于切回输入框
+  var handleTextAreaBlur = useCallback(function (e) {
+    setIsExpanded(false);
+    handleBlur === null || handleBlur === void 0 || handleBlur(e);
+  }, [handleBlur]);
+
+  // 处理文本域的onChange事件 - 主要的数据修改逻辑
+  var handleTextAreaChange = useCallback(function (e) {
+    var newValue = e.target.value;
+    setLocalValue(newValue);
+    // 直接使用文本域的change事件，不需要转换为输入框类型
+    handleChange === null || handleChange === void 0 || handleChange(e);
+  }, [handleChange]);
+
+  // 处理文本域的focus事件
+  var handleTextAreaFocus = useCallback(function (e) {
+    handleFocus === null || handleFocus === void 0 || handleFocus(e);
+  }, [handleFocus]);
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      position: 'relative'
+    },
+    children: isExpanded ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          height: "".concat(inputSize.height, "px"),
+          width: inputSize.width,
+          backgroundColor: disabled ? '#f5f5f5' : 'transparent',
+          borderRadius: '2px',
+          boxSizing: 'border-box'
+        }
+      }), /*#__PURE__*/_jsx(TextArea, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1,
+          boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+          transition: 'all 0.3s ease-out',
+          transform: 'translateY(-2px)'
+        }
+        // 显式列出TextArea支持的属性，避免类型冲突
+        ,
+        value: localValue,
+        onChange: handleTextAreaChange,
+        onBlur: handleTextAreaBlur,
+        onFocus: handleTextAreaFocus,
+        placeholder: placeholder,
+        disabled: disabled,
+        autoSize: autoSize || {
+          minRows: 2,
+          maxRows: 6
+        },
+        ref: textAreaRef
+        // 传递TextArea特有属性
+        ,
+        showCount: rest.showCount,
+        maxLength: rest.maxLength
+      }, "textarea")]
+    }) : /*#__PURE__*/_jsx(Input, {
+      ref: inputRef,
+      onFocus: handleInputFocus,
+      placeholder: placeholder,
+      value: localValue,
+      disabled: disabled,
+      style: style,
+      className: className
+    }, "input")
+  });
+};
+export default BigInput;

package/dist/components/big-input/demo/index.js

@@ -0,0 +1,64 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import { RexProConfigProvider } from "../../../context";
+import enUS from "antd/es/calendar/locale/en_US";
+import { crush } from "radash";
+import { createIntl } from "react-intl";
+import { BigInput } from "../../..";
+import { useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    localValue1 = _useState2[0],
+    setLocalValue1 = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localValue2 = _useState4[0],
+    setLocalValue2 = _useState4[1];
+  return /*#__PURE__*/_jsxs(RexProConfigProvider, {
+    value: {
+      intl: createIntl({
+        locale: 'en-us',
+        messages: _objectSpread({}, crush(enUS))
+      })
+    },
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "\u6587\u672C\u57DF1"
+    }), /*#__PURE__*/_jsx(BigInput, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      onChange: function onChange(e) {
+        return setLocalValue1(e.target.value);
+      }
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["\u503C1\uFF1A", localValue1]
+    }), /*#__PURE__*/_jsx("p", {
+      children: "\u6587\u672C\u57DF2"
+    }), /*#__PURE__*/_jsx(BigInput, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      allowClear: true,
+      showCount: true,
+      maxLength: 20,
+      autoSize: {
+        minRows: 4,
+        maxRows: 6
+      },
+      onChange: function onChange(e) {
+        return setLocalValue2(e.target.value);
+      }
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["\u503C2\uFF1A", localValue2]
+    })]
+  });
+});

package/dist/components/big-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './big-input';
+export * from './types';

package/dist/components/big-input/index.js

@@ -0,0 +1,2 @@
+export * from "./big-input";
+export * from "./types";

package/dist/components/big-input/types.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from 'antd/es/input';
+import React from 'react';
+export interface BigInputProps extends Omit<InputProps, 'prefix' | 'suffix' | 'addonBefore' | 'addonAfter' | 'onChange' | 'onBlur' | 'onFocus'> {
+    autoSize?: {
+        minRows: number;
+        maxRows: number;
+    } | boolean;
+    showCount?: boolean;
+    maxLength?: number;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}

package/dist/components/big-input/types.js

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

package/dist/components/data-cell/index.d.ts

@@ -1,3 +1,2 @@
 export * from './data-cell';
 export * from './types';
-export * from './utils';

package/dist/components/data-cell/index.js

@@ -1,3 +1,2 @@
 export * from "./data-cell";
-export * from "./types";
-export * from "./utils";
+export * from "./types";

package/dist/components/data-cell/types.d.ts

@@ -190,9 +190,3 @@ export type TCellActionExtend = {
 };
 /** 支持配置的展示类型 */
 export type TDataCellType = 'text' | 'link' | 'tag' | 'link-group' | 'img' | 'icon' | 'group' | 'group-v2';
-/** 数据单元格配置 */
-export type TDataCellConfig = Array<{
-    field: string;
-    key: string;
-    items: Array<TGroupV2>;
-}>;

package/dist/components/index.d.ts

@@ -7,3 +7,5 @@ export * from './data-cell';
 export * from './icons';
 export * from './media-viewer';
 export * from './tiptap-editor';
+export * from './big-input';
+export * from './upload-plus';

package/dist/components/index.js

@@ -6,4 +6,6 @@ export * from "./base-table";
 export * from "./data-cell";
 export * from "./icons";
 export * from "./media-viewer";
-export * from "./tiptap-editor";
+export * from "./tiptap-editor";
+export * from "./big-input";
+export * from "./upload-plus";

package/dist/components/upload-plus/demo/index.js

@@ -0,0 +1,53 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { RexProConfigProvider } from "../../../context";
+import enUS from "antd/es/calendar/locale/en_US";
+import { crush } from "radash";
+import { createIntl } from "react-intl";
+import UploadPlus from "../upload-plus";
+import { Card, message } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var props = {
+    name: 'file',
+    multiple: true,
+    action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
+    onChange: function onChange(info) {
+      var status = info.file.status;
+      if (status !== 'uploading') {
+        console.log(info.file, info.fileList);
+      }
+      if (status === 'done') {
+        message.success("".concat(info.file.name, " file uploaded successfully."));
+      } else if (status === 'error') {
+        message.error("".concat(info.file.name, " file upload failed."));
+      }
+    },
+    onDrop: function onDrop(e) {
+      console.log('Dropped files', e.dataTransfer.files);
+    }
+  };
+  return /*#__PURE__*/_jsxs(RexProConfigProvider, {
+    value: {
+      intl: createIntl({
+        locale: 'en-us',
+        messages: _objectSpread({}, crush(enUS))
+      })
+    },
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "\u4E0A\u4F20\u7EC4\u4EF61"
+    }), /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: 12
+        },
+        children: /*#__PURE__*/_jsx(UploadPlus, _objectSpread({}, props))
+      })
+    })]
+  });
+});

package/dist/components/upload-plus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './upload-plus';
+export * from './types';

package/dist/components/upload-plus/index.js

@@ -0,0 +1,2 @@
+export * from "./upload-plus";
+export * from "./types";

package/dist/components/upload-plus/types.d.ts

@@ -0,0 +1,3 @@
+import { UploadProps } from 'antd';
+export interface UploadPlusProps extends UploadProps {
+}

package/dist/components/upload-plus/types.js

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

package/dist/components/upload-plus/upload-plus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/upload-plus/upload-plus.js

@@ -0,0 +1,83 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { InboxOutlined } from '@ant-design/icons';
+import { Upload } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Dragger = Upload.Dragger;
+var App = function App(props) {
+  var draggerRef = React.useRef(null);
+
+  // 处理粘贴事件
+  React.useEffect(function () {
+    var handlePaste = function handlePaste(e) {
+      var _e$clipboardData;
+      var items = (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.items;
+      if (!items) return;
+      var files = [];
+      for (var i = 0; i < items.length; i++) {
+        if (items[i].kind === 'file') {
+          var file = items[i].getAsFile();
+          if (file) files.push(file);
+        }
+      }
+      if (files.length > 0 && draggerRef.current) {
+        // 通过 Dragger 的 input 手动触发上传
+        var input = draggerRef.current.querySelector('input[type="file"]');
+        if (input) {
+          // 创建 DataTransfer 对象模拟文件选择
+          var dt = new DataTransfer();
+          files.forEach(function (f) {
+            return dt.items.add(f);
+          });
+          input.files = dt.files;
+          // 触发 change 事件
+          var event = new Event('change', {
+            bubbles: true
+          });
+          input.dispatchEvent(event);
+        }
+      }
+    };
+    var ref = draggerRef.current;
+    if (ref) {
+      ref.addEventListener('paste', handlePaste);
+    }
+    return function () {
+      if (ref) {
+        ref.removeEventListener('paste', handlePaste);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    ref: draggerRef,
+    tabIndex: 0,
+    style: {
+      outline: 'none'
+    },
+    children: /*#__PURE__*/_jsxs(Dragger, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "ant-upload-drag-icon",
+        children: /*#__PURE__*/_jsx(InboxOutlined, {})
+      }), /*#__PURE__*/_jsx("p", {
+        className: "ant-upload-text",
+        children: "\u70B9\u51FB\u3001\u62D6\u62FD\u6216\u7C98\u8D34\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20"
+      }), /*#__PURE__*/_jsx("p", {
+        className: "ant-upload-hint",
+        children: "\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20\u3002\u4E25\u7981\u4E0A\u4F20\u516C\u53F8\u6570\u636E\u6216\u5176\u4ED6\u654F\u611F\u6587\u4EF6\u3002"
+      }), /*#__PURE__*/_jsx("p", {
+        style: {
+          color: '#888',
+          fontSize: 12
+        },
+        children: "\u73B0\u5728\u652F\u6301\u7C98\u8D34\u6587\u4EF6\u4E0A\u4F20"
+      })]
+    }))
+  });
+};
+export default App;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/rex-design",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",

package/dist/components/base-table/demo/DynamicData.js

@@ -1,67 +0,0 @@
-import { BaseTable } from "../base-table";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var config = [{
-    field: 'goods_image',
-    items: [{
-      type: 'group-v2',
-      props: {
-        items: [{
-          type: 'text',
-          action: 'default',
-          value: '{{ dqewe }}'
-        }]
-      },
-      extra: {}
-    }],
-    key: '1763099807878ve0lbd1'
-  }, {
-    field: 'sku_size',
-    items: [{
-      type: 'group-v2',
-      props: {
-        items: [{
-          type: 'text',
-          action: 'default',
-          value: '{{ qweqwe }}'
-        }, {
-          type: 'text',
-          action: 'default',
-          value: '{{ eeeeeeqw }}'
-        }, {
-          type: 'text',
-          action: 'default',
-          value: 'eeeeeeqw'
-        }],
-        itemsDirection: 'row',
-        itemsGap: 4,
-        itemsSeparator: '/',
-        label: 'weqw'
-      },
-      extra: {}
-    }],
-    key: '1763099807878dft337k'
-  }];
-  var data = [{
-    qweqwe: 1,
-    dqewe: '图片1',
-    eeeeeeqw: 'false'
-  }, {
-    qweqwe: 2,
-    dqewe: '图片2',
-    eeeeeeqw: 'true'
-  }];
-  return /*#__PURE__*/_jsx(BaseTable, {
-    fieldsConfig: [{
-      title: 'sku_size',
-      dataIndex: 'sku_size'
-    }, {
-      title: 'goods_image',
-      dataIndex: 'goods_image'
-    }],
-    useDataCellRender: true,
-    useDataCellConfig: true,
-    dataCellConfig: config,
-    dataSource: data
-  });
-});

package/dist/components/data-cell/demo/DynamicData.js

@@ -1,80 +0,0 @@
-import { DataCell } from "../data-cell";
-import { dataToDataCellData } from "../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var _dataSource$, _dataSource$2, _dataSource$3, _dataSource$4;
-  var config = [{
-    field: 'goods_image',
-    items: [{
-      type: 'group-v2',
-      props: {
-        items: [{
-          type: 'text',
-          action: 'default',
-          value: '{{ dqewe }}'
-        }]
-      },
-      extra: {}
-    }],
-    key: '1763099807878ve0lbd1'
-  }, {
-    field: 'sku_size',
-    items: [{
-      type: 'group-v2',
-      props: {
-        items: [{
-          type: 'text',
-          action: 'default',
-          value: '{{ qweqwe }}'
-        }, {
-          type: 'text',
-          action: 'default',
-          value: '{{ eeeeeeqw }}'
-        }, {
-          type: 'text',
-          action: 'default',
-          value: 'eeeeeeqw'
-        }],
-        itemsDirection: 'row',
-        itemsGap: 4,
-        itemsSeparator: '/',
-        label: 'weqw'
-      },
-      extra: {}
-    }],
-    key: '1763099807878dft337k'
-  }];
-  var data = [{
-    qweqwe: 1,
-    dqewe: '图片1',
-    eeeeeeqw: 'false'
-  }, {
-    qweqwe: 2,
-    dqewe: '图片2',
-    eeeeeeqw: 'true'
-  }];
-  var dataSource = dataToDataCellData(data, config) || [];
-  // console.log(dataSource);
-
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(DataCell, {
-        items: (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.goods_image
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(DataCell, {
-        items: (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2.sku_size
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(DataCell, {
-        items: (_dataSource$3 = dataSource[1]) === null || _dataSource$3 === void 0 ? void 0 : _dataSource$3.goods_image
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(DataCell, {
-        items: (_dataSource$4 = dataSource[1]) === null || _dataSource$4 === void 0 ? void 0 : _dataSource$4.sku_size
-      })
-    })]
-  });
-});

package/dist/components/data-cell/utils/index.d.ts

@@ -1,3 +0,0 @@
-import { TDataCellConfig } from '../types';
-/** 将 普通数据 转 dataCell 数据 */
-export declare const dataToDataCellData: (oldDataSource?: Record<string, any>[], config?: TDataCellConfig) => Record<string, any>[] | undefined;

package/dist/components/data-cell/utils/index.js

@@ -1,68 +0,0 @@
-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); }
-import { get } from 'radash';
-// 缓存编译后的正则表达式
-var TEMPLATE_REGEX = /"{{\s*(.+?)\s*}}"/g;
-
-// 缓存字符串转义函数
-var escapeString = function escapeString(str) {
-  // 使用更高效的替换方式
-  var result = '';
-  for (var i = 0; i < str.length; i++) {
-    var char = str[i];
-    if (char === '\\') result += '\\\\';else if (char === '"') result += '\\"';else result += char;
-  }
-  return result;
-};
-
-// 提取替换逻辑为独立函数，避免重复创建
-var replaceTemplate = function replaceTemplate(item) {
-  return function (rawStr, matchKey) {
-    var trimmedKey = matchKey.trim();
-    var newVal = get(item, trimmedKey);
-    if (typeof newVal === 'string') {
-      return "\"".concat(escapeString(newVal), "\"");
-    } else if (typeof newVal === 'number' || typeof newVal === 'boolean') {
-      return String(newVal);
-    } else if (newVal === null || typeof newVal === 'undefined') {
-      return 'null';
-    } else if (_typeof(newVal) === 'object') {
-      return JSON.stringify(newVal);
-    }
-    return rawStr;
-  };
-};
-
-/** 将 普通数据 转 dataCell 数据 */
-export var dataToDataCellData = function dataToDataCellData(oldDataSource, config) {
-  if (!Array.isArray(config) || !config.length) return oldDataSource;
-  if (!oldDataSource || !oldDataSource.length) return oldDataSource;
-  var newDataSource = [];
-
-  // 预编译配置的 JSON 字符串，避免重复 stringify
-  var preCompiledConfigs = config.map(function (cfg) {
-    return {
-      field: cfg.field,
-      items: cfg.items,
-      jsonStr: JSON.stringify(cfg.items)
-    };
-  });
-  oldDataSource.forEach(function (item) {
-    // 保留原始数据的所有字段
-    var newItem = {
-      _raw: item
-    };
-    var replacer = replaceTemplate(item);
-    preCompiledConfigs.forEach(function (config) {
-      // 重置正则表达式的 lastIndex（虽然使用了 g 标志，但 replace 会自动处理）
-      var newJson = config.jsonStr.replace(TEMPLATE_REGEX, replacer);
-      try {
-        newItem[config.field] = JSON.parse(newJson);
-      } catch (error) {
-        console.error("DataCell config parse error for key \"".concat(config.field, "\":"), error, '\nJSON:', newJson);
-        newItem[config.field] = config.items;
-      }
-    });
-    newDataSource.push(newItem);
-  });
-  return newDataSource;
-};