@teamias/rex-design 0.0.8 → 0.0.9

package/README.md

@@ -1,65 +1,65 @@
-# @teamias/rex-design
-
-[![NPM version](https://img.shields.io/npm/v/@teamias/rex-design.svg?style=flat)](https://npmjs.org/package/@teamias/rex-design)
-[![NPM downloads](http://img.shields.io/npm/dm/@teamias/rex-design.svg?style=flat)](https://npmjs.org/package/@teamias/rex-design)
-
-用 dumi 开发的 react 库
-
-## Usage
-
-### 安装组件库
-
-```bash
-# 安装组件库
-$ pnpm add @teamias/rex-design
-
-```
-
-### 代码引用
-
-```ts
-import { ActionButtons } from '@teamias/rex-design';
-```
-
-## Options
-
-TODO
-
-## Development
-
-```bash
-# 安装依赖项
-$ pnpm install
-
-# 通过文档演示开发库
-$ pnpm start
-
-# 构建库源代码
-$ pnpm run build
-
-# 在监视模式下构建库源代码
-$ pnpm run build:watch
-
-# 生成文档
-$ pnpm run docs:build
-
-# 本地预览生产构建。
-$ pnpm run docs:preview
-
-# 检查项目的潜在问题
-$ pnpm run doctor
-```
-
-## Publish
-
-```bash
-# 首次发包前,进行用户添加
-$ pnpm adduser
-
-# 发布新版本
-$ pnpm run deploy
-```
-
-## LICENSE
-
-MIT
+# @teamias/rex-design
+
+[![NPM version](https://img.shields.io/npm/v/@teamias/rex-design.svg?style=flat)](https://npmjs.org/package/@teamias/rex-design)
+[![NPM downloads](http://img.shields.io/npm/dm/@teamias/rex-design.svg?style=flat)](https://npmjs.org/package/@teamias/rex-design)
+
+用 dumi 开发的 react 库
+
+## Usage
+
+### 安装组件库
+
+```bash
+# 安装组件库
+$ pnpm add @teamias/rex-design
+
+```
+
+### 代码引用
+
+```ts
+import { ActionButtons } from '@teamias/rex-design';
+```
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# 安装依赖项
+$ pnpm install
+
+# 通过文档演示开发库
+$ pnpm start
+
+# 构建库源代码
+$ pnpm run build
+
+# 在监视模式下构建库源代码
+$ pnpm run build:watch
+
+# 生成文档
+$ pnpm run docs:build
+
+# 本地预览生产构建。
+$ pnpm run docs:preview
+
+# 检查项目的潜在问题
+$ pnpm run doctor
+```
+
+## Publish
+
+```bash
+# 首次发包前,进行用户添加
+$ pnpm adduser
+
+# 发布新版本
+$ pnpm run deploy
+```
+
+## LICENSE
+
+MIT

package/dist/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './base-table';
 export * from './data-cell';
 export * from './icons';
 export * from './media-viewer';
+export * from './tiptap-editor';

package/dist/components/index.js

@@ -4,4 +4,5 @@ export * from "./base-list-table";
 export * from "./base-table";
 export * from "./data-cell";
 export * from "./icons";
-export * from "./media-viewer";
+export * from "./media-viewer";
+export * from "./tiptap-editor";

package/dist/components/tiptap-editor/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/tiptap-editor/demo/index.js

@@ -0,0 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import enUS from "../../../locales/en-US.json";
+import { RexProConfigProvider, TiptapEditor } from "../../..";
+import { crush } from 'radash';
+import { createIntl } from 'react-intl';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(RexProConfigProvider, {
+    value: {
+      intl: createIntl({
+        locale: 'en-us',
+        messages: _objectSpread({}, crush(enUS))
+      })
+    },
+    children: /*#__PURE__*/_jsx(TiptapEditor, {})
+  });
+});

package/dist/components/tiptap-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { matchTiptapVariables } from './modules/plugin-variable-node';
+export * from './tiptap-editor';

package/dist/components/tiptap-editor/index.js

@@ -0,0 +1,2 @@
+export { matchTiptapVariables } from "./modules/plugin-variable-node";
+export * from "./tiptap-editor";

package/dist/components/tiptap-editor/modules/plugin-image-node/index.d.ts

@@ -0,0 +1 @@
+export declare const Image: import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;

package/dist/components/tiptap-editor/modules/plugin-image-node/index.js

@@ -0,0 +1,25 @@
+import { Image as RawImage } from '@tiptap/extension-image';
+
+// 自定义图片扩展，确保图片渲染为可调整大小的 DOM 结构
+export var Image = RawImage.extend({
+  addNodeView: function addNodeView() {
+    return function (_ref) {
+      var node = _ref.node,
+        editor = _ref.editor,
+        getPos = _ref.getPos;
+      var img = document.createElement('img');
+      img.src = node.attrs.src;
+
+      // 用 div 包裹 img，以便添加 resize 句柄
+      var wrapper = document.createElement('div');
+      wrapper.className = 'resizable-image-wrapper';
+      wrapper.appendChild(img);
+
+      // 返回 NodeView 对象，包含 dom 属性
+      return {
+        dom: wrapper,
+        contentDOM: null
+      };
+    };
+  }
+});

package/dist/components/tiptap-editor/modules/plugin-link-node/index.d.ts

@@ -0,0 +1 @@
+export declare const Link: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;

package/dist/components/tiptap-editor/modules/plugin-link-node/index.js

@@ -0,0 +1,85 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { default as RawLink } from '@tiptap/extension-link';
+import { Plugin } from 'prosemirror-state';
+
+// 自定义链接扩展
+export var Link = RawLink.extend({
+  // 添加自定义属性
+  addAttributes: function addAttributes() {
+    var _this$parent;
+    return _objectSpread(_objectSpread({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
+      // 添加自定义属性，比如打开方式
+      target: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('target');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.target ? {
+            target: attributes.target
+          } : {};
+        }
+      }
+    });
+  },
+  // 添加自定义事件处理
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    var _this$parent2;
+    var plugins = ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.call(this)) || [];
+    return [].concat(_toConsumableArray(plugins), [
+    // 添加自定义点击处理插件
+    new Plugin({
+      // spec: '',
+      // getState: () => {},
+      props: {
+        handleClick: function handleClick(view, pos, event) {
+          var _event$target;
+          // console.log(view, pos, event);
+
+          // 获取当前选区
+          var state = view.state;
+          var _state$selection = state.selection,
+            from = _state$selection.from,
+            to = _state$selection.to;
+
+          // 检查点击位置是否在链接节点内
+          var linkNode = ((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.nodeName) === 'A' && event.target.classList.contains('tiptap-link') ? event.target : null;
+
+          // console.log(event, state.doc.nodeAt(pos));
+          if (linkNode) {
+            if (event.ctrlKey || event.metaKey) {
+              var href = linkNode.href;
+              window.open(href, '_blank');
+              return true;
+            } else {
+              event.preventDefault();
+              return false;
+            }
+          }
+          return false;
+        }
+      }
+    })]);
+  },
+  // 添加自定义样式类
+  addOptions: function addOptions() {
+    var _this$parent3;
+    return _objectSpread(_objectSpread({}, (_this$parent3 = this.parent) === null || _this$parent3 === void 0 ? void 0 : _this$parent3.call(this)), {}, {
+      HTMLAttributes: {
+        class: 'tiptap-link',
+        style: 'cursor: pointer;'
+      }
+    });
+  }
+});

package/dist/components/tiptap-editor/modules/plugin-variable-node/component.d.ts

@@ -0,0 +1,3 @@
+import { NodeViewProps } from '@tiptap/react';
+import { FC } from 'react';
+export declare const Component: FC<NodeViewProps>;

package/dist/components/tiptap-editor/modules/plugin-variable-node/component.js

@@ -0,0 +1,133 @@
+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; }
+import { VerticalAlignTopOutlined } from '@ant-design/icons';
+import { useStateData } from "../../../..";
+import { NodeViewWrapper } from '@tiptap/react';
+import { Dropdown, Input } from 'antd';
+import { useRef } from 'react';
+import styled from 'styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Component = function Component(props) {
+  var opts = props.extension.options;
+  var nodeViewWrapperRef = useRef(null);
+  var ref = useRef(null);
+  var _useStateData = useStateData(function () {
+      return {
+        open: true,
+        inputFocus: false
+        // inlineOptions: [],
+      };
+    }),
+    state = _useStateData.state,
+    update = _useStateData.update;
+  var updateSelected = function updateSelected(val) {
+    props.updateAttributes({
+      selected: val
+    });
+  };
+
+  // const getFocus = () => {
+  //   if (state.open) {
+  //     setTimeout(() => {
+  //       ref.current?.focus();
+  //     }, 0);
+  //   }
+  // };
+
+  // console.log(props);
+  // useEffect(() => {
+  //   getFocus();
+  // }, [state.open,]);
+
+  return /*#__PURE__*/_jsx(NodeViewWrapper, {
+    style: {
+      display: 'inline-block'
+    },
+    ref: nodeViewWrapperRef,
+    onClick: function onClick(e) {
+      if (state.inputFocus) {
+        e.stopPropagation();
+      }
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      contentEditable: false,
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        open: state.open
+        // getPopupContainer={triggerNode => {
+        //   // triggerNode.parentNode as HTMLElement
+        //   console.log(triggerNode);
+        // }}
+        ,
+        trigger: ['click'],
+        menu: {
+          items: [{
+            label: /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: 12
+              },
+              children: "\u6CE8\u5165\u53C2\u6570\u9009\u62E9"
+            }),
+            key: '__key-1',
+            disabled: true
+          }, {
+            type: 'divider'
+          }, {
+            label: /*#__PURE__*/_jsx("div", {
+              contentEditable: false,
+              children: /*#__PURE__*/_jsx(Input.Search, {
+                size: "small",
+                placeholder: "\u81EA\u5B9A\u4E49\u53D8\u91CF\u540D",
+                enterButton: /*#__PURE__*/_jsx(VerticalAlignTopOutlined, {}),
+                ref: ref,
+                onFocusCapture: function onFocusCapture() {
+                  // 在获取焦点瞬间,阻止 NodeViewWrapper 的默认事件
+                  // 100ms 后解开限制
+                  // 这里来解决焦点不对问题
+                  state.inputFocus = true;
+                  setTimeout(function () {
+                    state.inputFocus = false;
+                  }, 200);
+                },
+                onSearch: function onSearch(e) {
+                  if (e) {
+                    var _nodeViewWrapperRef$c;
+                    // console.log(nodeViewWrapperRef);
+                    (_nodeViewWrapperRef$c = nodeViewWrapperRef.current) === null || _nodeViewWrapperRef$c === void 0 || _nodeViewWrapperRef$c.click();
+                    state.open = false;
+                    updateSelected(e);
+                    update();
+                  }
+                }
+              })
+            }),
+            key: '__key-2',
+            disabled: true
+          }, {
+            type: 'divider'
+          }].concat(_toConsumableArray(opts.options)),
+          onClick: function onClick(e) {
+            if (!e.key.startsWith('__key-')) {
+              updateSelected(e.key);
+            }
+          }
+        },
+        onOpenChange: function onOpenChange(val) {
+          state.open = val;
+          update();
+        },
+        children: props.node.attrs.selected && /*#__PURE__*/_jsx(SpanBox, {
+          className: props.selected ? 'selected' : '',
+          children: props.node.attrs.selected
+        })
+      })
+    })
+  });
+};
+var SpanBox = styled.span.withConfig({
+  displayName: "SpanBox",
+  componentId: "rex-design-aaf4__sc-1qkqodh-0"
+})(["border:1px solid #ccc;font-size:12px;vertical-align:middle;padding:0 3px;border-radius:4px;cursor:pointer;color:#296dff;background:#fff;margin:0 4px;&.selected{border-color:#296dff;background:#eff4ff;}"]);

package/dist/components/tiptap-editor/modules/plugin-variable-node/index.d.ts

@@ -0,0 +1,14 @@
+import { Node } from '@tiptap/core';
+export declare const PluginVariableBNode: Node<PluginVariableBNodeOptions, any>;
+/**
+ * 提取 tiptap 编辑器内容中的所有 <react-variable-node selected="label"></react-variable-node> 占位符
+ * @param text 编辑器内容字符串
+ * @param source 匹配对象
+ */
+export declare const matchTiptapVariables: (text: string, source?: Record<string, unknown>) => string;
+export interface PluginVariableBNodeOptions {
+    options?: Array<{
+        label: string;
+        key: string;
+    }>;
+}

package/dist/components/tiptap-editor/modules/plugin-variable-node/index.js

@@ -0,0 +1,84 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import { get } from 'radash';
+import { Component } from "./component";
+
+/** 标签名称 */
+var tagName = 'react-variable-node';
+export var PluginVariableBNode = Node.create({
+  name: 'variable',
+  // 唯一名称
+  inline: true,
+  // 行内节点（非块级）
+  group: 'inline',
+  // 分组为行内
+  atom: true,
+  // 原子节点（不可分割）
+  // parseDOM: [{ tag: 'span.variable', },], // 解析 DOM 规则
+  addAttributes: function addAttributes() {
+    return {
+      // count: {
+      //   default: 0,
+      // },
+      // options: {
+      //   default: this.options.options,
+      // },
+      selected: {
+        default: ''
+      }
+    };
+  },
+  parseHTML: function parseHTML() {
+    return [{
+      tag: tagName
+    }];
+  },
+  renderHTML: function renderHTML(_ref) {
+    var HTMLAttributes = _ref.HTMLAttributes;
+    return [tagName, mergeAttributes(HTMLAttributes)];
+  },
+  addNodeView: function addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  },
+  addInputRules: function addInputRules() {
+    var _this = this;
+    return [{
+      find: /\{/,
+      handler: function handler(_ref2) {
+        var state = _ref2.state,
+          range = _ref2.range,
+          match = _ref2.match;
+        state.tr.replaceRangeWith(range.from, range.to, _this.type.create({
+          name: match[1]
+        }));
+      }
+    }];
+  }
+});
+
+/**
+ * 提取 tiptap 编辑器内容中的所有 <react-variable-node selected="label"></react-variable-node> 占位符
+ * @param text 编辑器内容字符串
+ * @param source 匹配对象
+ */
+export var matchTiptapVariables = function matchTiptapVariables(text) {
+  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var reg = new RegExp("<".concat(tagName, " selected=\"(.*?)\"></").concat(tagName, ">"), 'g');
+  return text.replace(reg, function (content, match1) {
+    // console.log(arg);
+    return "".concat(get(source, match1) || '');
+  });
+};
+
+// const parseValue = (pathKey: string, source: Record<string, unknown>) => {
+//   // 'ssss[0].ewe.we.qqw'
+//   const paths = pathKey.replace(/\[|\]/g, '.').replace(/\.\./g, '.').split('.');
+//   const val = paths.slice(1).reduce((mainVal, key) => {
+//     if (typeof mainVal === 'undefined') return mainVal;
+//     if (mainVal === null) return null;
+
+//     return (mainVal as Record<string, unknown>)[key];
+//   }, source[paths[0]]);
+
+//   return val;
+// };

package/dist/components/tiptap-editor/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    "data-max-height"?: string | number | undefined;
+}>> & string;

package/dist/components/tiptap-editor/styles.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+export var Box = styled.div.withConfig({
+  displayName: "Box",
+  componentId: "rex-design-aaf4__sc-szanbo-0"
+})(["margin:0;overflow:hidden;color:rgba(0,0,0,0.88);font-size:14px;list-style:none;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all 0.2s;max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s;box-sizing:border-box;background:#ffffff;border-width:1px;border-style:solid;border-color:#d9d9d9;div.tiptap[contenteditable]{margin:0;outline:none;overflow:auto;padding:4px 11px;min-height:", ";", " .resizable-image-wrapper{display:inline-block;overflow:auto;resize:auto;min-width:10px;min-height:10px;img{width:100%;height:100%;}}.resizable-image-wrapper.ProseMirror-selectednode{outline:3px solid #1677ff;}}&:hover{border-color:#4096ff;background-color:#ffffff;}&:focus,&:focus-within{border-color:#1677ff;box-shadow:0 0 0 2px rgba(5,145,255,0.1);outline:0;background-color:#ffffff;}"], function (p) {
+  return parseFloat((p['data-max-height'] || 100) + '') <= 100 ? typeof p['data-max-height'] === 'number' ? "".concat(p['data-max-height'], "px") : p['data-max-height'] : '100px';
+}, function (props) {
+  return {
+    maxHeight: typeof props['data-max-height'] === 'number' ? "".concat(props['data-max-height'], "px") : props['data-max-height']
+  };
+});

package/dist/components/tiptap-editor/tiptap-editor.d.ts

@@ -0,0 +1,40 @@
+import { Extensions, useEditor } from '@tiptap/react';
+import { FC, ReactNode } from 'react';
+/**
+ * https://v2.tiptap.dev/docs/editor/extensions/nodes/task-item
+ */
+export declare const TiptapEditor: FC<TiptapEditorProps>;
+export interface TiptapEditorProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    maxHeight?: number | string;
+    /** 变量 */
+    variableObject?: Record<string, unknown>;
+    /**
+     * @desc 类型
+     * - html html文本
+     * - text 存文本
+     */
+    type?: 'html' | 'text';
+    /** 隐藏工具栏 */
+    hiddenToolBar?: boolean;
+    /** 阻止换行 */
+    preventLineBreaks?: boolean;
+    /**
+     * @desc 自定义渲染工具栏
+     * - oldNode 默认的渲染模块
+     * - editor useEditor 的操作对象
+     * - config 默认的工具列表
+     */
+    renderToolBar?: (oldNode: JSX.Element, editor: ReturnType<typeof useEditor>, config: IConfigItem[]) => ReactNode;
+    /** 插件注入 */
+    extensions?: Extensions;
+}
+interface IConfigItem {
+    title: string;
+    key: string;
+    icon?: JSX.Element;
+    onClick?: () => void;
+}
+export {};