@pisell/materials 3.0.62 → 6.0.2

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+export default BrowserSelect;

package/es/components/browserSelect/index.js

@@ -0,0 +1,58 @@
+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 _excluded = ["options", "onChange", "value", "style"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(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 _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 classNames from "classnames";
+import { DownOutlined } from '@ant-design/icons';
+import "./index.less";
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+var BrowserSelect = function BrowserSelect(props) {
+  var options = props.options,
+    onChange = props.onChange,
+    value = props.value,
+    style = props.style,
+    resetProps = _objectWithoutProperties(props, _excluded);
+  var _options = useMemo(function () {
+    return (options || []).map(function (d) {
+      return /*#__PURE__*/React.createElement("option", {
+        value: d.value,
+        key: d.value
+      }, d.label);
+    });
+  }, [options]);
+  var handleChange = function handleChange(e) {
+    e.persist();
+    var selectedValue = e.target.value;
+    var selectedOption = options.find(function (opt) {
+      return String(opt.value) === selectedValue;
+    });
+    if (selectedOption) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption.value, selectedOption);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-browser-select-wrapper",
+    style: _objectSpread({}, style)
+  }, /*#__PURE__*/React.createElement("select", _extends({}, resetProps, {
+    value: value,
+    className: classNames("pisell-date-picker-pisell-browser-select", resetProps.className),
+    onChange: handleChange
+  }), _options), /*#__PURE__*/React.createElement(DownOutlined, {
+    className: "browser-select-icon"
+  }));
+};
+export default BrowserSelect;

package/es/components/browserSelect/index.less

@@ -0,0 +1,64 @@
+.pisell-browser-select-wrapper {
+  position: relative;
+  width: 100%;
+  display: inline-block;
+
+  .browser-select-icon {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #D0D5DD;
+    pointer-events: none;
+    font-size: 16px;
+  }
+
+  .pisell-date-picker-pisell-browser-select {
+    padding: 10px 16px;
+    padding-right: 30px;
+    border-radius: 8px;
+    background-color: #fff;
+    color: var(--Gray-true-900, #141414);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    border: 1px solid var(--Gray-300, #D0D5DD);
+    cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 100%;
+
+    &:hover {
+      border-color: var(--theme-color, #7F56D9);
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
+    }
+
+    &:focus {
+      border-color: var(--theme-color, #7F56D9);
+      box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+      outline: none;
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
+    }
+
+    &:active {
+      border-color: var(--theme-color, #7F56D9);
+    }
+
+    &:disabled {
+      background-color: rgba(0, 0, 0, 0.04);
+      border-color: #d9d9d9;
+      cursor: not-allowed;
+      color: rgba(0, 0, 0, 0.25);
+      & + .browser-select-icon {
+        color: rgba(0, 0, 0, 0.25);
+      }
+    }
+  }
+
+}
+

package/es/components/checkbox/index.js

@@ -15,10 +15,10 @@ var Group = function Group(props) {
   var checkbox = useMemo(function () {
     return options.map(function (option) {
       return /*#__PURE__*/React.createElement(OriginalCheckbok, {
-        key: option.value,
-        value: option.value,
-        disabled: option.disabled
-      }, option.label);
+        key: option === null || option === void 0 ? void 0 : option.value,
+        value: option === null || option === void 0 ? void 0 : option.value,
+        disabled: option === null || option === void 0 ? void 0 : option.disabled
+      }, option === null || option === void 0 ? void 0 : option.label);
     });
   }, [options]);
   return /*#__PURE__*/React.createElement(OriginalCheckbok.Group, others, /*#__PURE__*/React.createElement(Space, {

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/BaseForm.d.ts

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

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

@@ -0,0 +1,67 @@
+var _excluded = ["title", "description", "dataSource", "showTitle", "showDescription", "groupInfoPosition", "variables", "renderMode", "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 useDataSource from "../hooks/useDataSource";
+import Form from "../../form";
+import FormSettingProvider from "./provider/formSetting/FormSettingProvider";
+import "./index.less";
+
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var BaseForm = /*#__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,
+    renderMode = props.renderMode,
+    children = props.children,
+    currentValue = props.currentValue,
+    className = props.className,
+    others = _objectWithoutProperties(props, _excluded);
+  var formRef = useRef(null);
+  var _useDataSource = useDataSource(),
+    get = _useDataSource.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(renderMode || '') && dataSource) {
+      get === null || get === void 0 ? void 0 : get.runAsync().then(function (res) {
+        var _formRef$current2;
+        (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldsValue(res);
+      });
+    }
+  }, [renderMode, dataSource]);
+  return /*#__PURE__*/React.createElement(FormSettingProvider, {
+    renderMode: renderMode,
+    groupInfoPosition: groupInfoPosition,
+    currentValue: currentValue,
+    size: others.size
+  }, /*#__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));
+});
+export default BaseForm;

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,58 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _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";
+import useJsonPrefixPath from "./provider/hooks/useJsonPrefixPath";
+import { toArr } from "./utils";
+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 _useJsonPrefixPath = useJsonPrefixPath(),
+    _useJsonPrefixPath$pa = _useJsonPrefixPath.path,
+    prefixPath = _useJsonPrefixPath$pa === void 0 ? [] : _useJsonPrefixPath$pa;
+  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]);
+  var concatName = name !== undefined ? [].concat(_toConsumableArray(prefixPath), _toConsumableArray(toArr(name))) : undefined;
+  return /*#__PURE__*/React.createElement(Form.Item, _extends({
+    name: concatName,
+    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'
+    })
+  }, (propsShowTitle && title || propsShowDescription && description) && /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode-data-source-form-group-info'
+  }, propsShowTitle && title && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-data-source-form-group-title"
+  }, title), propsShowDescription && description && /*#__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,25 @@
+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); }
+import React, { forwardRef } from 'react';
+import DataSourceProvider from "../provider/dataSource/DataSourceProvider";
+import Form from "../../form";
+import BaseForm from "./BaseForm";
+import "./index.less";
+
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var DataSourceForm = /*#__PURE__*/forwardRef(function (props, ref) {
+  var dataSource = props.dataSource,
+    currentValue = props.currentValue,
+    __designMode = props.__designMode;
+  return /*#__PURE__*/React.createElement(DataSourceProvider, {
+    dataSource: dataSource,
+    currentValue: currentValue,
+    __designMode: __designMode
+  }, /*#__PURE__*/React.createElement(BaseForm, _extends({}, props, {
+    ref: ref
+  })));
+});
+DataSourceForm.List = Form.List;
+export default DataSourceForm;

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

@@ -0,0 +1,24 @@
+.pisell-lowcode-data-source-form {
+  
+}
+
+.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,11 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

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

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+var initialContext = {
+  renderMode: "edit",
+  size: 'large'
+};
+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,26 @@
+import React from 'react';
+import FormSettingContext from "./FormSettingContext";
+
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+var FormSettingProvider = function FormSettingProvider(props) {
+  var children = props.children,
+    renderMode = props.renderMode,
+    groupInfoPosition = props.groupInfoPosition,
+    currentValue = props.currentValue,
+    size = props.size;
+  var value = React.useMemo(function () {
+    return {
+      renderMode: renderMode,
+      groupInfoPosition: groupInfoPosition,
+      currentValue: currentValue,
+      size: size
+    };
+  }, [renderMode, groupInfoPosition, currentValue, size]);
+  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/provider/hooks/useJsonPrefixPath.d.ts

@@ -0,0 +1,5 @@
+declare const useJsonPrefixPath: () => {
+    path: (string | number)[];
+    level: number;
+};
+export default useJsonPrefixPath;

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

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import JsonWrapperContext from "../jsonWrapper/JsonWrapperContext";
+var useJsonPrefixPath = function useJsonPrefixPath() {
+  var prefixPath = useContext(JsonWrapperContext);
+  return prefixPath;
+};
+export default useJsonPrefixPath;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var JsonWrapperContext = /*#__PURE__*/createContext({
+  path: [],
+  level: 0
+});
+export default JsonWrapperContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface JsonWrapperProps {
+    prefix: string | number | (string | number)[];
+    name?: string;
+}
+declare const JsonWrapperProvider: React.FC<React.PropsWithChildren<JsonWrapperProps>>;
+export default JsonWrapperProvider;