@guo514360255/antd-lib 1.4.37 → 1.5.0

package/dist/FormItem/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import '@wangeditor/editor/dist/css/style.css';
 import type { UploadFile } from 'antd/es/upload/interface';
 interface FormItemProps {
     value?: UploadFile[];

package/dist/FormItem/index.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange"];
 /*
@@ -7,9 +9,12 @@ var _excluded = ["value", "onChange"];
  * @Description:
  */
 import { valueEnumTransform } from "../utils/util";
+import { Editor, Toolbar } from '@wangeditor/editor-for-react';
+import '@wangeditor/editor/dist/css/style.css';
 import { Checkbox, ColorPicker, DatePicker, Input, InputNumber, Radio, Select, TreeSelect } from 'antd';
-import React from 'react';
+import React, { useState } from 'react';
 var FormItem = function FormItem(_ref) {
+  var _rest$fieldProps, _rest$fieldProps2, _rest$fieldProps3;
   var value = _ref.value,
     _onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -24,9 +29,43 @@ var FormItem = function FormItem(_ref) {
     color: ColorPicker,
     date: DatePicker
   };
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    editor = _useState2[0],
+    setEditor = _useState2[1];
+  var _useState3 = useState(value || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    html = _useState4[0],
+    setHtml = _useState4[1];
   var placeholder = rest.defaultPlaceholder || ['input', 'inputNumber', 'textArea'].includes(rest.type) ? '请输入' : '请选择';
   var FieldComponent = comField[rest.type || 'input'];
-  return /*#__PURE__*/React.createElement(FieldComponent, _extends({
+  var toolbarConfig = {};
+  var editorConfig = {
+    placeholder: '请输入内容...',
+    MENU_CONF: _objectSpread({}, (rest === null || rest === void 0 || (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.editorConfig) || {})
+  };
+  return rest.type === 'editor' ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px solid #cecece'
+    }
+  }, /*#__PURE__*/React.createElement(Toolbar, _extends({
+    defaultConfig: toolbarConfig,
+    mode: "default",
+    editor: editor
+  }, (rest === null || rest === void 0 || (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.toolbar) || {})), /*#__PURE__*/React.createElement(Editor, _extends({
+    defaultConfig: editorConfig,
+    onCreated: setEditor,
+    mode: "default",
+    value: html,
+    onChange: function onChange(editor) {
+      var htmlText = editor.getHtml();
+      setHtml(htmlText);
+      _onChange === null || _onChange === void 0 || _onChange(htmlText);
+    },
+    style: {
+      height: '300px'
+    }
+  }, (rest === null || rest === void 0 || (_rest$fieldProps3 = rest.fieldProps) === null || _rest$fieldProps3 === void 0 ? void 0 : _rest$fieldProps3.editor) || {}))) : /*#__PURE__*/React.createElement(FieldComponent, _extends({
     value: value,
     onChange: function onChange(e) {
       return _onChange === null || _onChange === void 0 ? void 0 : _onChange(['treeSelect', 'select', 'checkbox', 'color', 'date'].includes(rest.type) ? e : !rest.type || ['input', 'inputNumber'].includes(rest.type) ? e : e.target.value);

package/dist/compontent.d.ts

@@ -26,6 +26,7 @@ interface CustomColumnProps extends ProColumns {
     | 'color'
     | 'date'
     | 'tag'
+    | 'editor'
     | 'list';
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guo514360255/antd-lib",
-  "version": "1.4.37",
+  "version": "1.5.0",
   "description": "react design 5 lib",
   "license": "MIT",
   "module": "dist/index.js",
@@ -46,6 +46,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-react": "^1.0.6",
     "crypto-js": "^4.2.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
@@ -53,14 +55,19 @@
     "zustand": "^5.0.9"
   },
   "devDependencies": {
+    "@ant-design/icons": "^6.1.0",
+    "@ant-design/pro-components": "^2.8.10",
+    "@ant-design/pro-table": "^3.x",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/crypto-js": "^4.2.2",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.20",
+    "@types/lodash": "^4.14.191",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@umijs/lint": "^4.0.0",
+    "antd": "^5.x",
+    "antd-img-crop": "^4.27.0",
     "dumi": "^2.4.13",
     "eslint": "^8.23.0",
     "father": "^4.1.0",