ronds-metadata 1.1.36 → 1.1.39

package/es/comps/Editable/DataCell/Select.js

@@ -3,18 +3,19 @@ import _Form from "antd/es/form";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["dataIndex", "disabled"];
+var _excluded = ["dataIndex", "mode", "disabled"];
 
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 14:53:50
- * @LastEditTime: 2022-05-12 11:07:04
+ * @LastEditTime: 2022-09-28 13:36:46
  */
 import React from 'react';
 import { EditableContext } from '../interface';
 
 function Index(props) {
   var dataIndex = props.dataIndex,
+      mode = props.mode,
       disabled = props.disabled,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -28,10 +29,21 @@ function Index(props) {
     }
   }, /*#__PURE__*/React.createElement(_Select, {
     disabled: editConfig.type === 'edit' ? disabled : false,
-    size: "small",
+    mode: mode || undefined,
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      var _option$label;
+
+      return (option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString().indexOf(input)) >= 0;
+    },
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentNode;
+    },
+    allowClear: true,
     style: {
       width: '100%'
     },
+    size: "small",
     options: restProps.enum
   }));
 }

package/es/comps/Editable/index.js

@@ -222,7 +222,7 @@ var Editable = function Editable(props) {
           record: record,
           editableType: type,
           isAddColumn: isAddColumn
-        }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'disabled'])), {}, {
+        }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'mode', 'disabled'])), {}, {
           rowIndex: rowIndex
         });
       };

package/es/comps/Editable/interface.d.ts

@@ -16,6 +16,7 @@ export interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
         label: string;
         value: string;
     }[];
+    mode?: 'multiple' | 'tags';
     children: React.ReactNode;
 }
 export interface EditableHeardCellProps extends React.HTMLAttributes<HTMLElement> {

package/es/comps/Editable/interface.js

@@ -1,7 +1,7 @@
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 15:07:57
- * @LastEditTime: 2022-04-18 14:59:17
+ * @LastEditTime: 2022-09-27 10:11:38
  */
 import React from 'react';
 export var EditableContext = /*#__PURE__*/React.createContext(null);

package/es/comps/MdEdit/index.d.ts

@@ -1,5 +1,4 @@
 import 'react-markdown-editor-lite/lib/index.css';
-import 'github-markdown-css';
 import { UploadFunc } from 'react-markdown-editor-lite/cjs/share/var';
 import './index.less';
 interface IMdEditProps {

package/es/comps/MdEdit/index.js

@@ -1,15 +1,13 @@
 /*
  * @Author: your name
  * @Date: 2021-12-15 15:29:51
- * @LastEditTime: 2022-08-30 17:11:16
+ * @LastEditTime: 2022-09-02 16:52:09
  */
 import React from 'react';
 import MdEditor from 'react-markdown-editor-lite';
-import ReactMarkdown from 'react-markdown';
 import 'react-markdown-editor-lite/lib/index.css';
-import remarkGfm from 'remark-gfm';
-import 'github-markdown-css';
 import './index.less';
+import MdView from '../MdView';
 
 var MdEdit = function MdEdit(props) {
   var value = props.value,
@@ -32,9 +30,9 @@ var MdEdit = function MdEdit(props) {
       height: "".concat(height, "px")
     },
     renderHTML: function renderHTML(text) {
-      return /*#__PURE__*/React.createElement(ReactMarkdown, {
-        remarkPlugins: [remarkGfm]
-      }, text);
+      return /*#__PURE__*/React.createElement(MdView, {
+        source: text
+      });
     },
     onChange: onValueChange
   }));

package/es/comps/MdView/index.d.ts

@@ -0,0 +1,15 @@
+import 'markdown-navbar/dist/navbar.css';
+import 'github-markdown-css';
+import './index.less';
+interface IMdViewProps {
+    /**
+     * md内容
+     */
+    source: string;
+    /**
+     * 是否显示导航
+     */
+    isMarkNav?: boolean;
+}
+declare const MdView: (props: IMdViewProps) => JSX.Element;
+export default MdView;

package/es/comps/MdView/index.js

@@ -0,0 +1,45 @@
+import React from "react";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-09-02 16:17:38
+ * @LastEditTime: 2022-09-02 17:10:04
+ */
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import MarkNav from 'markdown-navbar';
+import 'markdown-navbar/dist/navbar.css';
+import 'github-markdown-css';
+import './index.less';
+
+var MdView = function MdView(props) {
+  var source = props.source,
+      _props$isMarkNav = props.isMarkNav,
+      isMarkNav = _props$isMarkNav === void 0 ? false : _props$isMarkNav;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "react-mark-down",
+    style: {
+      height: '100%',
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "markdown-body react-mark-down"
+  }, /*#__PURE__*/React.createElement(ReactMarkdown, {
+    remarkPlugins: [remarkGfm],
+    rehypePlugins: [rehypeRaw]
+  }, source)), isMarkNav && /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '250px',
+      height: '100%',
+      padding: '10px',
+      overflowY: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(MarkNav, {
+    className: "h-full w-full",
+    source: source,
+    ordered: false
+  }))));
+};
+
+export default MdView;

package/es/comps/MdView/index.less

@@ -0,0 +1,15 @@
+.react-mark-down {
+  flex: 1;
+  padding: 10px;
+  overflow-y: auto;
+  ul {
+    li {
+      list-style: disc;
+    }
+  }
+  ol {
+    li {
+      list-style: auto;
+    }
+  }
+}

package/es/comps/MetadataForm/HOC/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-04-01 16:48:49
+ * @LastEditTime: 2022-09-08 11:08:30
  */
 import React from 'react';
 import { deepClone } from '../../../utils';
@@ -48,11 +48,12 @@ export function withAddOnAfter(WrappedComponent) {
       key: "".concat(_name.toString(), "_div"),
       className: "with-add-on-after"
     }, /*#__PURE__*/React.createElement(WrappedComponent, _extends({
-      key: _name.toString(),
-      style: {
-        padding: '0px'
-      }
+      key: _name.toString()
     }, props, {
+      style: {
+        padding: '0px',
+        display: 'flex '
+      },
       name: _name,
       isObj: isObj
     })), isShowTypeInfo && !field && type !== 'number' && type !== 'bool' && /*#__PURE__*/React.createElement("div", {

package/es/comps/MetadataForm/HOC/index.less

@@ -23,3 +23,4 @@
     z-index: 1000;
   }
 }
+

package/es/comps/MetadataForm/index.js

@@ -154,8 +154,8 @@ var MetadataForm = function MetadataForm(props) {
     wrapperCol: {
       span: 24,
       offset: 0
-    },
-    layout: "horizontal",
+    } // layout="vertical"
+    ,
     form: form,
     name: "control-hooks",
     onFinish: onFinish,

package/es/comps/MetadataForm/index.less

@@ -1,7 +1,7 @@
 .metadata-form {
-  .ant-row {
-    display: block;
-  }
+  // .ant-row {
+  //   display: flex !important;
+  // }
   .ant-form-item {
     margin: 0;
   }

package/es/comps/MetadataForm/utils.js

@@ -1,3 +1,7 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
 import "antd/es/spin/style";
 import _Spin from "antd/es/spin";
 import _extends from "@babel/runtime/helpers/esm/extends";
@@ -5,7 +9,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-06-08 15:54:53
+ * @LastEditTime: 2022-09-28 12:08:26
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -73,10 +77,14 @@ export function renderForm(schemaRef, options, stream$) {
   var _form = [];
 
   for (var i = 0; i < _properties.length; i++) {
-    _form.push(getDataCell(_properties[i], options));
+    _form.push( /*#__PURE__*/React.createElement(_Col, {
+      span: 24
+    }, getDataCell(_properties[i], options)));
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _form);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 24
+  }, _form));
 }
 export function getLabelByProps(data) {
   if (data.fields && data.fields.length > 0) {

package/es/index.d.ts

@@ -6,6 +6,7 @@ export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
 export { default as MdEditor } from './comps/MdEdit';
+export { default as MdView } from './comps/MdView';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-06-24 10:28:22
+ * @LastEditTime: 2022-09-02 16:19:21
  */
 import './theme.less';
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -11,6 +11,7 @@ export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
 export { default as MdEditor } from './comps/MdEdit';
+export { default as MdView } from './comps/MdView';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.36",
+  "version": "1.1.39",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -45,11 +45,8 @@
     "bl": "^5.0.0",
     "codemirror": "^5.63.0",
     "github-markdown-css": "^5.1.0",
-    "highlight.js": "11.3.1",
     "immer": "^9.0.14",
     "lodash": "^4.17.21",
-    "markdown-it": "^12.3.2",
-    "markdown-it-emoji": "^2.0.0",
     "markdown-navbar": "^1.4.3",
     "qs": "^6.10.1",
     "react": "^17.0.2",
@@ -58,6 +55,7 @@
     "react-markdown": "^8.0.3",
     "react-markdown-editor-lite": "^1.3.2",
     "react-popper": "^2.2.3",
+    "rehype-raw": "^6.1.1",
     "remark-gfm": "^3.0.1",
     "rxjs": "^7.5.4"
   },