@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProForm/components/combination/Group/index.js

@@ -1,70 +1,59 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProForm/components/combination/Group/index.tsx
-var Group_exports = {};
-__export(Group_exports, {
-  default: () => Group_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Group_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("./utils");
-var import_hooks = require("./hooks");
-var import_ProForm = __toESM(require("../../../../ProForm"));
-var import_ComRender = __toESM(require("./component/ComRender"));
-var Group = (props) => {
-  const {
-    children,
-    className,
-    space = {
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("./utils");
+var _hooks = require("./hooks");
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
+var _ComRender = _interopRequireDefault(require("./component/ComRender"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */var Group = props => {
+  var children = props.children,
+    className = props.className,
+    _props$space = props.space,
+    space = _props$space === void 0 ? {
       size: 12
-    },
-    value,
-    onChange,
-    otherProps,
-    id,
-    isView: isParentView,
-    disabled: formDisabled
-  } = props;
-  const { desensitizationKey } = otherProps || {};
-  const contextProps = import_ProForm.default.useFieldProps() || {};
-  const { names, name, form, namePath, index, isView } = contextProps;
-  const nextOption = import_react.default.useRef([]);
-  const handleChange = (value2, option, index2) => {
-    const nextValue = props.value ? [...props.value] : [];
-    nextValue[index2] = value2;
-    nextOption.current[index2] = option;
+    } : _props$space,
+    value = props.value,
+    onChange = props.onChange,
+    otherProps = props.otherProps,
+    id = props.id,
+    isParentView = props.isView,
+    formDisabled = props.disabled,
+    _props$split = props.split,
+    split = _props$split === void 0 ? '/' : _props$split;
+  var contextProps = _ProForm.default.useFieldProps() || {};
+  var names = contextProps.names,
+    name = contextProps.name,
+    form = contextProps.form,
+    namePath = contextProps.namePath,
+    index = contextProps.index,
+    isView = contextProps.isView;
+  var nextOption = _react.default.useRef([]);
+  var nextIsView = isParentView || isView || otherProps.isView;
+
+  // 组合onChange
+  var handleChange = (value, option, index) => {
+    var nextValue = props.value ? [...props.value] : [];
+    nextValue[index] = value;
+    nextOption.current[index] = option;
     onChange(nextValue, nextOption.current);
   };
-  const columnsProps = (0, import_hooks.useTransformColumns)({
+  var columnsProps = (0, _hooks.useTransformColumns)({
     columns: children,
     name,
     names,
@@ -74,51 +63,57 @@ var Group = (props) => {
     index,
     value,
     groupProps: props,
-    formDisabled,
-    desensitizationKey
+    formDisabled
   });
-  const columns = (0, import_utils.insertSeparator)(columnsProps, space);
-  const nextClassName = (0, import_classnames.default)({
-    "pro-group": true,
-    "pro-group-diy-width": columns.some((item) => {
-      var _a, _b;
-      return (_b = (_a = item == null ? void 0 : item.fieldProps) == null ? void 0 : _a.style) == null ? void 0 : _b.width;
+  var columns = (0, _utils.insertSeparator)(columnsProps, space);
+  var nextClassName = (0, _classnames.default)({
+    'pro-group': true,
+    'pro-group-diy-width': columns.some(item => {
+      var _item$fieldProps;
+      return item === null || item === void 0 || (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 || (_item$fieldProps = _item$fieldProps.style) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.width;
     }),
-    "pro-group-width-auto": columns.some((item) => {
-      return ["Radio", "Checkbox", "Switch"].includes(item.type);
+    'pro-group-width-auto': columns.some(item => {
+      return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
     }),
+    'pro-group-view': nextIsView,
     [`${className}`]: className
   });
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: nextClassName, id }, space.compact || (space == null ? void 0 : space.separator) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, null, columns.map((column, index2) => {
-    column.otherProps = otherProps;
-    if (column == null ? void 0 : column.separator) {
-      delete column.separator;
-      delete column.otherProps;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_ComRender.default,
-      {
-        key: column.name || index2,
-        contextProps,
-        isView: isParentView || isView,
-        ...column
-      }
-    );
-  })) : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { align: "start", ...(0, import_lodash.omit)(space, ["separator", "compact"]) }, columns.map((column, index2) => {
-    column.otherProps = otherProps;
-    if (column == null ? void 0 : column.separator) {
-      delete column.separator;
-      delete column.otherProps;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_ComRender.default,
-      {
-        key: column.name || index2,
-        contextProps,
-        isView: isParentView || isView,
-        ...column
-      }
-    );
-  })));
+  if (nextIsView && (0, _lodash.isEmpty)(value)) {
+    return (otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewEmpty) || '-';
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: nextClassName,
+    id: id,
+    children: (space.compact || space !== null && space !== void 0 && space.separator) && !nextIsView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default.Compact, {
+      children: columns.map((column, index) => {
+        column.otherProps = otherProps;
+        // 自定义间隔移除对应参数
+        if (column !== null && column !== void 0 && column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)({
+          contextProps: contextProps,
+          isView: nextIsView
+        }, column), column.name || index);
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      align: "start"
+    }, (0, _lodash.omit)(space, ['separator', 'compact'])), {}, {
+      split: nextIsView ? split : null,
+      size: nextIsView ? 0 : space.size,
+      children: columns.map((column, index) => {
+        column.otherProps = otherProps;
+        if (column !== null && column !== void 0 && column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)({
+          contextProps: contextProps,
+          isView: nextIsView
+        }, column), column.name || index);
+      })
+    }))
+  });
 };
-var Group_default = Group;
+var _default = exports.default = Group;

package/lib/ProForm/components/combination/Group/propsType.d.ts

@@ -27,6 +27,8 @@ export interface GroupType {
     value?: any[];
     onChange?: (value: any[] | null, options?: any[]) => void;
     otherProps?: any;
+    /** 分隔符 */
+    split?: string | React.ReactNode;
 }
 export type GroupColumnType<Values = any> = {
     component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;

package/lib/ProForm/components/combination/Group/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProForm/components/combination/Group/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/combination/Group/style/index.less

@@ -1,6 +1,13 @@
 .pro-group {
   display: flex;
   width: unset !important;
+  &.pro-group-view {
+    .@{ant-prefix}-space {
+      .@{ant-prefix}-space-item {
+        width: auto;
+      }
+    }
+  }
 
   &.pro-group-diy-width,
   &.pro-group-width-auto {

package/lib/ProForm/components/combination/Group/utils.d.ts

@@ -44,7 +44,6 @@ export declare const getReactiveProps: (params: Params) => {
 type ValueTypeGetterParams = Pick<ProFormColumnType, 'valueType' | 'switchValue' | 'toISOString' | 'toCSTString' | 'disabled' | 'desensitization'> & {
     type?: any;
     mode?: string;
-    desensitizationKey?: string;
 };
 /** 获取当前字段的转换函数 */
 export declare const getValueTypeTrans: (params: ValueTypeGetterParams) => any;

package/lib/ProForm/components/combination/Group/utils.js

@@ -1,58 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProForm/components/combination/Group/utils.tsx
-var utils_exports = {};
-__export(utils_exports, {
-  defaultGetValueFromEvent: () => defaultGetValueFromEvent,
-  getReactiveProps: () => getReactiveProps,
-  getValueMiddleware: () => getValueMiddleware,
-  getValueTypeTrans: () => getValueTypeTrans,
-  insertSeparator: () => insertSeparator,
-  isUpperCase: () => isUpperCase,
-  transformNamesString: () => transformNamesString,
-  valueFromEventWrapper: () => valueFromEventWrapper
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_lodash = require("lodash");
-var import_utils = require("@zat-design/utils");
-var import_antd = require("antd");
-var import_valueType = __toESM(require("../../../utils/valueType"));
+exports.defaultGetValueFromEvent = defaultGetValueFromEvent;
+exports.valueFromEventWrapper = exports.transformNamesString = exports.isUpperCase = exports.insertSeparator = exports.getValueTypeTrans = exports.getValueMiddleware = exports.getReactiveProps = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var _valueType = _interopRequireDefault(require("../../../utils/valueType"));
+var _jsxRuntime = require("react/jsx-runtime");
+/* eslint-disable no-lonely-if */
+
+/**
+ * 插入间隔符
+ * @param columns 表单配置数组
+ * @returns
+ */
 var insertSeparator = (columns, space) => {
-  if (!(space == null ? void 0 : space.separator)) {
+  if (!(space !== null && space !== void 0 && space.separator)) {
     return columns;
   }
-  const separatorIndexs = (() => {
-    let reuslt = [];
-    if (import_utils.validate.isEmpty(space == null ? void 0 : space.separatorIndex)) {
+  var separatorIndexs = (() => {
+    var reuslt = [];
+    if (_utils.validate.isEmpty(space === null || space === void 0 ? void 0 : space.separatorIndex)) {
       return reuslt;
     }
-    if (typeof (space == null ? void 0 : space.separatorIndex) === "number") {
+
+    // 如果 index 是数字，将其转换为数组
+    if (typeof (space === null || space === void 0 ? void 0 : space.separatorIndex) === 'number') {
       reuslt.push(space.separatorIndex);
     }
     if (Array.isArray(space.separatorIndex)) {
@@ -61,13 +39,17 @@ var insertSeparator = (columns, space) => {
     return reuslt;
   })();
   return columns.reduce((result, current, index, array) => {
+    // 将当前元素添加到结果数组中
     result.push(current);
-    if (separatorIndexs == null ? void 0 : separatorIndexs.length) {
-      separatorIndexs.forEach((separatorIndex) => {
+    if (separatorIndexs !== null && separatorIndexs !== void 0 && separatorIndexs.length) {
+      separatorIndexs.forEach(separatorIndex => {
         if (index === separatorIndex) {
           result.push({
             separator: true,
-            component: /* @__PURE__ */ React.createElement(import_antd.Button, { className: "group-separator" }, space.separator),
+            component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+              className: "group-separator",
+              children: space.separator
+            }),
             fieldProps: {
               disabled: true
             }
@@ -75,10 +57,14 @@ var insertSeparator = (columns, space) => {
         }
       });
     } else {
+      // 如果当前元素不是最后一个元素，则添加间隔符
       if (index < array.length - 1) {
         result.push({
           separator: true,
-          component: /* @__PURE__ */ React.createElement(import_antd.Button, { className: "group-separator" }, space.separator),
+          component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            className: "group-separator",
+            children: space.separator
+          }),
           fieldProps: {
             disabled: true
           }
@@ -88,47 +74,89 @@ var insertSeparator = (columns, space) => {
     return result;
   }, []);
 };
-function defaultGetValueFromEvent(valuePropName, ...args) {
-  const event = args[0];
-  if (event && event.target && typeof event.target === "object" && valuePropName in event.target) {
+
+/** 带出event的组件默认取值方法 */
+exports.insertSeparator = insertSeparator;
+function defaultGetValueFromEvent(valuePropName) {
+  var event = arguments.length <= 1 ? undefined : arguments[1];
+  if (event && event.target && typeof event.target === 'object' && valuePropName in event.target) {
     return event.target[valuePropName];
   }
   return event;
 }
-var transformNamesString = (arr) => {
-  const result = arr.map((subArr) => {
+
+/** 转换names */
+var transformNamesString = arr => {
+  var result = arr.map(subArr => {
     if (Array.isArray(subArr)) {
-      return subArr.join("_");
+      return subArr.join('_');
     }
     return subArr;
   });
   return result;
 };
+
+/**
+ * Input TextArea 小写自动转大写
+ * @param type 组件类型
+ * @param upperCase 是否小写转大写
+ * @returns {}
+ */
+exports.transformNamesString = transformNamesString;
 var isUpperCase = (type, upperCase) => {
-  const result = {};
-  if (["Input", "TextArea"].includes(type) && upperCase) {
-    result.getValueFromEvent = (event) => {
-      var _a, _b;
+  var result = {};
+  if (['Input', 'TextArea'].includes(type) && upperCase) {
+    result.getValueFromEvent = event => {
+      var _event$target;
       if (Array.isArray(event)) {
-        return event.map((value) => {
-          const newValue2 = value == null ? void 0 : value.replace(/[^a-zA-Z]/g, "");
-          return (newValue2 == null ? void 0 : newValue2.toUpperCase()) || "";
+        return event.map(value => {
+          var newValue = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
+          return (newValue === null || newValue === void 0 ? void 0 : newValue.toUpperCase()) || '';
         });
       }
-      const newValue = (_b = (_a = event.target) == null ? void 0 : _a.value) == null ? void 0 : _b.replace(/[^a-zA-Z]/g, "");
-      return newValue.toUpperCase() || "";
+      var newValue = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.value) === null || _event$target === void 0 ? void 0 : _event$target.replace(/[^a-zA-Z]/g, '');
+      return newValue.toUpperCase() || '';
     };
   }
   return result;
 };
-var getReactiveProps = (params) => {
-  const { form, index, namePath, disabled, show, component, fieldProps, desensitization } = params;
-  const values = namePath ? form.getFieldValue(namePath) : form.getFieldsValue();
-  const _disabled = (0, import_lodash.isFunction)(disabled) ? disabled(values, { form, index, namePath }) : disabled;
-  const _show = (0, import_lodash.isFunction)(show) ? show(values, { form, index, namePath }) : show;
-  const _component = (0, import_lodash.isFunction)(component) ? component(values, { form, index, namePath }) : component;
-  const _fieldProps = (0, import_lodash.isFunction)(fieldProps) ? fieldProps(values, { form, index, namePath }) : fieldProps;
-  const _desensitization = (0, import_lodash.isFunction)(desensitization) ? desensitization(values, { form, index, namePath }) : desensitization;
+exports.isUpperCase = isUpperCase;
+/** 计算响应式参数的值 */
+var getReactiveProps = params => {
+  var form = params.form,
+    index = params.index,
+    namePath = params.namePath,
+    disabled = params.disabled,
+    show = params.show,
+    component = params.component,
+    fieldProps = params.fieldProps,
+    desensitization = params.desensitization;
+  var values = namePath ? form.getFieldValue(namePath) : form.getFieldsValue();
+  var _disabled = (0, _lodash.isFunction)(disabled) ? disabled(values, {
+    form,
+    index,
+    namePath
+  }) : disabled;
+  var _show = (0, _lodash.isFunction)(show) ? show(values, {
+    form,
+    index,
+    namePath
+  }) : show;
+  var _component = (0, _lodash.isFunction)(component) ? component(values, {
+    form,
+    index,
+    namePath
+  }) : component;
+  var _fieldProps = (0, _lodash.isFunction)(fieldProps) ? fieldProps(values, {
+    form,
+    index,
+    namePath
+  }) : fieldProps;
+  var _desensitization = (0, _lodash.isFunction)(desensitization) ? desensitization(values, {
+    form,
+    index,
+    namePath
+  }) : desensitization;
   return {
     disabled: _disabled,
     show: _show,
@@ -137,47 +165,47 @@ var getReactiveProps = (params) => {
     desensitization: _desensitization
   };
 };
-var getValueTypeTrans = (params) => {
-  var _a, _b;
-  const { valueType } = params;
-  const transform = (_b = (_a = import_valueType.default)[valueType]) == null ? void 0 : _b.call(_a, params);
+exports.getReactiveProps = getReactiveProps;
+/** 获取当前字段的转换函数 */
+var getValueTypeTrans = params => {
+  var _valueTypeMap$valueTy;
+  var valueType = params.valueType;
+  var transform = (_valueTypeMap$valueTy = _valueType.default[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(_valueType.default, params);
   return transform;
 };
-var getTrim = (value) => {
-  return (value == null ? void 0 : value.trim()) || "";
+exports.getValueTypeTrans = getValueTypeTrans;
+var getTrim = value => {
+  return (value === null || value === void 0 ? void 0 : value.trim()) || '';
 };
-var getUpperCase = (value) => {
-  const _value = value == null ? void 0 : value.replace(/[^a-zA-Z]/g, "");
-  return _value.toUpperCase() || "";
+var getUpperCase = value => {
+  var _value = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
+  return _value.toUpperCase() || '';
 };
-var getValueMiddleware = (value, callbacks = []) => {
+
+/** 执行所有中间件 返回处理后的值 */
+var getValueMiddleware = exports.getValueMiddleware = function getValueMiddleware(value) {
+  var callbacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return callbacks.reduce((preValue, cb) => {
-    return cb == null ? void 0 : cb(preValue);
+    return cb === null || cb === void 0 ? void 0 : cb(preValue);
   }, value);
 };
+
+/** 获取中间件处理后的value */
 var valueFromEventWrapper = (column, args) => {
-  const { getValueFromEvent, valuePropName = "value", trim, upperCase } = column;
-  let newValue;
+  var getValueFromEvent = column.getValueFromEvent,
+    _column$valuePropName = column.valuePropName,
+    valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
+    trim = column.trim,
+    upperCase = column.upperCase;
+  var newValue;
   if (getValueFromEvent) {
     newValue = getValueFromEvent(...args);
   } else {
     newValue = defaultGetValueFromEvent(valuePropName, ...args);
   }
-  const list = [];
-  if (trim)
-    list.push(getTrim);
-  if (upperCase)
-    list.push(getUpperCase);
+  var list = [];
+  if (trim) list.push(getTrim);
+  if (upperCase) list.push(getUpperCase);
   return getValueMiddleware(newValue, list);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultGetValueFromEvent,
-  getReactiveProps,
-  getValueMiddleware,
-  getValueTypeTrans,
-  insertSeparator,
-  isUpperCase,
-  transformNamesString,
-  valueFromEventWrapper
-});
+exports.valueFromEventWrapper = valueFromEventWrapper;