@jswork/antd-components 1.0.220 → 1.0.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.220",
+  "version": "1.0.222",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -68,6 +68,7 @@
     "@jswork/react-list": "^1.4.3",
     "@jswork/url-sync-flat": "^1.0.8",
     "@jswork/weibo2res": "^1.0.4",
+    "@uiw/react-markdown-editor": "^6.1.4",
     "fast-deep-equal": "^3.1.3",
     "nanoid": "*",
     "react-input-autosize": "^3.0.0",

package/src/lib/extra-search.tsx

@@ -47,7 +47,7 @@ export const AcExtraSearch: FC<AcExtraSearchProps> = (props) => {
   const searchParams = readSearchString(routerType);
   const defaultQuery = searchParams.get(queryKey) || '';
   const [value, setValue] = React.useState(defaultQuery);
-  const defaultParams = Object.fromEntries(searchParams.entries());
+  const defaultParams = Object.fromEntries((searchParams as any).entries() as Iterable<[string, string]>);
   const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const q = e.target.value;
     setValue(q);

package/src/lib/init-widgets.ts

@@ -18,6 +18,7 @@ import { AcInputHiddenFc } from './input-hidden';
 import { AcInputNumberFc } from './input-number';
 import { AcInputTagsFc } from './input-tags';
 import { AcInputTokenFc } from './input-token';
+import { AcMarkdownEditorFc } from './markdown-editor';
 import { AcPreSelectFc } from './pre-select';
 import { AcRadioGroupFc } from './radio-group';
 import { AcRangePickerFc } from './range-picker';
@@ -50,6 +51,7 @@ export const widgets = {
   'ac:input-number': AcInputNumberFc,
   'ac:input-tags': AcInputTagsFc,
   'ac:input-token': AcInputTokenFc,
+  'ac:markdown-editor': AcMarkdownEditorFc,
   'ac:pre-select': AcPreSelectFc,
   'ac:radio-group': AcRadioGroupFc,
   'ac:range-picker': AcRangePickerFc,

package/src/lib/markdown-editor.tsx

@@ -0,0 +1,44 @@
+import MarkdownEditor from '@uiw/react-markdown-editor';
+import cx from 'classnames';
+import React from 'react';
+
+const CLASS_NAME = 'ac-markdown-editor';
+type StdEventTarget = { target: { value: any } };
+type StdCallback = (inEvent: StdEventTarget) => void;
+
+export type AcMarkdownEditorProps = {
+  className?: string;
+  value?: string;
+  onChange?: StdCallback;
+} & React.ComponentProps<typeof MarkdownEditor>;
+
+export class AcMarkdownEditor extends React.Component<AcMarkdownEditorProps> {
+  static displayName = CLASS_NAME;
+  static formSchema = CLASS_NAME;
+  static defaultProps = {};
+
+  handleChange = (inValue: string) => {
+    const { onChange } = this.props;
+    onChange?.({ target: { value: inValue } });
+  };
+
+  render() {
+    const { className, value, onChange, ...props } = this.props;
+    // 确保 value 不是 null 或 undefined
+    const safeValue = value ?? '';
+
+    return (
+      <MarkdownEditor
+        data-component={CLASS_NAME}
+        className={cx(CLASS_NAME, className)}
+        value={safeValue}
+        onChange={this.handleChange}
+        {...props}
+      />
+    );
+  }
+}
+
+export const AcMarkdownEditorFc = (props: AcMarkdownEditorProps) => {
+  return <AcMarkdownEditor {...props} />;
+};

package/src/lib/table.tsx

@@ -174,13 +174,13 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   get calculateColumnsAction() {
     const { name, columnsAction, columnsActionParams, lang } = this.props;
     if (typeof columnsAction !== 'undefined') return columnsAction;
-    return tableAction({ name, lang, ...columnsActionParams });
+    return [tableAction({ name, lang, ...columnsActionParams })];
   }
 
   get calculateColumns() {
     const { columnsFields, columns } = this.props;
     if (columns && columns.length > 0) return columns;
-    return [...columnsFields!, this.calculateColumnsAction] as TableProps['columns'];
+    return [...columnsFields!, ...this.calculateColumnsAction] as TableProps['columns'];
   }
 
   constructor(props: AcTableProps) {

package/src/main.ts

@@ -15,6 +15,7 @@ import { AcInputHidden, AcInputHiddenFc } from './lib/input-hidden';
 import { AcInputNumber, AcInputNumberFc } from './lib/input-number';
 import { AcInputTags, AcInputTagsFc } from './lib/input-tags';
 import { AcInputToken, AcInputTokenFc } from './lib/input-token';
+import { AcMarkdownEditor, AcMarkdownEditorFc } from './lib/markdown-editor';
 import { AcPreSelect, AcPreSelectFc } from './lib/pre-select';
 import { AcRadioGroup, AcRadioGroupFc } from './lib/radio-group';
 import { AcRangePicker, AcRangePickerFc } from './lib/range-picker';
@@ -53,6 +54,7 @@ import type { AcInputProps } from './lib/input';
 import type { AcInputNumberProps } from './lib/input-number';
 import type { AcInputTagsProps } from './lib/input-tags';
 import type { AcInputTokenProps } from './lib/input-token';
+import type { AcMarkdownEditorProps } from './lib/markdown-editor';
 import type { AcPreSelectProps } from './lib/pre-select';
 import type { AcRadioGroupProps } from './lib/radio-group';
 import type { AcRangePickerProps } from './lib/range-picker';
@@ -146,6 +148,9 @@ export {
   AcInputToken,
   AcInputTokenFc,
   AcInputTokenProps,
+  AcMarkdownEditor,
+  AcMarkdownEditorFc,
+  AcMarkdownEditorProps,
   AcPreSelect,
   AcPreSelectFc,
   AcPreSelectProps,