paul-ai-assistant 0.1.16

package/es/components/PaulButtonGroup/index.js

@@ -0,0 +1,209 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * @author linhuiw、洛萨
+ * @description 按钮组组件
+ * value: { {configId: 29, opType: 'createSubmit'}, title: "提交" }
+ */
+import React, { useCallback, useMemo, useState } from 'react';
+import { Button, Form, Input, Modal, Space } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { REQUEST_SUCCESS_CODE } from "../../constants/common";
+import Select from "./Select";
+import "./index.scss";
+
+// 组件映射表，用于根据 schema 的 component 字符串动态渲染组件
+var componentMap = {
+  'Input.TextArea': Input.TextArea,
+  Selector: Select
+  // 未来可以扩展更多自定义表单组件
+};
+
+/**
+ * 动态渲染表单项
+ * @param fieldSchema - 单个字段的 schema
+ */
+var renderFormItem = function renderFormItem(fieldSchema) {
+  var name = fieldSchema.name,
+    label = fieldSchema.label,
+    component = fieldSchema.component,
+    componentProps = fieldSchema.componentProps,
+    rules = fieldSchema.rules;
+  var FormComponent = componentMap[component];
+  if (!FormComponent) {
+    console.error("Component not found for type: ".concat(component));
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    key: name,
+    name: name,
+    label: label,
+    rules: rules
+  }, /*#__PURE__*/React.createElement(FormComponent, componentProps));
+};
+
+// 为 props 定义一个更清晰的接口
+
+export default (function (props) {
+  var _props$ctx, _actionSchema$modalPr, _actionSchema$modalPr2, _actionSchema$modalPr3, _actionSchema$formSch, _actionSchema$formSch2;
+  var bizId = props.bizId,
+    value = props.value,
+    _props$buttonGroupCon = props.buttonGroupConfig,
+    buttonGroupConfig = _props$buttonGroupCon === void 0 ? [] : _props$buttonGroupCon,
+    _props$enterParamsCon = props.enterParamsConfig,
+    enterParamsConfig = _props$enterParamsCon === void 0 ? {} : _props$enterParamsCon,
+    onSubmitConfig = props.onSubmitConfig;
+  var _ref = (props === null || props === void 0 || (_props$ctx = props.ctx) === null || _props$ctx === void 0 || (_props$ctx = _props$ctx.meta) === null || _props$ctx === void 0 ? void 0 : _props$ctx.originData) || {},
+    dialogId = _ref.dialogId;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentButtonConfig = _useState4[0],
+    setCurrentButtonConfig = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentParams = _useState6[0],
+    setCurrentParams = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    submitDisabled = _useState8[0],
+    setSubmitDisabled = _useState8[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var onSubmitDefault = useCallback(function (inputForm) {
+    var data = {
+      subjectId: bizId,
+      dialogId: dialogId,
+      formData: inputForm
+    };
+    var url = '/cognipilot/api/assistant/chat';
+    customRequest({
+      method: 'POST',
+      url: url,
+      query: data
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) !== REQUEST_SUCCESS_CODE) {
+        // 表单提交失败
+      }
+    }).catch(function () {
+      // 表单提交失败
+    }).finally(function () {
+      setSubmitDisabled(false);
+    });
+  }, [bizId, dialogId]);
+
+  // 处理表单提交
+  var onSubmit = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formValues) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setSubmitDisabled(true);
+            if (typeof (onSubmitConfig === null || onSubmitConfig === void 0 ? void 0 : onSubmitConfig.onSubmit) === 'function') {
+              onSubmitConfig === null || onSubmitConfig === void 0 || onSubmitConfig.onSubmit(formValues, function () {
+                return setSubmitDisabled(false);
+              });
+            } else {
+              onSubmitDefault(formValues);
+            }
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [onSubmitDefault, onSubmitConfig]);
+
+  // 点击按钮时的核心处理逻辑
+  var handleButtonClick = useCallback(function (buttonConfig, params) {
+    setCurrentParams(params);
+    if ((buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.opType) === 'createSubmit') {
+      var values = props.getFormValues();
+      onSubmit(_objectSpread(_objectSpread({}, params), values));
+    } else if (buttonConfig.onClickAction) {
+      // 如果有 action，则设置当前配置并显示弹窗
+      setCurrentButtonConfig(buttonConfig);
+      setModalVisible(true);
+    } else {
+      // 否则，直接提交
+      onSubmit(params);
+    }
+  }, [onSubmit]);
+
+  // 处理弹窗确认事件
+  var handleOk = function handleOk() {
+    form.validateFields().then(function (vals) {
+      onSubmit(_objectSpread(_objectSpread({}, currentParams), vals));
+      form.resetFields();
+      setModalVisible(false);
+      setCurrentButtonConfig(null);
+      setCurrentParams(null);
+    }).catch(function () {
+      // 表单校验失败
+    });
+  };
+
+  // 处理弹窗取消事件
+  var handleCancel = function handleCancel() {
+    form.resetFields();
+    setModalVisible(false);
+    setCurrentButtonConfig(null);
+  };
+
+  // 使用 useMemo 渲染按钮组，以避免不必要的重渲染
+  var btns = useMemo(function () {
+    return (Array.isArray(value) ? value : []).map(function (btn) {
+      var _btnConfig;
+      var btnConfig = null;
+      if (btn !== null && btn !== void 0 && btn.useFrontConfig) {
+        btnConfig = buttonGroupConfig.find(function (item) {
+          var _btn$enterParamsConfi;
+          return item.opType === (btn === null || btn === void 0 || (_btn$enterParamsConfi = btn[enterParamsConfig.path]) === null || _btn$enterParamsConfi === void 0 ? void 0 : _btn$enterParamsConfi.opType);
+        });
+      } else if (btn !== null && btn !== void 0 && btn.submitParams) {
+        btnConfig = _objectSpread(_objectSpread({
+          title: btn === null || btn === void 0 ? void 0 : btn.title
+        }, btn === null || btn === void 0 ? void 0 : btn.submitParams), {}, {
+          'x-component-props': (btn === null || btn === void 0 ? void 0 : btn['x-component-props']) || {}
+        });
+      } else {
+        btnConfig = buttonGroupConfig.find(function (item) {
+          var _btn$enterParamsConfi2;
+          return item.opType === (btn === null || btn === void 0 || (_btn$enterParamsConfi2 = btn[enterParamsConfig.path]) === null || _btn$enterParamsConfi2 === void 0 ? void 0 : _btn$enterParamsConfi2.opType);
+        });
+      }
+      return btnConfig && /*#__PURE__*/React.createElement(Button, _extends({
+        key: btnConfig.opType,
+        onClick: function onClick() {
+          return handleButtonClick(btnConfig, btn === null || btn === void 0 ? void 0 : btn[enterParamsConfig.path || 'submitParams']);
+        },
+        disabled: submitDisabled
+      }, (_btnConfig = btnConfig) === null || _btnConfig === void 0 ? void 0 : _btnConfig['x-component-props']), btnConfig.title);
+    }).filter(Boolean);
+  }, [buttonGroupConfig, value, enterParamsConfig, submitDisabled, handleButtonClick]); // 依赖项是 buttonGroupConfig 数组
+
+  var actionSchema = currentButtonConfig === null || currentButtonConfig === void 0 ? void 0 : currentButtonConfig.onClickAction;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, btns), actionSchema && /*#__PURE__*/React.createElement(Modal, {
+    wrapClassName: "paul-button-group-modal",
+    title: ((_actionSchema$modalPr = actionSchema.modalProps) === null || _actionSchema$modalPr === void 0 ? void 0 : _actionSchema$modalPr.title) || '操作确认',
+    open: modalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    okText: ((_actionSchema$modalPr2 = actionSchema.modalProps) === null || _actionSchema$modalPr2 === void 0 ? void 0 : _actionSchema$modalPr2.okText) || '确定',
+    cancelText: ((_actionSchema$modalPr3 = actionSchema.modalProps) === null || _actionSchema$modalPr3 === void 0 ? void 0 : _actionSchema$modalPr3.cancelText) || '取消',
+    destroyOnClose: true // 关闭时销毁内部组件，避免状态残留
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: "vertical"
+  }, Array.isArray((_actionSchema$formSch = actionSchema.formSchema) === null || _actionSchema$formSch === void 0 ? void 0 : _actionSchema$formSch.fields) && ((_actionSchema$formSch2 = actionSchema.formSchema) === null || _actionSchema$formSch2 === void 0 ? void 0 : _actionSchema$formSch2.fields.map(renderFormItem)))));
+});

package/es/components/PaulButtonGroup/index.scss

@@ -0,0 +1,19 @@
+.paul-button-group-modal {
+
+  .ant-modal-header {
+    border-bottom: 0;
+  }
+
+  .ant-modal-footer {
+    border-top: 0;
+  }
+
+  .ant-modal-body {
+    padding: 0 12px;
+  }
+
+  .ant-form-item {
+    margin-bottom: 12px;
+  }
+
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const PopAuth: (props: any) => React.JSX.Element;
+export default PopAuth;

package/es/components/PopAuth/index.js

@@ -0,0 +1,62 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Button, message } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { debounce } from 'lodash';
+import "./index.scss";
+var PopAuth = function PopAuth(props) {
+  var _props$ctx;
+  var _ref = props || {},
+    authQuery = _ref.authQuery,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? 1 : _ref$editable;
+  var _useState = useState(editable === 0),
+    _useState2 = _slicedToArray(_useState, 2),
+    submitDisabled = _useState2[0],
+    setSubmitDisabled = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    submitLoading = _useState4[0],
+    setSubmitLoading = _useState4[1];
+  var _ref2 = (props === null || props === void 0 || (_props$ctx = props.ctx) === null || _props$ctx === void 0 || (_props$ctx = _props$ctx.meta) === null || _props$ctx === void 0 ? void 0 : _props$ctx.originData) || {},
+    dialogId = _ref2.dialogId;
+  useEffect(function () {
+    setSubmitDisabled(editable === 0);
+  }, [editable]);
+  var onSubmitDefault = debounce(function () {
+    setSubmitLoading(true);
+    var data = _objectSpread(_objectSpread({}, authQuery), {}, {
+      msgId: dialogId
+    });
+    var url = '/customerIntelligence/innerApi/v1/copilot/approve/authorization';
+    customRequest({
+      method: 'POST',
+      url: url,
+      query: data
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) !== 0) {
+        message.error('提交失败');
+      }
+    }).catch(function () {
+      message.error('提交失败');
+    }).finally(function () {
+      setSubmitLoading(false);
+    });
+  }, 300);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pop-auth-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pop-auth-title"
+  }, "\uD83D\uDD11\u9700\u8981\u670D\u52A1\u89D2\u8272\u6388\u6743"), /*#__PURE__*/React.createElement("div", {
+    className: "pop-auth-content"
+  }, "\u8BE5\u5DE5\u5177\u7684\u6267\u884C\u9700\u8981\u8C03\u7528\u60A8\u7684OpenAPl\uFF0C\u8BF7\u6388\u6743\u963F\u91CC\u4E91\u4F7F\u7528\u60A8\u7684\u670D\u52A1\u89D2\u8272AliyunServiceRoleforSmartService\u3002\u60A8\u53EF\u968F\u65F6\u5728RAM\u63A7\u5236\u53F0\u67E5\u770B\u6216\u5220\u9664\u76F8\u5173\u6388\u6743\u3002"), /*#__PURE__*/React.createElement("div", {
+    className: "pop-auth-btn"
+  }, /*#__PURE__*/React.createElement(Button, {
+    loading: submitLoading,
+    disabled: submitDisabled,
+    type: "primary",
+    onClick: onSubmitDefault
+  }, "\u540C\u610F\u6388\u6743")));
+};
+export default PopAuth;

package/es/components/PopAuth/index.scss

@@ -0,0 +1,16 @@
+.pop-auth-container {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .pop-auth-title {
+    font-weight: 500;
+    font-size: 14px;
+    color: #555;
+  }
+  .pop-auth-content {
+    font-weight: 400;
+    font-size: 14px;
+    color: #555;
+    line-height: 24px;
+  }
+}

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { REFERENCE_TYPE_ENUM } from '../../constants/reference';
+import './index.scss';
+/** 参考来源信息 */
+export interface IReference {
+    /** 数据唯一标识 */
+    dataId: string | number;
+    /** 参考来源标题 */
+    title: string;
+    /** 参考来源类型 */
+    itemType: REFERENCE_TYPE_ENUM;
+    /** 参考来源链接地址 */
+    url: string;
+    /** UUID */
+    uuid?: string;
+    /** 参考来源描述/摘要 */
+    description?: string;
+    /** 来源网站名称（如 "CSDN博客"、"Microsoft"） */
+    sourceName?: string;
+    /** 来源网站图标 URL 或图标标识 */
+    sourceIcon?: string;
+    [key: string]: any;
+}
+/** 可配置参考来源 */
+export interface IReferenceTypeMap {
+    value: string;
+    icon: string;
+    title: string;
+    color?: string;
+    backgroundColor?: string;
+    description?: string;
+}
+export interface IReferenceInfoItemProps {
+    itemData?: IReference;
+    onClickReference?: (params: {
+        reference: IReference;
+        type: string;
+        url: string;
+        title: string;
+    }) => void;
+    className?: string;
+    referenceTypeMap?: IReferenceTypeMap;
+    /**
+     * 参考信息额外渲染
+     */
+    extRender?: (param?: any) => React.ReactNode;
+}
+declare const ReferenceInfoItem: (props: IReferenceInfoItemProps) => React.JSX.Element;
+export default ReferenceInfoItem;

package/es/components/ReferenceInfoItem/index.js

@@ -0,0 +1,43 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { REFERENCE_TYPE_PARAMS } from "../../constants/reference";
+import "./index.scss";
+
+/** 参考来源信息 */
+
+/** 可配置参考来源 */
+
+var ReferenceInfoItem = function ReferenceInfoItem(props) {
+  var _ref = props || {},
+    itemData = _ref.itemData,
+    onClickReference = _ref.onClickReference,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    referenceTypeMap = _ref.referenceTypeMap,
+    extRender = _ref.extRender;
+  var typeMap = _objectSpread(_objectSpread({}, REFERENCE_TYPE_PARAMS), referenceTypeMap);
+  var typeParams = typeMap === null || typeMap === void 0 ? void 0 : typeMap[itemData === null || itemData === void 0 ? void 0 : itemData.itemType];
+  var _onClick = function onClick(item) {
+    var data = {
+      reference: item,
+      type: item === null || item === void 0 ? void 0 : item.itemType,
+      url: item === null || item === void 0 ? void 0 : item.url,
+      title: item === null || item === void 0 ? void 0 : item.title
+    };
+    if (onClickReference && typeof onClickReference === 'function') {
+      onClickReference(data);
+    } else if (data !== null && data !== void 0 && data.url) {
+      window.open(data === null || data === void 0 ? void 0 : data.url);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "reference-info-item ".concat(className),
+    key: itemData === null || itemData === void 0 ? void 0 : itemData.dataId
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "title-text",
+    onClick: function onClick() {
+      _onClick === null || _onClick === void 0 || _onClick(itemData);
+    }
+  }, itemData === null || itemData === void 0 ? void 0 : itemData.title));
+};
+export default ReferenceInfoItem;

package/es/components/ReferenceInfoItem/index.scss

@@ -0,0 +1,46 @@
+.reference-info-item {
+  display: flex;
+  align-items: center;
+  margin-top: 4px;
+
+  .title-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    cursor: pointer;
+    flex: 1;
+    color: #474a52;
+
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    &:hover {
+      color: #1b58f4;
+    }
+  }
+
+  .title-tag {
+    height: 20px;
+    line-height: 20px;
+    margin-right: 4px;
+    padding: 0 4px;
+    border-radius: 3px;
+    color: #0070d2;
+    background-color: #edf3f7;
+
+    .type-tag-icon {
+      font-size: 16px !important;
+      margin-top: -2px;
+      margin-right: 4px;
+    }
+
+    .type-tag-text {
+      display: inline-flex;
+    }
+
+    .next-tag-body {
+      padding: 0 4px;
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.scss';
+export interface IReferenceTagProps {
+    icon: string;
+    name: string;
+    enableMinWidth?: boolean;
+    classname?: string;
+    style?: React.CSSProperties;
+}
+declare const ReferenceTag: (props: IReferenceTagProps) => React.JSX.Element;
+export default ReferenceTag;

package/es/components/ReferenceTag/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CSECustomIcon } from "../../utils/CSEIconTool";
+import "./index.scss";
+var ReferenceTag = function ReferenceTag(props) {
+  var icon = props.icon,
+    name = props.name,
+    _props$classname = props.classname,
+    classname = _props$classname === void 0 ? '' : _props$classname,
+    style = props.style,
+    _props$enableMinWidth = props.enableMinWidth,
+    enableMinWidth = _props$enableMinWidth === void 0 ? true : _props$enableMinWidth;
+  var nameMinWidth = enableMinWidth ? (name === null || name === void 0 ? void 0 : name.length) * 12 || 0 : 0;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "reference-tag-container ".concat(classname),
+    style: style
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    size: 'small',
+    type: icon,
+    className: "type-tag-icon"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "type-tag-text",
+    style: {
+      minWidth: nameMinWidth
+    }
+  }, name));
+};
+export default ReferenceTag;

package/es/components/ReferenceTag/index.scss

@@ -0,0 +1,19 @@
+.reference-tag-container {
+  height: 20px;
+  line-height: 20px;
+  margin-right: 4px;
+  padding: 0 4px;
+  border-radius: 3px;
+  color: #0070d2;
+  background-color: #edf3f7;
+
+  .type-tag-icon {
+    font-size: 16px !important;
+    margin-top: -2px;
+    margin-right: 4px;
+  }
+
+  .type-tag-text {
+    display: inline-flex;
+  }
+}

package/es/components/SchemaInput/SchemaInputCore/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare function SchemaInputCore(props: any): React.JSX.Element;
+export default SchemaInputCore;

package/es/components/SchemaInput/SchemaInputCore/index.js

@@ -0,0 +1,113 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Input, Radio } from '@alife/magic-basic';
+import SimpleJSONEditor from "../SimpleJSONEditor";
+import "./index.scss";
+function SchemaInputCore(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    onArgsChange = props.onArgsChange,
+    fields = props.fields;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    args = _useState2[0],
+    setArgs = _useState2[1];
+  useEffect(function () {
+    if (value && Object.keys(value).length > 0) {
+      setArgs(value);
+    }
+  }, [value]);
+  var handleChange = function handleChange(key, v, type) {
+    var parsedValue = v;
+    if (type === 'array') {
+      try {
+        parsedValue = JSON.parse(v);
+        var _newArgs = _objectSpread(_objectSpread({}, args), {}, _defineProperty({}, key, parsedValue));
+        setArgs(_newArgs);
+        onArgsChange === null || onArgsChange === void 0 || onArgsChange(_newArgs);
+      } catch (e) {
+        setArgs(_objectSpread(_objectSpread({}, args), {}, _defineProperty({}, key, v)));
+      }
+    }
+    if (type === 'number') {
+      parsedValue = Number(v);
+    } else if (type === 'boolean') {
+      parsedValue = v;
+    }
+    var newArgs = _objectSpread(_objectSpread({}, args), {}, _defineProperty({}, key, parsedValue));
+    setArgs(newArgs);
+    onArgsChange === null || onArgsChange === void 0 || onArgsChange(newArgs);
+  };
+  var handleSubArgsChange = function handleSubArgsChange(key, subArgs) {
+    var newArgs = _objectSpread(_objectSpread({}, args), {}, _defineProperty({}, key, subArgs));
+    setArgs(newArgs);
+    onArgsChange === null || onArgsChange === void 0 || onArgsChange(newArgs);
+  };
+  var renderInput = function renderInput(field, v) {
+    switch (field.type) {
+      case 'string':
+        return /*#__PURE__*/React.createElement(Input, {
+          className: 'schema-input-core-field-input',
+          value: v,
+          onChange: function onChange(e) {
+            return handleChange(field.name, e.target.value, field.type);
+          }
+        });
+      case 'number':
+        return /*#__PURE__*/React.createElement(Input, {
+          type: "number",
+          className: 'schema-input-core-field-input',
+          value: v,
+          onChange: function onChange(e) {
+            return handleChange(field.name, e.target.value, field.type);
+          }
+        });
+      case 'boolean':
+        return /*#__PURE__*/React.createElement(Radio.Group, {
+          options: [{
+            label: '是',
+            value: true
+          }, {
+            label: '否',
+            value: false
+          }],
+          className: 'schema-input-core-field-input',
+          value: v,
+          onChange: function onChange(e) {
+            return handleChange(field.name, e.target.value, field.type);
+          }
+        });
+      default:
+        return /*#__PURE__*/React.createElement(SimpleJSONEditor, {
+          field: field,
+          onChange: handleChange
+        });
+    }
+  };
+  var renderField = function renderField(field) {
+    var v = args[field.name];
+    return field.type === 'object' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SchemaInputCore, {
+      fields: field.subFields,
+      value: args[field.name],
+      onArgsChange: function onArgsChange(newArgs) {
+        return handleSubArgsChange(field.name, newArgs);
+      }
+    })) : renderInput(field, v);
+  };
+  return /*#__PURE__*/React.createElement("div", null, Array.isArray(fields) && fields.map(function (field) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'schema-input-core-field-item'
+    }, /*#__PURE__*/React.createElement("span", {
+      className: 'schema-input-core-field-name'
+    }, /*#__PURE__*/React.createElement("span", null, field.name), field.required && /*#__PURE__*/React.createElement("span", {
+      className: 'schema-input-core-required-mark'
+    }, "*")), /*#__PURE__*/React.createElement("span", {
+      className: 'schema-input-core-field-type'
+    }, field.type), renderField(field));
+  }));
+}
+export default SchemaInputCore;
+
+// 输入 value 为 args，给父组件提供修改后的args

package/es/components/SchemaInput/SchemaInputCore/index.scss

@@ -0,0 +1,35 @@
+.schema-input-core-field-item {
+  margin: 8px 0;
+  border: 1px solid #e8e8e8;
+  background-color: #f5f5f5;
+  padding: 8px;
+}
+
+.schema-input-core-field-name {
+  display: inline-block;
+  margin-right: 8px;
+  padding: 4px;
+  width: 120px;
+  background-color: #fff;
+}
+
+.schema-input-core-required-mark {
+  color: red;
+  margin-left: 2px;
+}
+
+.schema-input-core-field-type {
+  display: inline-block;
+  margin-right: 8px;
+  padding: 4px;
+  width: 120px;
+  background-color: #fff;
+}
+
+.schema-input-core-field-input {
+  display: inline-block;
+  margin-right: 8px;
+  padding: 4px;
+  width: 120px;
+  background-color: #fff;
+}

package/es/components/SchemaInput/SchemaInputCore/utils.d.ts

@@ -0,0 +1 @@
+export declare function schemaToFields(schema: any): any[];