@pisell/materials 1.0.449 → 1.0.451

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

@@ -1,6 +1,15 @@
 import React from 'react';
 import './index.less';
-declare const Collapse: (props: {
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
     [key: string]: any;
-}) => React.JSX.Element;
+}
+declare const Collapse: React.FC<CollapseProps>;
 export default Collapse;

package/es/components/collapse/index.js

@@ -1,5 +1,6 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _templateObject;
+var _excluded = ["panelBackground", "panelMarginBottom", "panelBorderRadius", "items", "showHeader", "headerColor", "headerFontSize", "expandIcon"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -7,16 +8,25 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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, { useMemo } from 'react';
 import { Collapse as OriginalCollapse } from 'antd';
 import styled from 'styled-components';
 import "./index.less";
 var Collapse = function Collapse(props) {
-  var other = Object.assign({}, (_objectDestructuringEmpty(props), props));
+  var panelBackground = props.panelBackground,
+    panelMarginBottom = props.panelMarginBottom,
+    panelBorderRadius = props.panelBorderRadius,
+    items = props.items,
+    showHeader = props.showHeader,
+    headerColor = props.headerColor,
+    headerFontSize = props.headerFontSize,
+    expandIcon = props.expandIcon,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // 自定义样式
-  var CustomCollapse = styled(OriginalCollapse)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .pisell-lowcode-collapse-header {\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    .pisell-lowcode-collapse-content {\n      background-color: ", ";\n      border-top: ", ";\n    }\n  "])), other !== null && other !== void 0 && other.panelBackground ? 'transparent' : '#ffffff', other !== null && other !== void 0 && other.panelBackground ? '0' : '1px solid #D0D5DD');
+  var CustomCollapse = styled(OriginalCollapse)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .pisell-lowcode-collapse-header {\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    .pisell-lowcode-collapse-content {\n      background-color: ", ";\n      border-top: ", ";\n    }\n  "])), panelBackground ? 'transparent' : '#ffffff', panelBackground ? '0' : '1px solid #D0D5DD');
 
   /**
    * @title: 自定义面板样式
@@ -26,9 +36,9 @@ var Collapse = function Collapse(props) {
    * @Date: 2024-11-25 20:23
    */
   var panelStyle = {
-    marginBottom: other === null || other === void 0 ? void 0 : other.panelMarginBottom,
-    background: other === null || other === void 0 ? void 0 : other.panelBackground,
-    borderRadius: other === null || other === void 0 ? void 0 : other.panelBorderRadius
+    marginBottom: panelMarginBottom,
+    background: panelBackground,
+    borderRadius: panelBorderRadius
   };
 
   /**
@@ -39,28 +49,24 @@ var Collapse = function Collapse(props) {
    * @Author: WangHan
    * @Date: 2024-11-25 20:28
    */
-  var items = useMemo(function () {
-    var _other$children;
-    return other === null || other === void 0 ? void 0 : (_other$children = other.children) === null || _other$children === void 0 ? void 0 : _other$children.map(function (item) {
-      var _item$props, _item$props2;
-      return _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.props), {}, {
-        label: other !== null && other !== void 0 && other.showHeader ? /*#__PURE__*/React.createElement("div", {
+  var itemsMap = useMemo(function () {
+    return items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: showHeader ? /*#__PURE__*/React.createElement("div", {
           style: {
-            color: other === null || other === void 0 ? void 0 : other.headerColor,
-            fontSize: other === null || other === void 0 ? void 0 : other.headerFontSize
+            color: headerColor,
+            fontSize: headerFontSize
           }
-        }, item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.header) : null,
-        key: item === null || item === void 0 ? void 0 : item.key,
-        children: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.children,
+        }, item === null || item === void 0 ? void 0 : item.label) : null,
         style: panelStyle
       });
     });
-  }, [other]);
-  return /*#__PURE__*/React.createElement(CustomCollapse, _extends({}, other, {
-    expandIcon: other !== null && other !== void 0 && other.expandIcon ? function () {
-      return other === null || other === void 0 ? void 0 : other.expandIcon;
+  }, [rest]);
+  return /*#__PURE__*/React.createElement(CustomCollapse, _extends({}, rest, {
+    expandIcon: expandIcon ? function () {
+      return expandIcon;
     } : undefined,
-    items: items
+    items: itemsMap
   }));
 };
 export default Collapse;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from 'antd';
+declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
+export default ColorPicker;

package/es/components/colorPicker/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ColorPicker as AntColorPicker } from 'antd';
+var ColorPicker = function ColorPicker(props) {
+  return /*#__PURE__*/React.createElement(AntColorPicker, props);
+};
+export default ColorPicker;

package/es/components/dataSourceComponents/dataSourceForm/formItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FormItem: (props: any) => React.JSX.Element;
+export default FormItem;

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

@@ -0,0 +1,46 @@
+var _excluded = ["children", "name", "label", "mode"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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, { cloneElement, isValidElement, useMemo } from 'react';
+import { isArr } from '@pisell/utils';
+import useDataSource from "../hooks/useDataSource";
+import useFormSetting from "./provider/hooks/useFormSetting";
+import Form from "../../form";
+var FormItem = function FormItem(props) {
+  var _field$uiSchema;
+  var children = props.children,
+    name = props.name,
+    propsLabel = props.label,
+    propsMode = props.mode,
+    other = _objectWithoutProperties(props, _excluded);
+  var _useDataSource = useDataSource(),
+    dataSource = _useDataSource.dataSource;
+  var fields = dataSource === null || dataSource === void 0 ? void 0 : dataSource.fields;
+  var _useFormSetting = useFormSetting(),
+    globalMode = _useFormSetting.mode;
+  var field = fields === null || fields === void 0 ? void 0 : fields.find(function (item) {
+    return item.name === name;
+  });
+
+  // 优先级：外部传入 > schema 中的 title > 字段名
+  var label = propsLabel || (field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || name;
+
+  // 模式优先级：外部传入 mode > 全局模式
+  var effectiveMode = propsMode || globalMode;
+  var renderChildren = useMemo(function () {
+    if (isArr(children) && children.every(isValidElement)) {
+      return children.map(function (c) {
+        return /*#__PURE__*/cloneElement(c, {
+          renderMode: effectiveMode
+        });
+      });
+    }
+    return children;
+  }, [children, effectiveMode]);
+  return /*#__PURE__*/React.createElement(Form.Item, _extends({
+    name: name,
+    label: label
+  }, other), renderChildren);
+};
+export default FormItem;

package/es/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface FormGroupProps {
+    title: string;
+    description: string;
+    showTitle: boolean;
+    showDescription: boolean;
+    showBackgroundColor: boolean;
+    backgroundColor: string;
+    children: React.ReactNode;
+}
+/**
+ * @title: 表单分组组件
+ * @description: 用于在表单中划分分组，支持标题、描述、背景色等配置
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-25 17:14:25
+ */
+declare const FormGroup: (props: FormGroupProps) => React.JSX.Element;
+export default FormGroup;

package/es/components/dataSourceComponents/dataSourceForm/group/index.js

@@ -0,0 +1,65 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import useFormSetting from "../provider/hooks/useFormSetting";
+import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig";
+import "./index.less";
+/**
+ * @title: 表单分组组件
+ * @description: 用于在表单中划分分组，支持标题、描述、背景色等配置
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-25 17:14:25
+ */
+var FormGroup = function FormGroup(props) {
+  var title = props.title,
+    description = props.description,
+    propsShowTitle = props.showTitle,
+    propsShowDescription = props.showDescription,
+    showBackgroundColor = props.showBackgroundColor,
+    propsBackgroundColor = props.backgroundColor,
+    children = props.children;
+  var _useFormSetting = useFormSetting(),
+    formSettingGroupInfoPosition = _useFormSetting.groupInfoPosition;
+  var _usePisellConfig = usePisellConfig(),
+    platform = _usePisellConfig.platform;
+
+  // 根据平台判断分组信息位置 默认移动端为top
+  var groupInfoPosition = useMemo(function () {
+    var isMobile = platform === 'h5';
+    return isMobile ? 'top' : formSettingGroupInfoPosition;
+  }, [platform, formSettingGroupInfoPosition]);
+
+  // 根据配置决定背景色是否生效
+  var backgroundColor = showBackgroundColor ? propsBackgroundColor : undefined;
+
+  // 容器样式
+  var wrapperStyle = useMemo(function () {
+    return {
+      backgroundColor: groupInfoPosition === 'side' ? undefined : backgroundColor
+    };
+  }, [groupInfoPosition, backgroundColor]);
+
+  // 内容样式
+  var contentStyle = useMemo(function () {
+    return {
+      backgroundColor: groupInfoPosition === 'side' ? backgroundColor : undefined
+    };
+  }, [groupInfoPosition, backgroundColor]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: wrapperStyle,
+    className: classNames('pisell-lowcode-data-source-form-group', {
+      'pisell-lowcode-data-source-form-group-top': groupInfoPosition === 'top',
+      'pisell-lowcode-data-source-form-group-side': groupInfoPosition === 'side'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode-data-source-form-group-info'
+  }, propsShowTitle && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-group-title"
+  }, title), propsShowDescription && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-group-description"
+  }, description)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-group-content",
+    style: contentStyle
+  }, children));
+};
+export default FormGroup;

package/es/components/dataSourceComponents/dataSourceForm/group/index.less

@@ -0,0 +1,42 @@
+.pisell-lowcode-data-source-form-group {
+  display: flex;
+  padding: 20px;
+  border-radius: 8px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+  margin-bottom: 24px;
+  .pisell-lowcode-data-source-form-group-title {
+    font-size: 18px;
+    color: #000;
+    font-weight: 600;
+    line-height: 24px;
+  }
+  .pisell-lowcode-data-source-form-group-description {
+    font-size: 14px;
+    color: #000;
+    font-weight: 400;
+    line-height: 20px;
+  }
+  &-top {
+    flex-direction: column;
+  }
+  &-side {
+    flex-direction: row;
+    border: none;
+    padding: 0;
+    .pisell-lowcode-data-source-form-group-content {
+      border: 1px solid var(--Gray-300, #d0d5dd);
+      border-radius: 8px;
+      padding: 20px;
+    }
+  }
+  &-info {
+    width: 320px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 20px;
+  }
+  &-content {
+    flex: 1;
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,75 @@
+var _excluded = ["title", "description", "dataSource", "showTitle", "showDescription", "groupInfoPosition", "variables", "mode", "children", "currentValue", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import classNames from 'classnames';
+import DataSourceProvider from "../provider/fields/DataSourceProvider";
+import Form from "../../form";
+import FormSettingProvider from "./provider/formSetting/FormSettingProvider";
+import useActions from "../hooks/useActions";
+import useSetRequest from "../../../hooks/useSetRequest";
+import "./index.less";
+
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var DataSourceForm = /*#__PURE__*/forwardRef(function (props, ref) {
+  var title = props.title,
+    description = props.description,
+    dataSource = props.dataSource,
+    showTitle = props.showTitle,
+    showDescription = props.showDescription,
+    groupInfoPosition = props.groupInfoPosition,
+    variables = props.variables,
+    mode = props.mode,
+    children = props.children,
+    currentValue = props.currentValue,
+    className = props.className,
+    others = _objectWithoutProperties(props, _excluded);
+  useSetRequest();
+  var formRef = useRef(null);
+  var _useActions = useActions({
+      currentValue: currentValue,
+      dataSource: dataSource
+    }),
+    get = _useActions.get;
+  useEffect(function () {
+    var _formRef$current;
+    (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.resetFields();
+  }, [dataSource]);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  useImperativeHandle(ref, function () {
+    return formRef.current;
+  });
+  useEffect(function () {
+    if (['edit', 'view'].includes(mode || '') && dataSource) {
+      get().then(function (res) {
+        var _formRef$current2;
+        (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldsValue(res);
+      });
+    }
+  }, [get, mode, dataSource]);
+  return /*#__PURE__*/React.createElement(FormSettingProvider, {
+    mode: mode,
+    groupInfoPosition: groupInfoPosition,
+    currentValue: currentValue
+  }, /*#__PURE__*/React.createElement(DataSourceProvider, {
+    dataSource: dataSource
+  }, /*#__PURE__*/React.createElement(Form, _extends({}, others, {
+    className: classNames('pisell-lowcode-data-source-form', className),
+    ref: formRef,
+    preserve: true
+  }), (title || description) && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-header"
+  }, showTitle && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-title"
+  }, title), showDescription && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-description"
+  }, description)), children)));
+});
+DataSourceForm.List = Form.List;
+export default DataSourceForm;

package/es/components/dataSourceComponents/dataSourceForm/index.less

@@ -0,0 +1,24 @@
+.pisell-lowcode-data-source-form {
+  padding: 20px;
+}
+
+.pisell-lowcode-data-source-form-header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 24px;
+}
+
+.pisell-lowcode-data-source-form-title {
+  color: #000;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+}
+
+.pisell-lowcode-data-source-form-description {
+  color: #000;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    mode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var initialContext = {
+  mode: "edit"
+};
+export var FormSettingContext = /*#__PURE__*/createContext(initialContext);
+export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormSettingContextType } from './FormSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const FormSettingProvider: React.FC<FormSettingContextType>;
+export default FormSettingProvider;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import FormSettingContext from "./FormSettingContext";
+
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+var FormSettingProvider = function FormSettingProvider(props) {
+  var children = props.children,
+    mode = props.mode,
+    groupInfoPosition = props.groupInfoPosition,
+    currentValue = props.currentValue;
+  var value = React.useMemo(function () {
+    return {
+      mode: mode,
+      groupInfoPosition: groupInfoPosition,
+      currentValue: currentValue
+    };
+  }, [mode, groupInfoPosition, currentValue]);
+  return /*#__PURE__*/React.createElement(FormSettingContext.Provider, {
+    value: value
+  }, children);
+};
+export default FormSettingProvider;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取表单配置
+ */
+declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
+export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import FormSettingContext from "../formSetting/FormSettingContext";
+
+/**
+ * 获取表单配置
+ */
+var useFormSetting = function useFormSetting() {
+  var config = useContext(FormSettingContext);
+  return config;
+};
+export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/serve.d.ts

@@ -0,0 +1,147 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    id: string;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    id: string;
+    data: any;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+export {};