@pisell/materials 1.0.595 → 1.0.597

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -113,8 +113,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
       hideLabel = _ref2.hideLabel,
       innerStyle = _ref2.innerStyle,
       otherProps = _objectWithoutProperties(_ref2, _excluded2);
-    console.log('withFormItem typeobj:', typeobj);
-    console.log('withFormItem overlayProps:', overlayProps);
     var _useJsonPrefixPath = useJsonPrefixPath(),
       _useJsonPrefixPath$pa = _useJsonPrefixPath.path,
       prefixPath = _useJsonPrefixPath$pa === void 0 ? [] : _useJsonPrefixPath$pa;
@@ -158,7 +156,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
         message: requiredobj.message || getText('pisell-data-source-form-required-message')
       }));
     }
-    console.log('%c [ typeobj ]-197', 'font-size:13px; background:#6c2f3e; color:#b07382;', typeobj);
     if (typeobj && typeobj.enabled) {
       console.log('Type validation object:', typeobj);
       console.log('Validation enabled:', typeobj.enabled);
@@ -336,7 +333,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
       }
       return propsLabelCol;
     }, [hideLabel, propsLabelCol]);
-    console.log('%c [ rules ]-487', 'font-size:13px; background:#29ea5f; color:#6dffa3;', rules);
     return /*#__PURE__*/React.createElement(Form.Item, _extends({
       required: required,
       style: _objectSpread(_objectSpread({

package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js

@@ -8,12 +8,15 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 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, { useCallback, useState, useEffect } from 'react';
-import { Input as AntInput, Form } from 'antd';
+import React, { useCallback, useState, useEffect, useMemo } from 'react';
+import { Input as AntInput } from 'antd';
 import { useTenantData } from "./serve";
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 import useEngineContext from "../../../../hooks/useEngineContext";
+
+// 定义组件的属性类型
+
 /**
  * 子域名输入组件
  * 
@@ -47,7 +50,6 @@ import useEngineContext from "../../../../hooks/useEngineContext";
  * />
  */
 var Subdomain = function Subdomain(props) {
-  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8, _coreData$tenant;
   var propsOnBlur = props.onBlur,
     propsOnChange = props.onChange,
     _props$rootDomain = props.rootDomain,
@@ -57,94 +59,103 @@ var Subdomain = function Subdomain(props) {
     tenantId = props.tenantId,
     fieldKey = props.fieldKey,
     rest = _objectWithoutProperties(props, _excluded);
+
+  // 1. 所有的 hooks 调用放在最前面
   var context = useEngineContext();
-  var coreData = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.data) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.store) === null || _context$appHelper$ut5 === void 0 ? void 0 : (_context$appHelper$ut6 = _context$appHelper$ut5.getStore) === null || _context$appHelper$ut6 === void 0 ? void 0 : (_context$appHelper$ut7 = _context$appHelper$ut6.call(_context$appHelper$ut5)) === null || _context$appHelper$ut7 === void 0 ? void 0 : (_context$appHelper$ut8 = _context$appHelper$ut7.getDataByModel) === null || _context$appHelper$ut8 === void 0 ? void 0 : _context$appHelper$ut8.call(_context$appHelper$ut7, 'core', 'core');
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    subdomain = _useState2[0],
+    setSubdomain = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    suffix = _useState4[0],
+    setSuffix = _useState4[1];
 
-  // 仅在 rootDomain 为 'saas' 时调用 useTenantData
-  var tenantData = rootDomain === 'saas' ? useTenantData(coreData ? coreData === null || coreData === void 0 ? void 0 : (_coreData$tenant = coreData.tenant) === null || _coreData$tenant === void 0 ? void 0 : _coreData$tenant.id : '') : undefined;
-  var form = Form.useFormInstance(); // 获取表单实例
+  // 2. 获取 coreData
+  var coreData = useMemo(function () {
+    var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8;
+    return (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.data) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.store) === null || _context$appHelper$ut5 === void 0 ? void 0 : (_context$appHelper$ut6 = _context$appHelper$ut5.getStore) === null || _context$appHelper$ut6 === void 0 ? void 0 : (_context$appHelper$ut7 = _context$appHelper$ut6.call(_context$appHelper$ut5)) === null || _context$appHelper$ut7 === void 0 ? void 0 : (_context$appHelper$ut8 = _context$appHelper$ut7.getDataByModel) === null || _context$appHelper$ut8 === void 0 ? void 0 : _context$appHelper$ut8.call(_context$appHelper$ut7, 'core', 'core');
+  }, [context]);
+
+  // 3. 获取 tenantData
+  var tenantData = useMemo(function () {
+    var _coreData$tenant;
+    if (rootDomain === 'saas' && coreData !== null && coreData !== void 0 && (_coreData$tenant = coreData.tenant) !== null && _coreData$tenant !== void 0 && _coreData$tenant.id) {
+      return useTenantData(coreData.tenant.id);
+    }
+    return undefined;
+  }, [rootDomain, coreData]);
 
-  // 解析外部传入的 value
-  var parseExternalValue = function parseExternalValue(val) {
+  // 4. parseExternalValue 函数
+  var parseExternalValue = useCallback(function (val) {
     if (!val) return {
       subdomain: '',
       suffix: coreData ? coreData.tenant_domain : ''
     };
-    var parts = val.split('.'); // 按点分割完整域名
-    var subdomain = parts.length > 1 ? parts[0] : val; // 第一个部分为子域名
-    var suffix = parts.length > 1 ? ".".concat(parts.slice(1).join('.')) : coreData ? coreData.tenant_domain : ''; // 确保 suffix 包含点
-
+    var parts = val.split('.');
+    var subdomain = parts.length > 1 ? parts[0] : val;
+    var suffix = parts.length > 1 ? ".".concat(parts.slice(1).join('.')) : coreData ? coreData.tenant_domain : '';
     return {
       subdomain: subdomain,
       suffix: suffix
     };
-  };
-
-  // 使用状态管理子域名和后缀
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    subdomain = _useState2[0],
-    setSubdomain = _useState2[1]; // 子域名状态
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    suffix = _useState4[0],
-    setSuffix = _useState4[1]; // 后缀状态
+  }, [coreData]);
 
+  // 5. 处理 value 和 domain 变化
   useEffect(function () {
-    if (value) {
-      // 如果传入值存在，解析并更新子域名和后缀
-      var _parseExternalValue = parseExternalValue(value),
-        _subdomain = _parseExternalValue.subdomain,
-        _suffix = _parseExternalValue.suffix;
-      setSubdomain(_subdomain);
-      setSuffix(_suffix);
-    } else {
-      // 根据 rootDomain 获取后缀
-      if (rootDomain === 'xzero') {
-        setSuffix(coreData ? ".".concat(coreData.tenant_domain) : ''); // 获取 xzero 的后缀
-      } else if (rootDomain === 'saas') {
-        setSuffix(tenantData ? ".".concat(tenantData['saas.domain']) : ''); // 获取 saas 的后缀
+    try {
+      if (value) {
+        var _parseExternalValue = parseExternalValue(value),
+          newSubdomain = _parseExternalValue.subdomain,
+          newSuffix = _parseExternalValue.suffix;
+        setSubdomain(newSubdomain);
+        setSuffix(newSuffix);
       } else {
-        setSuffix(customDomain ? customDomain.startsWith('.') ? customDomain : ".".concat(customDomain) : ''); // 获取自定义域名的后缀
+        var _newSuffix = '';
+        switch (rootDomain) {
+          case 'xzero':
+            _newSuffix = coreData ? ".".concat(coreData.tenant_domain) : '';
+            break;
+          case 'saas':
+            _newSuffix = tenantData ? ".".concat(tenantData['saas.domain']) : '';
+            break;
+          default:
+            _newSuffix = customDomain ? customDomain.startsWith('.') ? customDomain : ".".concat(customDomain) : '';
+        }
+        setSuffix(_newSuffix);
       }
+    } catch (error) {
+      console.error('Error updating domain:', error);
     }
-  }, [value, rootDomain, customDomain, tenantData, coreData]);
+  }, [value, rootDomain, customDomain, tenantData, coreData, parseExternalValue]);
 
-  /**
-   * 处理输入框值变化的事件
-   * @param e - 输入框change事件对象
-   * 功能：
-   * 1. 将输入值转换为小写
-   * 2. 解析并更新子域名
-   * 3. 触发外部onChange回调
-   */
-  var handleChange = function handleChange(e) {
-    var inputValue = e.target.value.toLowerCase();
-    var _parseExternalValue2 = parseExternalValue(inputValue),
-      subdomain = _parseExternalValue2.subdomain;
-    setSubdomain(subdomain);
-    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(subdomain + suffix);
-  };
+  // 6. 处理输入变化
+  var handleChange = useCallback(function (e) {
+    try {
+      var inputValue = e.target.value.toLowerCase();
+      var _parseExternalValue2 = parseExternalValue(inputValue),
+        newSubdomain = _parseExternalValue2.subdomain;
+      setSubdomain(newSubdomain);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(newSubdomain + suffix);
+    } catch (error) {
+      console.error('Error handling change:', error);
+    }
+  }, [suffix, propsOnChange, parseExternalValue]);
 
-  /**
-   * 处理输入框失去焦点的事件
-   * @param e - 失焦事件对象
-   * 功能：
-   * 1. 触发外部onBlur回调
-   * 2. 触发外部onChange回调，传递完整域名（子域名+后缀）
-   */
+  // 7. 处理失焦
   var onBlur = useCallback(function (e) {
-    propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
-    propsOnChange(subdomain + suffix);
+    try {
+      propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(subdomain + suffix);
+    } catch (error) {
+      console.error('Error handling blur:', error);
+    }
   }, [propsOnBlur, propsOnChange, subdomain, suffix]);
   return /*#__PURE__*/React.createElement(AntInput, _extends({}, rest, {
-    value: subdomain // 输入框显示子域名
-    ,
-    onChange: handleChange // 绑定变化事件
-    ,
-    onBlur: onBlur // 绑定失去焦点事件
-    ,
-    addonAfter: suffix // 显示域名后缀
+    value: subdomain,
+    onChange: handleChange,
+    onBlur: onBlur,
+    addonAfter: suffix
   }));
 };
 

package/es/locales/zh-CN.js

@@ -179,7 +179,7 @@ export default {
   'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
     return "\u503C\u5FC5\u987B\u5C0F\u4E8E\u6216\u7B49\u4E8E".concat(maxValue);
   },
-  'pisell-data-source-form-mobile-message': '请输入正确的手机号',
+  'pisell-data-source-form-mobile-message': '请输入正确的手机号码',
   'pisell-data-source-form-pattern-message': '请输入正确的格式',
   // 数字格式化
   'pisell-number-format-thousand': '千',

package/es/locales/zh-TW.js

@@ -180,7 +180,7 @@ export default {
   'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
     return "\u503C\u5FC5\u9808\u5C0F\u65BC\u6216\u7B49\u65BC".concat(maxValue);
   },
-  'pisell-data-source-form-mobile-message': '請輸入正確的手機號',
+  'pisell-data-source-form-mobile-message': '請輸入正確的手機號碼',
   // 數字格式化
   'pisell-number-format-thousand': '千',
   'pisell-number-format-million': '百萬',

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -119,8 +119,6 @@ var withFormItem = (WrappedComponent, overlayProps) => {
     ...otherProps
   }) => {
     var _a;
-    console.log("withFormItem typeobj:", typeobj);
-    console.log("withFormItem overlayProps:", overlayProps);
     const { path: prefixPath = [] } = (0, import_useJsonPrefixPath.default)();
     const { dataSource } = (0, import_useDataSource.default)();
     const { fields } = dataSource || {};
@@ -167,7 +165,6 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         message: requiredobj.message || (0, import_locales.getText)("pisell-data-source-form-required-message")
       });
     }
-    console.log("%c [ typeobj ]-197", "font-size:13px; background:#6c2f3e; color:#b07382;", typeobj);
     if (typeobj && typeobj.enabled) {
       console.log("Type validation object:", typeobj);
       console.log("Validation enabled:", typeobj.enabled);
@@ -386,7 +383,6 @@ var withFormItem = (WrappedComponent, overlayProps) => {
       }
       return propsLabelCol;
     }, [hideLabel, propsLabelCol]);
-    console.log("%c [ rules ]-487", "font-size:13px; background:#29ea5f; color:#6dffa3;", rules);
     return /* @__PURE__ */ import_react.default.createElement(
       import_form.default.Item,
       {

package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js

@@ -39,12 +39,10 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var Subdomain = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const {
     onBlur: propsOnBlur,
     onChange: propsOnChange,
     rootDomain = "xzero",
-    // 默认值为 'xzero'
     customDomain,
     value,
     tenantId,
@@ -52,46 +50,68 @@ var Subdomain = (props) => {
     ...rest
   } = props;
   const context = (0, import_useEngineContext.default)();
-  const coreData = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
-  const tenantData = rootDomain === "saas" ? (0, import_serve.useTenantData)(coreData ? (_i = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _i.id : "") : void 0;
-  const form = import_antd.Form.useFormInstance();
-  const parseExternalValue = (val) => {
+  const [subdomain, setSubdomain] = (0, import_react.useState)("");
+  const [suffix, setSuffix] = (0, import_react.useState)("");
+  const coreData = (0, import_react.useMemo)(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
+  }, [context]);
+  const tenantData = (0, import_react.useMemo)(() => {
+    var _a;
+    if (rootDomain === "saas" && ((_a = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _a.id)) {
+      return (0, import_serve.useTenantData)(coreData.tenant.id);
+    }
+    return void 0;
+  }, [rootDomain, coreData]);
+  const parseExternalValue = (0, import_react.useCallback)((val) => {
     if (!val)
       return { subdomain: "", suffix: coreData ? coreData.tenant_domain : "" };
     const parts = val.split(".");
     const subdomain2 = parts.length > 1 ? parts[0] : val;
     const suffix2 = parts.length > 1 ? `.${parts.slice(1).join(".")}` : coreData ? coreData.tenant_domain : "";
-    return {
-      subdomain: subdomain2,
-      suffix: suffix2
-    };
-  };
-  const [subdomain, setSubdomain] = (0, import_react.useState)("");
-  const [suffix, setSuffix] = (0, import_react.useState)("");
+    return { subdomain: subdomain2, suffix: suffix2 };
+  }, [coreData]);
   (0, import_react.useEffect)(() => {
-    if (value) {
-      const { subdomain: subdomain2, suffix: suffix2 } = parseExternalValue(value);
-      setSubdomain(subdomain2);
-      setSuffix(suffix2);
-    } else {
-      if (rootDomain === "xzero") {
-        setSuffix(coreData ? `.${coreData.tenant_domain}` : "");
-      } else if (rootDomain === "saas") {
-        setSuffix(tenantData ? `.${tenantData["saas.domain"]}` : "");
+    try {
+      if (value) {
+        const { subdomain: newSubdomain, suffix: newSuffix } = parseExternalValue(value);
+        setSubdomain(newSubdomain);
+        setSuffix(newSuffix);
       } else {
-        setSuffix(customDomain ? customDomain.startsWith(".") ? customDomain : `.${customDomain}` : "");
+        let newSuffix = "";
+        switch (rootDomain) {
+          case "xzero":
+            newSuffix = coreData ? `.${coreData.tenant_domain}` : "";
+            break;
+          case "saas":
+            newSuffix = tenantData ? `.${tenantData["saas.domain"]}` : "";
+            break;
+          default:
+            newSuffix = customDomain ? customDomain.startsWith(".") ? customDomain : `.${customDomain}` : "";
+        }
+        setSuffix(newSuffix);
       }
+    } catch (error) {
+      console.error("Error updating domain:", error);
+    }
+  }, [value, rootDomain, customDomain, tenantData, coreData, parseExternalValue]);
+  const handleChange = (0, import_react.useCallback)((e) => {
+    try {
+      const inputValue = e.target.value.toLowerCase();
+      const { subdomain: newSubdomain } = parseExternalValue(inputValue);
+      setSubdomain(newSubdomain);
+      propsOnChange == null ? void 0 : propsOnChange(newSubdomain + suffix);
+    } catch (error) {
+      console.error("Error handling change:", error);
     }
-  }, [value, rootDomain, customDomain, tenantData, coreData]);
-  const handleChange = (e) => {
-    const inputValue = e.target.value.toLowerCase();
-    const { subdomain: subdomain2 } = parseExternalValue(inputValue);
-    setSubdomain(subdomain2);
-    propsOnChange == null ? void 0 : propsOnChange(subdomain2 + suffix);
-  };
+  }, [suffix, propsOnChange, parseExternalValue]);
   const onBlur = (0, import_react.useCallback)((e) => {
-    propsOnBlur == null ? void 0 : propsOnBlur(e);
-    propsOnChange(subdomain + suffix);
+    try {
+      propsOnBlur == null ? void 0 : propsOnBlur(e);
+      propsOnChange == null ? void 0 : propsOnChange(subdomain + suffix);
+    } catch (error) {
+      console.error("Error handling blur:", error);
+    }
   }, [propsOnBlur, propsOnChange, subdomain, suffix]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,

package/lib/locales/zh-CN.js

@@ -177,7 +177,7 @@ var zh_CN_default = {
   "pisell-data-source-form-max-length-message": (maxLength) => `长度必须最多为${maxLength}个字符`,
   "pisell-data-source-form-min-value-message": (minValue) => `值必须大于或等于${minValue}`,
   "pisell-data-source-form-max-value-message": (maxValue) => `值必须小于或等于${maxValue}`,
-  "pisell-data-source-form-mobile-message": "请输入正确的手机号",
+  "pisell-data-source-form-mobile-message": "请输入正确的手机号码",
   "pisell-data-source-form-pattern-message": "请输入正确的格式",
   // 数字格式化
   "pisell-number-format-thousand": "千",

package/lib/locales/zh-TW.js

@@ -178,7 +178,7 @@ var zh_TW_default = {
   "pisell-data-source-form-max-length-message": (maxLength) => `長度必須最多為${maxLength}个字符`,
   "pisell-data-source-form-min-value-message": (minValue) => `值必須大於或等於${minValue}`,
   "pisell-data-source-form-max-value-message": (maxValue) => `值必須小於或等於${maxValue}`,
-  "pisell-data-source-form-mobile-message": "請輸入正確的手機號",
+  "pisell-data-source-form-mobile-message": "請輸入正確的手機號碼",
   // 數字格式化
   "pisell-number-format-thousand": "千",
   "pisell-number-format-million": "百萬",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.595",
+  "version": "1.0.597",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -70,8 +70,8 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "@pisell/date-picker": "1.0.115",
-    "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",