@pisell/materials 3.0.67 → 3.2.2

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

@@ -0,0 +1,600 @@
+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);
+
+// src/components/dataSourceComponents/dataSourceForm/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  filterSystemFields: () => filterSystemFields,
+  formItemNameReplace: () => formItemNameReplace,
+  formItemNameReverse: () => formItemNameReverse,
+  getNestedValue: () => getNestedValue,
+  isValidDomain: () => isValidDomain,
+  renderValueWithMap: () => renderValueWithMap,
+  setFormFieldsUntouched: () => setFormFieldsUntouched,
+  toArr: () => toArr,
+  transformFormObjToArrayWithUntouched: () => transformFormObjToArrayWithUntouched,
+  withDataSource: () => withDataSource,
+  withFormItem: () => withFormItem,
+  withMode: () => withMode,
+  withOptions: () => withOptions
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_libphonenumber_js = require("libphonenumber-js");
+var import_locales = require("../../../locales");
+var import_form = __toESM(require("../../form"));
+var import_useDataSource = __toESM(require("../hooks/useDataSource"));
+var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
+var import_useJsonPrefixPath = __toESM(require("./provider/hooks/useJsonPrefixPath"));
+var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
+var import_useTranslationOriginal = __toESM(require("../../../hooks/useTranslationOriginal"));
+var import_useVariables = __toESM(require("../hooks/useVariables"));
+var import_style = require("./style.less");
+var withMode = (FieldComponent, ReadPrettyComponent, transformProps) => {
+  return ({ renderMode = "edit", value, onChange, ...props }) => {
+    const transformedProps = (transformProps == null ? void 0 : transformProps(
+      { ...props, value, onChange, renderMode },
+      renderMode
+    )) || { ...props, value, onChange, renderMode };
+    if (["view", "tableView"].includes(renderMode) && ReadPrettyComponent) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        ReadPrettyComponent,
+        {
+          ...transformedProps
+        }
+      );
+    }
+    if (renderMode === "disabled") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        FieldComponent,
+        {
+          ...transformedProps,
+          disabled: true
+        }
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(FieldComponent, { ...transformedProps });
+  };
+};
+var FORM_ITEM_SPLIT_CHAR = "__zsj__";
+var formItemNameReplace = (name) => {
+  return name.replace(/\./g, FORM_ITEM_SPLIT_CHAR);
+};
+var formItemNameReverse = (name) => {
+  return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
+};
+var isValidDomain = (value) => {
+  return /^(?!.*--)[A-Za-z0-9][A-Za-z0-9-]{0,61}[A-Za-z0-9](\.[A-Za-z]{2,})+$/.test(
+    value
+  );
+};
+var withFormItem = (WrappedComponent, overlayProps) => {
+  return ({
+    name: propsName,
+    label: propsLabel,
+    mode: propsMode,
+    renderMode: propsRenderMode,
+    tooltip,
+    noStyle,
+    extra,
+    required,
+    requiredobj,
+    minLengthobj,
+    maxLengthobj,
+    typeobj,
+    maxobj,
+    minobj,
+    normalize,
+    getValueProps,
+    validator,
+    style,
+    validateTrigger,
+    __designMode,
+    labelCol: propsLabelCol,
+    hideLabel,
+    innerStyle,
+    ...otherProps
+  }) => {
+    var _a;
+    const { path: prefixPath = [] } = (0, import_useJsonPrefixPath.default)();
+    const { dataSource } = (0, import_useDataSource.default)();
+    const { fields } = dataSource || {};
+    const { renderMode: globalRenderMode, size } = (0, import_useFormSetting.default)();
+    const field = fields == null ? void 0 : fields.find((item) => item.name === propsName);
+    const label = propsLabel || ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a.title) || propsName;
+    const effectiveMode = propsRenderMode || globalRenderMode;
+    const name = (0, import_utils.isString)(propsName) && propsName.includes(".") ? [propsName] : propsName;
+    const renderComponent = (0, import_react.useMemo)(() => {
+      var _a2;
+      return /* @__PURE__ */ import_react.default.createElement(
+        WrappedComponent,
+        {
+          ...otherProps,
+          mode: propsMode,
+          renderMode: effectiveMode,
+          ...overlayProps == null ? void 0 : overlayProps.innerProps,
+          style: {
+            ...innerStyle || {},
+            ...((_a2 = overlayProps == null ? void 0 : overlayProps.innerProps) == null ? void 0 : _a2.style) || {}
+          },
+          fieldKey: name,
+          isVerification: typeobj == null ? void 0 : typeobj.enabled,
+          size
+        }
+      );
+    }, [
+      effectiveMode,
+      otherProps,
+      propsMode,
+      overlayProps == null ? void 0 : overlayProps.innerProps,
+      typeobj == null ? void 0 : typeobj.enabled,
+      size,
+      innerStyle,
+      name
+    ]);
+    const isDesignMode = __designMode === "design";
+    const isHidden = effectiveMode === "hidden";
+    const concatName = name !== void 0 ? [...prefixPath, ...toArr(name)] : void 0;
+    const rules = [];
+    if (requiredobj && requiredobj.required) {
+      rules.push({
+        ...requiredobj,
+        message: requiredobj.message || (0, import_locales.getText)("pisell-data-source-form-required-message")
+      });
+    }
+    if (typeobj && typeobj.enabled) {
+      switch (typeobj.type) {
+        case "email":
+          rules.push({
+            ...typeobj,
+            message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-email-message")
+          });
+          break;
+        case "pattern":
+          rules.push({
+            ...typeobj,
+            pattern: new RegExp(typeobj.pattern),
+            message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-pattern-message")
+          });
+          break;
+        case "phone":
+          rules.push({
+            validator: (_, value) => {
+              if (!(value == null ? void 0 : value.trim())) {
+                return Promise.resolve();
+              }
+              try {
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
+                const parsedNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(cleanedNumber);
+                if (!(parsedNumber == null ? void 0 : parsedNumber.isValid())) {
+                  return Promise.reject(
+                    new Error(
+                      typeobj.message || (0, import_locales.getText)("pisell-data-source-form-phone-message")
+                    )
+                  );
+                }
+                return Promise.resolve();
+              } catch (error) {
+                return Promise.reject(
+                  new Error(
+                    typeobj.message || (0, import_locales.getText)("pisell-data-source-form-phone-message")
+                  )
+                );
+              }
+            }
+          });
+          break;
+        case "mobile":
+          rules.push({
+            validator: (_, value) => {
+              if (!(value == null ? void 0 : value.trim())) {
+                return Promise.resolve();
+              }
+              try {
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
+                if (cleanedNumber.length > 15) {
+                  return Promise.reject(
+                    new Error(
+                      typeobj.message || (0, import_locales.getText)("pisell-data-source-form-mobile-message")
+                    )
+                  );
+                }
+                if (cleanedNumber.startsWith("+61")) {
+                  const numberWithoutPrefix = cleanedNumber.slice(3);
+                  if (!/^(?:04\d{8}|4\d{8})$/.test(numberWithoutPrefix)) {
+                    return Promise.reject(
+                      new Error(
+                        typeobj.message || (0, import_locales.getText)("pisell-data-source-form-mobile-message")
+                      )
+                    );
+                  }
+                } else if (cleanedNumber.startsWith("+86")) {
+                  const numberWithoutPrefix = cleanedNumber.slice(3);
+                  if (!/^1[3-9]\d{9}$/.test(numberWithoutPrefix)) {
+                    return Promise.reject(
+                      new Error(
+                        typeobj.message || (0, import_locales.getText)("pisell-data-source-form-mobile-message")
+                      )
+                    );
+                  }
+                }
+                return Promise.resolve();
+              } catch (error) {
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
+                if (cleanedNumber.length > 15) {
+                  return Promise.reject(
+                    new Error(
+                      typeobj.message || (0, import_locales.getText)("pisell-data-source-form-mobile-message")
+                    )
+                  );
+                }
+                return Promise.resolve();
+              }
+            }
+          });
+          break;
+        case "url":
+          rules.push({
+            ...typeobj,
+            message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-url-message")
+          });
+          break;
+        case "subdomain":
+          rules.push({
+            validator: (_, value) => {
+              if (!value) return Promise.resolve();
+              const subdomain = value.split(".")[0];
+              if (!/^[a-z0-9-]+$/.test(subdomain)) {
+                return Promise.reject(
+                  new Error((0, import_locales.getText)("subdomain-error-pattern"))
+                );
+              }
+              if (/^\d+$/.test(subdomain)) {
+                return Promise.reject(
+                  new Error((0, import_locales.getText)("subdomain-error-numbers-only"))
+                );
+              }
+              if (subdomain.startsWith("-") || subdomain.endsWith("-")) {
+                return Promise.reject(
+                  new Error((0, import_locales.getText)("subdomain-error-hyphen-ends"))
+                );
+              }
+              if (subdomain.includes("--")) {
+                return Promise.reject(
+                  new Error((0, import_locales.getText)("subdomain-error-consecutive-hyphens"))
+                );
+              }
+              return Promise.resolve();
+            }
+          });
+          break;
+        case "appIdentifier":
+          rules.push({
+            validator: (_, value) => {
+              if (!value) return Promise.resolve();
+              if (!/^[a-z0-9\-\._]+$/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)("pisell-data-source-form-app-identifier-pattern")
+                  )
+                );
+              }
+              if (!/^[a-z]/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-start-with-letter"
+                    )
+                  )
+                );
+              }
+              if (/[\-\._]$/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-special-ends"
+                    )
+                  )
+                );
+              }
+              if (/[\-]{2,}|[\.]{2,}|[\_]{2,}/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-consecutive-special"
+                    )
+                  )
+                );
+              }
+              return Promise.resolve();
+            }
+          });
+          break;
+      }
+    }
+    if (maxLengthobj && maxLengthobj.enabled) {
+      rules.push({
+        // ...maxLengthobj,
+        validator(_, value) {
+          let length = 0;
+          if ((0, import_utils.isString)(value)) {
+            length = value.length;
+          } else if ((0, import_utils.isArr)(value)) {
+            length = value.length;
+          } else if ((0, import_utils.isNumber)(value)) {
+            length = `${value}`.length;
+          }
+          if (length > maxLengthobj.max) {
+            return Promise.reject(
+              new Error(
+                maxLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-max-length-message")(
+                  maxLengthobj == null ? void 0 : maxLengthobj.max
+                )
+              )
+            );
+          }
+          return Promise.resolve();
+        }
+      });
+    }
+    if (minLengthobj && minLengthobj.enabled) {
+      rules.push({
+        // ...minLengthobj,
+        validator(_, value) {
+          let length = 0;
+          if ((0, import_utils.isString)(value)) {
+            length = value.length;
+          } else if ((0, import_utils.isArr)(value)) {
+            length = value.length;
+          } else if ((0, import_utils.isNumber)(value)) {
+            length = `${value}`.length;
+          }
+          if (length < minLengthobj.min) {
+            return Promise.reject(
+              new Error(
+                minLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-min-length-message")(
+                  minLengthobj == null ? void 0 : minLengthobj.min
+                )
+              )
+            );
+          }
+          return Promise.resolve();
+        }
+      });
+    }
+    if (maxobj && maxobj.enabled) {
+      rules.push({
+        ...maxobj,
+        type: "number",
+        message: maxobj.message || (0, import_locales.getText)("pisell-data-source-form-max-value-message")(maxobj == null ? void 0 : maxobj.max)
+      });
+    }
+    if (minobj && minobj.enabled) {
+      rules.push({
+        ...minobj,
+        type: "number",
+        message: minobj.message || (0, import_locales.getText)("pisell-data-source-form-min-value-message")(minobj == null ? void 0 : minobj.min)
+      });
+    }
+    if (validator) {
+      rules.push({
+        validator: (_, value) => {
+          return validator(value);
+        }
+      });
+    }
+    const labelCol = (0, import_react.useMemo)(() => {
+      if (hideLabel) {
+        return { span: 0 };
+      }
+      return propsLabelCol;
+    }, [hideLabel, propsLabelCol]);
+    const otherFormItemProps = (0, import_react.useMemo)(() => {
+      if ((0, import_utils.isFunction)(overlayProps == null ? void 0 : overlayProps.otherFormItemProps)) {
+        return overlayProps == null ? void 0 : overlayProps.otherFormItemProps(otherProps, {
+          rules
+        });
+      }
+      return (overlayProps == null ? void 0 : overlayProps.otherFormItemProps) || {};
+    }, [overlayProps == null ? void 0 : overlayProps.otherFormItemProps, otherProps]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_form.default.Item,
+      {
+        required,
+        style: {
+          width: "100%",
+          ...style,
+          opacity: isDesignMode && isHidden ? "0.3" : 1
+        },
+        name: concatName,
+        label,
+        tooltip,
+        noStyle,
+        extra,
+        hidden: isHidden && !isDesignMode,
+        rules,
+        normalize,
+        getValueProps,
+        validateTrigger: validateTrigger || ["onChange", "onBlur"],
+        labelCol,
+        initialValue: otherProps == null ? void 0 : otherProps.defaultValue,
+        className: (0, import_classnames.default)("pisell-data-source-form-item", {
+          "pisell-data-source-form-item-view": effectiveMode === "view"
+        }),
+        ...otherFormItemProps
+      },
+      renderComponent
+    );
+  };
+};
+var withDataSource = (WrappedComponent) => {
+  return (props) => {
+    const { dataSource } = props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_DataSourceProvider.default,
+      {
+        dataSource,
+        requestOptions: {
+          list: {
+            cacheKey: `${dataSource == null ? void 0 : dataSource.headerDataSource}-${dataSource == null ? void 0 : dataSource.name}-${dataSource == null ? void 0 : dataSource.tableName}`
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props })
+    );
+  };
+};
+var withOptions = (WrappedComponent) => {
+  return (props) => {
+    var _a;
+    const translationOriginal = (0, import_useTranslationOriginal.default)();
+    const {
+      options: propsOptions,
+      optionSourceType,
+      labelField,
+      valueField,
+      extraParams
+    } = props;
+    const { parseVariable } = (0, import_useVariables.default)();
+    const { list, getCurrentRecord } = (0, import_useDataSource.default)();
+    const parseParams = (0, import_react.useMemo)(() => {
+      const params = {};
+      if (extraParams) {
+        Object.keys(extraParams).forEach((key) => {
+          params[key] = parseVariable == null ? void 0 : parseVariable(extraParams[key], {
+            currentRecord: getCurrentRecord()
+          });
+        });
+      }
+      return params;
+    }, [extraParams]);
+    (0, import_react.useEffect)(() => {
+      if (optionSourceType === "api") {
+        list.run({
+          page: 1,
+          pageSize: 500,
+          ...parseParams
+        });
+      }
+    }, []);
+    const options = (0, import_react.useMemo)(() => {
+      var _a2, _b, _c;
+      if (optionSourceType !== "api") {
+        return propsOptions;
+      }
+      return (((_c = (_b = (_a2 = list.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.filter) == null ? void 0 : _c.call(
+        _b,
+        (item) => !["draft", "inactive", "disabled"].includes(item == null ? void 0 : item.status)
+      )) || []).map((item) => ({
+        label: translationOriginal(item[labelField]),
+        value: item[valueField]
+      })) || [];
+    }, [propsOptions, optionSourceType, (_a = list == null ? void 0 : list.data) == null ? void 0 : _a.data]);
+    return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options });
+  };
+};
+var getNestedValue = (obj, path) => {
+  const keys = path.split(".");
+  let value = obj;
+  for (const k of keys) {
+    if (!value) break;
+    value = value[k];
+  }
+  return value;
+};
+var renderValueWithMap = (value, valueMap, renderMode) => {
+  const textStyle = renderMode === "tableView" ? { fontSize: 14, fontWeight: 400 } : {};
+  if ((0, import_utils.isArr)(value)) {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, value.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        key: item,
+        className: "pisell-form-read-pretty-value",
+        style: textStyle
+      },
+      valueMap == null ? void 0 : valueMap[item]
+    ), index < value.length - 1 && ", ")));
+  } else if ((0, import_utils.isString)(value) || (0, import_utils.isNumber)(value)) {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-value", style: textStyle }, (valueMap == null ? void 0 : valueMap[value]) || value));
+  }
+  return null;
+};
+function toArr(str) {
+  return Array.isArray(str) ? str : [str];
+}
+var systemFields = [
+  "createdAt",
+  "updatedAt",
+  "createdBy",
+  "created_at",
+  "updated_at",
+  "deleted_at"
+];
+var filterSystemFields = (params) => {
+  return Object.keys(params).reduce((acc, key) => {
+    if (!systemFields.includes(key)) {
+      acc[key] = params[key];
+    }
+    return acc;
+  }, {});
+};
+var transformFormObjToArrayWithUntouched = (obj) => {
+  return Object.keys(obj).reduce((acc, key) => {
+    acc.push({ name: key, value: obj[key], touched: false });
+    return acc;
+  }, []);
+};
+var setFormFieldsUntouched = (form) => {
+  const fieldsErrorArray = form.getFieldsError();
+  const fields = fieldsErrorArray.map((item) => {
+    return {
+      name: item.name,
+      value: form.getFieldValue(item.name),
+      touched: false
+    };
+  });
+  form.setFields(fields);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  filterSystemFields,
+  formItemNameReplace,
+  formItemNameReverse,
+  getNestedValue,
+  isValidDomain,
+  renderValueWithMap,
+  setFormFieldsUntouched,
+  toArr,
+  transformFormObjToArrayWithUntouched,
+  withDataSource,
+  withFormItem,
+  withMode,
+  withOptions
+});

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -0,0 +1,101 @@
+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);
+
+// src/components/dataSourceComponents/dataSourceMenu/Basic.tsx
+var Basic_exports = {};
+__export(Basic_exports, {
+  default: () => Basic_default
+});
+module.exports = __toCommonJS(Basic_exports);
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_pisellMenu = __toESM(require("../../pisellMenu"));
+var DataSourceMenu = (0, import_react.forwardRef)(
+  (props, ref) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { appHelper } = (0, import_useEngineContext.default)();
+    const {
+      menuItems,
+      selectedKeys,
+      openKeys,
+      setOpenKeys,
+      getShowChildren,
+      handleClick
+    } = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.menuManager) == null ? void 0 : _d.useMenu();
+    const translation = ((_h = (_g = (_f = (_e = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _e.getApp) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.locales) == null ? void 0 : _h.translation) || ((str) => {
+      if (!str) {
+        return "";
+      }
+      if (typeof str === "string") {
+        return str;
+      }
+      return JSON.stringify(str);
+    });
+    const renderMenuItems = (items) => {
+      return items.map((item) => {
+        if (item.hide) {
+          return null;
+        }
+        const _children = getShowChildren(item.children || []);
+        if (_children == null ? void 0 : _children.length) {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_pisellMenu.default.SubMenu,
+            {
+              key: item.key,
+              title: translation(item.label),
+              icon: item.icon,
+              router: item.path
+            },
+            renderMenuItems(_children)
+          );
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default.Item, { key: item.key, icon: item.icon, router: item.path }, translation(item.label));
+      });
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_pisellMenu.default,
+      {
+        ref,
+        mode: "inline",
+        selectedKeys,
+        openKeys,
+        onOpenChange: setOpenKeys,
+        onClick: ({ item }) => {
+          var _a2;
+          handleClick((_a2 = item.props) == null ? void 0 : _a2.router);
+        },
+        ...props,
+        other: {
+          items: void 0
+        }
+      },
+      renderMenuItems(menuItems)
+    );
+  }
+);
+var Basic_default = DataSourceMenu;