ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: comment plugins (#1023)

Browse Source 
Reviewed-on: daoyoucloud/tachybase#1023
This commit is contained in:
sealday 2024-05-21 15:32:26 +08:00
parent 8a421f34ad
commit 13f4fd4a7e
27 changed files with 867 additions and 896 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
packages/plugins/@tachybase/plugin-comments/src/client/CommentBlockActionInitializer.ts Normal file
View File

@ -0,0 +1,50 @@
import { useCollection_deprecated, SchemaInitializer } from '@tachybase/client';
import { tval } from './locale';
export const CommentBlockActionInitializer = new SchemaInitializer({
name: 'comment:configureItemActions',
title: '{{t("Configure actions")}}',
icon: 'SettingOutlined',
items: [
{
type: 'itemGroup',
name: 'enableActions',
title: '{{t("Enable actions")}}',
children: [
{
name: 'edit',
title: '{{t("Edit")}}',
Component: 'UpdateCommentActionInitializer',
schema: { 'x-action': 'update', 'x-decorator': 'ACLActionProvider', 'x-align': 'left' },
useVisible() {
const collection = useCollection_deprecated();
return (collection.template !== 'view' || collection?.writableView) && collection.template !== 'sql';
},
},
{
name: 'delete',
title: '{{t("Delete")}}',
Component: 'DestroyActionInitializer',
schema: {
'x-component': 'Action.Link',
'x-action': 'destroy',
'x-decorator': 'ACLActionProvider',
'x-align': 'left',
},
useVisible() {
return useCollection_deprecated().template !== 'sql';
},
},
{
name: 'reply',
title: tval('Quote Reply'),
Component: 'QuoteReplyCommentActionInitializer',
schema: { 'x-action': 'create', 'x-decorator': 'ACLActionProvider', 'x-align': 'left' },
useVisible() {
return useCollection_deprecated().template !== 'sql';
},
},
],
},
],
});

51
packages/plugins/@tachybase/plugin-comments/src/client/CommentBlockInitializer.ts Normal file
View File

@ -0,0 +1,51 @@
import {
useSchemaInitializer,
useSchemaInitializerItem,
useCollectionManager_deprecated,
DataBlockInitializer,
} from '@tachybase/client';
import { useContext } from 'react';
import jsxRuntime from 'react/jsx-runtime';
import { CommentOutlined } from '@ant-design/icons';
import { SchemaOptionsContext } from '@tachybase/schema';
import { createCommentUISchema } from './createCommentUISchema';
export const CommentBlockInitializer = ({
filterCollections,
filterOtherRecordsCollection,
onlyCurrentDataSource,
hideSearch,
showAssociationFields,
hideOtherRecordsInPopup,
}) => {
const { insert } = useSchemaInitializer();
const item = useSchemaInitializerItem();
useContext(SchemaOptionsContext);
const { getCollection: d } = useCollectionManager_deprecated();
return jsxRuntime.jsx(DataBlockInitializer, {
...item,
componentType: 'Comment',
icon: jsxRuntime.jsx(CommentOutlined, {}),
onlyCurrentDataSource: onlyCurrentDataSource,
hideSearch: hideSearch,
filter: filterCollections,
filterOtherRecordsCollection: filterOtherRecordsCollection,
showAssociationFields: showAssociationFields,
hideOtherRecordsInPopup: hideOtherRecordsInPopup,
onCreateBlockSchema: async ({ item, fromOthersInPopup }) => {
const P = d(item.name, item.dataSource);
const field = item.associationField;
insert(
createCommentUISchema(
field && !fromOthersInPopup
? {
dataSource: item.dataSource,
rowKey: P.filterTargetKey || 'id',
association: `${field.collectionName}.${field.name}`,
}
: { collectionName: item.name, dataSource: item.dataSource, rowKey: P.filterTargetKey || 'id' },
),
);
},
});
};

59
packages/plugins/@tachybase/plugin-comments/src/client/CommentBlockSchemaSettings.ts Normal file
View File

@ -0,0 +1,59 @@
import {
useDesignable,
SchemaSettings,
SchemaSettingsBlockTitleItem,
SchemaSettingsDataScope,
useCollection_deprecated,
useFormBlockContext,
removeNullCondition,
} from '@tachybase/client';
import lodash from 'lodash';
import { useTranslation } from './locale';
import { useField, useFieldSchema } from '@tachybase/schema';
import { useComment } from './useComment';
export const CommentBlockSchemaSettings = new SchemaSettings({
name: 'blockSettings:comment',
items: [
{ name: 'title', Component: SchemaSettingsBlockTitleItem },
{
name: 'SetTheDataScope',
Component: SchemaSettingsDataScope,
useComponentProps() {
const { name } = useCollection_deprecated();
const fieldSchema = useFieldSchema();
const { form } = useFormBlockContext();
const field = useField();
const { dn } = useDesignable();
return {
collectionName: name,
defaultFilter: fieldSchema?.['x-decorator-props']?.params?.filter || {},
form,
onSubmit: ({ filter }) => {
filter = removeNullCondition(filter);
lodash.set(fieldSchema, 'x-decorator-props.params.filter', filter);
field.decoratorProps.params = { ...fieldSchema['x-decorator-props'].params, page: 1 };
dn.emit('patch', {
schema: { 'x-uid': fieldSchema['x-uid'], 'x-decorator-props': fieldSchema['x-decorator-props'] },
});
},
};
},
},
{ name: 'divider', type: 'divider' },
{
name: 'EnableCreate',
type: 'switch',
useComponentProps() {
const { setCreateAble, createAble } = useComment();
const { t } = useTranslation();
return { title: t('Enable Create'), checked: createAble, onChange: setCreateAble };
},
},
{
name: 'remove',
type: 'remove',
componentProps: { removeParentsIfNoChildren: true, breakRemoveOn: { 'x-component': 'Grid' } },
},
],
});

35
packages/plugins/@tachybase/plugin-comments/src/client/CommentCollectionTemplate.ts Normal file
View File

@ -0,0 +1,35 @@
import { CollectionTemplate, getConfigurableProperties } from '@tachybase/client';
import { tval } from './locale';
export class CommentCollectionTemplate extends CollectionTemplate {
name = 'comment';
title = tval('Comment Collection');
order = 2;
color = 'orange';
default = {
fields: [
{
name: 'content',
type: 'text',
length: 'long',
interface: 'vditor',
deletable: false,
uiSchema: {
type: 'string',
title: tval('Comment Content'),
interface: 'vditor',
'x-component': 'MarkdownVditor',
},
},
],
};
presetFieldsDisabled = true;
configurableProperties = getConfigurableProperties(
'title',
'name',
'inherits',
'category',
'description',
'presetFields',
);
}

3
packages/plugins/@tachybase/plugin-comments/src/client/CommentContext.ts Normal file
View File

@ -0,0 +1,3 @@
import react from 'react';
export const CommentContext = react.createContext({});

54
packages/plugins/@tachybase/plugin-comments/src/client/CommentDecorator.ts Normal file
View File

@ -0,0 +1,54 @@
import {
withDynamicSchemaProps,
List,
CollectionManagerProvider,
CollectionProvider,
useDesignable,
} from '@tachybase/client';
import jsxRuntime from 'react/jsx-runtime';
import { useField, useFieldSchema } from '@tachybase/schema';
import { useCallback, useEffect, useState } from 'react';
import { CommentContext } from './CommentContext';
export const CommentDecorator = withDynamicSchemaProps((props) => {
let o;
return jsxRuntime.jsx(H, {
...props,
children: jsxRuntime.jsx(List.Decorator, {
...props,
children: jsxRuntime.jsx(CollectionManagerProvider, {
dataSource: props.dataSource,
children: jsxRuntime.jsx(CollectionProvider, {
name: `${(o = props.association) != null ? o : props.collection}`,
children: props.children,
}),
}),
}),
});
});
export function H(e) {
useField();
const o = useFieldSchema();
const [s, n] = useState(false);
const { dn: m } = useDesignable();
useEffect(() => {
const i = m.current['x-component-props']?.createAble;
n(i === void 0 ? true : i);
}, []);
const l = useCallback(
(i) => {
const d = Object.assign({}, o['x-component-props'], i);
(o['x-component-props'] = d),
m.emit('patch', { schema: { 'x-uid': o['x-uid'], 'x-component-props': o['x-component-props'] } }),
m.refresh();
},
[m, o],
),
h = useCallback(
(i) => {
l({ createAble: i }), n(i);
},
[n, l],
);
return jsxRuntime.jsx(CommentContext.Provider, { value: { createAble: s, setCreateAble: h }, children: e.children });
}

121
packages/plugins/@tachybase/plugin-comments/src/client/CommentItem.ts Normal file
View File

@ -0,0 +1,121 @@
import {
useBlockRequestContext,
useCollectionParentRecordData,
useCollectionFields,
RecordProvider,
} from '@tachybase/client';
import react from 'react';
import jsxRuntime from 'react/jsx-runtime';
import dayjs from 'dayjs';
import { useTranslation } from './locale';
import { RecursionField, observer, useField } from '@tachybase/schema';
import { Button, Card, Tooltip } from 'antd';
import { styles } from './styles';
export const CommentItem = observer((e) => {
let P, v, I, S, g;
const { editing: o, setEditing: s } = e;
const n = useField();
const { t: m } = useTranslation();
const { componentCls: l } = styles();
const h = useCollectionParentRecordData();
const { resource: resource, service: d } = useBlockRequestContext();
const f = react.useCallback(
() => async () => {
await resource.update({
filterByTk: n.value?.id,
values: { content: n?.value?.content },
});
d.refresh();
},
[resource, d, n.value],
);
const p = useCollectionFields();
const L = react.useMemo(() => {
let u, x;
return (x = (u = p.find((j) => j.name === 'content')) == null ? void 0 : u.uiSchema) == null
? void 0
: x['x-component-props'];
}, [p]);
return jsxRuntime.jsx(RecordProvider, {
record: n.value,
parent: h,
children: jsxRuntime.jsxs('div', {
className: `${l}-item-container`,
children: [
jsxRuntime.jsx('div', { className: `${l}-item-container-line` }),
jsxRuntime.jsx(Card, {
size: 'small',
title: jsxRuntime.jsxs('div', {
className: `${l}-item-title`,
children: [
jsxRuntime.jsxs('div', {
className: `${l}-item-title-left`,
children: [
jsxRuntime.jsx('span', {
children:
(v = (P = n == null ? void 0 : n.value) == null ? void 0 : P.createdBy) == null
? void 0
: v.nickname,
}),
jsxRuntime.jsx('span', { children: m('commented') }),
jsxRuntime.jsx(Tooltip, {
title: dayjs((I = n == null ? void 0 : n.value) == null ? void 0 : I.createdAt).format(
'YYYY-MM-DD HH:mm:ss',
),
children: jsxRuntime.jsx('span', {
children: dayjs((S = n == null ? void 0 : n.value) == null ? void 0 : S.createdAt).fromNow(),
}),
}),
],
}),
jsxRuntime.jsx('div', { className: `${l}-item-title-right`, children: e.children }),
],
}),
children: jsxRuntime.jsxs('div', {
className: `${l}-item-editor`,
children: [
jsxRuntime.jsx(RecursionField, {
basePath: n.address,
name: 'content',
schema: {
type: 'string',
name: 'content',
'x-component': 'MarkdownVditor',
'x-component-props': { ...L, value: n?.value?.content },
'x-read-pretty': true,
},
}),
o &&
jsxRuntime.jsxs('div', {
className: `${l}-item-editor-button-area`,
children: [
jsxRuntime.jsx(Button, {
onClick: () => {
n.form.setFieldState(`${n.address}.content`, (u) => {
u.pattern = 'readPretty';
}),
s(false);
},
children: m('Cancel'),
}),
jsxRuntime.jsx(Button, {
type: 'primary',
onClick: () => {
s(false),
f(),
n.form.setFieldState(`${n.address}.content`, (u) => {
u.pattern = 'readPretty';
});
},
children: m('Update Comment'),
}),
],
}),
],
}),
}),
],
}),
});
});

71
packages/plugins/@tachybase/plugin-comments/src/client/CommentList.ts Normal file
View File

@ -0,0 +1,71 @@
import { useBlockRequestContext, withDynamicSchemaProps } from '@tachybase/client';
import { useCallback, useState } from 'react';
import jsxRuntime from 'react/jsx-runtime';
import { RecursionField, Schema, useField, useFieldSchema, useForm } from '@tachybase/schema';
import { List, Spin } from 'antd';
import { styles } from './styles';
export const CommentList = withDynamicSchemaProps((props) => {
const o = useFieldSchema();
const s = useField();
const [n] = useState(new Map());
const { wrapSSR, hashId, componentCls } = styles();
useForm();
const { service } = useBlockRequestContext();
const { run, params } = service;
const p = service?.data?.meta;
const L = useCallback(
(S) => (n.has(S) || n.set(S, new Schema({ type: 'object', properties: { [S]: o.properties.item } })), n.get(S)),
[o.properties, n],
);
const P = useCallback(
(S, g) => {
run({ ...params?.[0], page: S, pageSize: g });
},
[run, params],
);
return service != null && service.loading
? jsxRuntime.jsx('div', {
style: { display: 'flex', justifyContent: 'center' },
children: jsxRuntime.jsx(Spin, { spinning: true }),
})
: wrapSSR(
jsxRuntime.jsx('div', {
className: `${componentCls} ${hashId}`,
children: jsxRuntime.jsx(List, {
...props,
pagination:
!p || p.count <= p.pageSize
? false
: {
onChange: P,
total: p?.count || 0,
pageSize: p?.pageSize || 10,
current: p?.page || 1,
},
children: jsxRuntime.jsx('div', {
style: { display: 'flex', flexDirection: 'column' },
children: s.value?.length
? s.value.map((S, g) => {
const u = g === 0,
x = g === s.value.length - 1;
return jsxRuntime.jsx(
'div',
{
style: { position: 'relative', padding: `${u ? 0 : '10px'} 0 ${x ? 0 : '10px'} 0` },
children: jsxRuntime.jsx(RecursionField, {
basePath: s.address,
name: g,
onlyRenderProperties: true,
schema: L(g),
}),
},
g,
);
})
: null,
}),
}),
}),
);
});

76
packages/plugins/@tachybase/plugin-comments/src/client/CommentSubmit.ts Normal file
View File

@ -0,0 +1,76 @@
import {
useBlockRequestContext,
useCollectionFields,
useDesignable,
useACLActionParamsContext,
} from '@tachybase/client';
import { useCallback, useMemo } from 'react';
import jsxRuntime from 'react/jsx-runtime';
import { useTranslation } from './locale';
import { styles } from './styles';
import { useField, RecursionField } from '@tachybase/schema';
import { Button } from 'antd';
import { useComment } from './useComment';
export function CommentSubmit() {
const field = useField();
const updateUI = useCallback(
(content) => {
field.setValue({ ...field.value, content });
},
[field],
);
const { t } = useTranslation();
const { wrapSSR, componentCls, hashId } = styles();
const h = useMemo(() => {
return field.value?.content?.trim().length > 0;
}, [field.value]);
const { resource, service } = useBlockRequestContext();
const onClick = useCallback(async () => {
await resource.create({ values: field.value });
updateUI('');
service.refresh();
}, [resource, field, service, updateUI]);
const { createAble } = useComment();
const acl = useACLActionParamsContext();
const { designable } = useDesignable();
const isHidden = !designable && (field?.data?.hidden || !acl);
const fields = useCollectionFields();
const props = useMemo(() => {
return fields.find((field) => field.name === 'content')?.uiSchema?.['x-component-props'];
}, [fields]);
return !createAble || isHidden
? null
: wrapSSR(
jsxRuntime.jsxs('div', {
style: { marginTop: 10 },
className: `${componentCls} ${hashId}`,
children: [
jsxRuntime.jsx(RecursionField, {
basePath: field.address,
name: 'content',
schema: {
type: 'string',
'x-component': 'MarkdownVditor',
'x-component-props': {
...props,
onChange: (u) => {
updateUI(u);
},
},
'x-read-pretty': false,
'x-read-only': false,
name: 'content',
},
}),
jsxRuntime.jsx(Button, {
disabled: !h,
onClick,
type: 'primary',
style: { marginTop: 10 },
children: t('Comment'),
}),
],
}),
);
}

32
packages/plugins/@tachybase/plugin-comments/src/client/QuoteReplyCommentActionButton.tsx Normal file
View File

@ -0,0 +1,32 @@
import React from 'react';
import { useDesignable, useACLActionParamsContext } from '@tachybase/client';
import { useCallback } from 'react';
import { useTranslation } from './locale';
import { useField } from '@tachybase/schema';
export function QuoteReplyCommentActionButton() {
const field = useField();
const { t } = useTranslation();
const acl = useACLActionParamsContext();
const { designable } = useDesignable();
const onClick = useCallback(() => {
const submitContentPath = field.address.slice(0, field.address.length - 4).concat('submit.content');
const contentPath = field.address.slice(0, field.address.length - 2).concat('content');
const content = field.form.getValuesIn(contentPath) ?? '';
field.form.setValuesIn(
submitContentPath,
`${content
.split(
`
`,
)
.map((p) => `> ${p}`).join(`
`)}`,
);
}, [field.address, field.form]);
return !designable && (field?.data?.hidden || !acl) ? null : (
<a style={{ fontSize: 14 }} onClick={onClick}>
{t('Quote Reply')}
</a>
);
}

9
packages/plugins/@tachybase/plugin-comments/src/client/QuoteReplyCommentActionInitializer.tsx Normal file
View File

@ -0,0 +1,9 @@
import React from 'react';
import { ActionInitializer } from '@tachybase/client';
import { useTranslation } from './locale';
export function QuoteReplyCommentActionInitializer(props) {
const { t } = useTranslation();
const schema = { type: 'void', title: t('Quote Reply'), 'x-component': 'QuoteReplyCommentActionButton' };
return <ActionInitializer {...props} schema={schema} />;
}

34
packages/plugins/@tachybase/plugin-comments/src/client/UpdateCommentActionButton.tsx Normal file
View File

@ -0,0 +1,34 @@
import React from 'react';
import { useDesignable, useACLActionParamsContext } from '@tachybase/client';
import { useEffect, useState } from 'react';
import { useTranslation } from './locale';
import { useField } from '@tachybase/schema';
export function UpdateCommentActionButton() {
const field = useField();
const { t } = useTranslation();
const [enable, setEnable] = useState(false);
const acl = useACLActionParamsContext();
const { designable } = useDesignable();
useEffect(() => {
const current = field.address.slice(0, field.address.length - 2);
field.form.setFieldState(current.concat('content'), (f) => {
f.pattern = enable ? 'editable' : 'readPretty';
});
field.form.setFieldState(current, (f) => {
f.componentProps = { ...f.componentProps, editing: enable, setEditing: setEnable };
});
}, [enable, field.address, field.form]);
return !designable && (field?.data?.hidden || !acl) ? null : (
<a
style={{ fontSize: 14 }}
onClick={() => {
setEnable(true);
}}
>
{t('Edit')}
</a>
);
}

7
packages/plugins/@tachybase/plugin-comments/src/client/UpdateCommentActionInitializer.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from 'react';
import { ActionInitializer } from '@tachybase/client';
export function UpdateCommentActionInitializer(props) {
const schema = { type: 'void', title: '{{t("Edit")}}', 'x-component': 'UpdateCommentActionButton' };
return <ActionInitializer {...props} schema={schema} />;
}

58
packages/plugins/@tachybase/plugin-comments/src/client/createCommentUISchema.ts Normal file
View File

@ -0,0 +1,58 @@
export const createCommentUISchema = ({
collectionName,
dataSource,
association,
rowKey,
}: {
collectionName?: string;
dataSource: string;
association?: string;
rowKey: string;
}) => {
return {
type: 'void',
'x-acl-action': `${association || collectionName}:view`,
'x-decorator': 'Comment.Decorator',
'x-use-decorator-props': 'useCommentBlockDecoratorProps',
'x-decorator-props': {
collection: collectionName,
dataSource: dataSource,
association: association,
readPretty: true,
action: 'list',
runWhenParamsChanged: true,
},
'x-component': 'CardItem',
'x-toolbar': 'BlockSchemaToolbar',
'x-settings': 'blockSettings:comment',
properties: {
list: {
type: 'array',
'x-component': 'Comment.List',
properties: {
item: {
type: 'object',
'x-component': 'Comment.Item',
'x-read-pretty': true,
properties: {
actionBar: {
type: 'void',
'x-align': 'left',
'x-initializer': 'comment:configureItemActions',
'x-component': 'ActionBar',
'x-component-props': { layout: 'one-column' },
},
},
},
},
},
submit: {
type: 'string',
'x-component': 'Comment.Submit',
'x-acl-action': `${association || collectionName}:create`,
'x-decorator': 'ACLCollectionProvider',
'x-decorator-props': { collection: collectionName, dataSource, association },
},
},
};
};

766
packages/plugins/@tachybase/plugin-comments/src/client/index.js
View File

@ -1,766 +0,0 @@
import * as tClient from '@tachybase/client';
import react from 'react';
import * as i18next from 'react-i18next';
import jsxRuntime from 'react/jsx-runtime';
import * as tSchema from '@tachybase/schema';
import * as antd from 'antd';
import dayjs from 'dayjs';
import lodash from 'lodash';
import antIcons from '@ant-design/icons';
var se = Object.defineProperty,
ie = Object.defineProperties;
var ce = Object.getOwnPropertyDescriptors;
var U = Object.getOwnPropertySymbols;
var le = Object.prototype.hasOwnProperty,
de = Object.prototype.propertyIsEnumerable;
var E = (c, t, a) => (t in c ? se(c, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : (c[t] = a)),
y = (c, t) => {
for (var a in t || (t = {})) le.call(t, a) && E(c, a, t[a]);
if (U) for (var a of U(t)) de.call(t, a) && E(c, a, t[a]);
return c;
},
b = (c, t) => ie(c, ce(t));
var B = (c, t, a) => (E(c, typeof t != 'symbol' ? t + '' : t, a), a);
var z = (c, t, a) =>
new Promise((N, r) => {
var C = (k) => {
try {
F(a.next(k));
} catch (M) {
r(M);
}
},
A = (k) => {
try {
F(a.throw(k));
} catch (M) {
r(M);
}
},
F = (k) => (k.done ? N(k.value) : Promise.resolve(k.value).then(C, A));
F((a = a.apply(c, t)).next());
});
const V = 'comments';
function T(e) {
return tClient.tval(e, { ns: V });
}
function D() {
return i18next.useTranslation(V);
}
class K extends tClient.CollectionTemplate {
constructor() {
super(...arguments);
B(this, 'name', 'comment');
B(this, 'title', T('Comment Collection'));
B(this, 'order', 2);
B(this, 'color', 'orange');
B(this, 'default', {
fields: [
{
name: 'content',
type: 'text',
length: 'long',
interface: 'vditor',
deletable: !1,
uiSchema: {
type: 'string',
title: T('Comment Content'),
interface: 'vditor',
'x-component': 'MarkdownVditor',
},
},
],
});
B(this, 'presetFieldsDisabled', !0);
B(
this,
'configurableProperties',
tClient.getConfigurableProperties('title', 'name', 'inherits', 'category', 'description', 'presetFields'),
);
}
}
const q = tClient.genStyleHook('nb-comment', (e) => {
const { componentCls: o } = e;
return {
[o]: {
[`${o}-item-container-container`]: {
'&:first-child': { border: '5px solid #d0d7deb3', position: 'relative', zIndex: 1, borderRadius: 8 },
},
[`${o}-item-container-border`]: {
border: '1px solid #d0d7deb3',
position: 'relative',
zIndex: 1,
borderRadius: 8,
},
[`${o}-item-container-line`]: {
position: 'absolute',
top: 0,
bottom: 0,
content: '',
display: 'block',
width: 2,
left: 16,
backgroundColor: '#d0d7deb3',
zIndex: 0,
},
'.ant-list-pagination': { marginTop: e.marginXS },
'.ant-card-head': { padding: '0 !important', fontWeight: 'normal', backgroundColor: '#f6f8fa' },
[`${o}-item-title`]: {
color: '#636c76',
display: 'flex',
alignItems: 'center',
paddingLeft: 16,
borderRadius: '8px 8px 0 0 ',
justifyContent: 'space-between',
flexWrap: 'wrap',
[`${o}-item-title-left`]: {
backgroundColor: '#f6f8fa',
color: '#636c76',
display: 'flex',
alignItems: 'center',
columnGap: 6,
'span:first-child': { fontWeight: 'bold', fontSize: 14 },
'span:not(:first-child)': { fontWeight: 'normal', fontSize: 14 },
},
[`${o}-item-title-right`]: { marginRight: 16, flexShrink: 0 },
},
[`${o}-item-editor`]: {
position: 'relative',
zIndex: 2,
backgroundColor: 'white',
borderRadius: '0 0 8px 8px',
[`${o}-item-editor-button-area`]: { marginTop: 10, display: 'flex', columnGap: 5 },
},
},
};
}),
W = (e) => {
var v, I;
const o = tSchema.useFieldSchema(),
s = tSchema.useField(),
[n] = react.useState(new Map()),
{ wrapSSR: m, hashId: l, componentCls: h } = q();
tSchema.useForm();
const { service: i } = tClient.useBlockRequestContext(),
{ run: d, params: f } = i,
p = (v = i == null ? void 0 : i.data) == null ? void 0 : v.meta,
L = react.useCallback(
(S) => (
n.has(S) || n.set(S, new tSchema.Schema({ type: 'object', properties: { [S]: o.properties.item } })), n.get(S)
),
[o.properties, n],
),
P = react.useCallback(
(S, g) => {
d(b(y({}, f == null ? void 0 : f[0]), { page: S, pageSize: g }));
},
[d, f],
);
return i != null && i.loading
? jsxRuntime.jsx('div', {
style: { display: 'flex', justifyContent: 'center' },
children: jsxRuntime.jsx(antd.Spin, { spinning: !0 }),
})
: m(
jsxRuntime.jsx('div', {
className: `${h} ${l}`,
children: jsxRuntime.jsx(
antd.List,
b(y({}, e), {
pagination:
!p || p.count <= p.pageSize
? !1
: {
onChange: P,
total: (p == null ? void 0 : p.count) || 0,
pageSize: (p == null ? void 0 : p.pageSize) || 10,
current: (p == null ? void 0 : p.page) || 1,
},
children: jsxRuntime.jsx('div', {
style: { display: 'flex', flexDirection: 'column' },
children:
(I = s.value) != null && I.length
? s.value.map((S, g) => {
const u = g === 0,
x = g === s.value.length - 1;
return jsxRuntime.jsx(
'div',
{
style: { position: 'relative', padding: `${u ? 0 : '10px'} 0 ${x ? 0 : '10px'} 0` },
children: jsxRuntime.jsx(tSchema.RecursionField, {
basePath: s.address,
name: g,
onlyRenderProperties: !0,
schema: L(g),
}),
},
g,
);
})
: null,
}),
}),
),
}),
);
},
G = tClient.withDynamicSchemaProps(W),
Y = tSchema.observer((e) => {
var P, v, I, S, g;
const { editing: o, setEditing: s } = e,
n = tSchema.useField(),
{ t: m } = D(),
{ componentCls: l } = q(),
h = tClient.useCollectionParentRecordData(),
{ resource: i, service: d } = tClient.useBlockRequestContext(),
f = react.useCallback(
() =>
z(this, null, function* () {
var u, x;
yield i.update({
filterByTk: (u = n.value) == null ? void 0 : u.id,
values: { content: (x = n == null ? void 0 : n.value) == null ? void 0 : x.content },
}),
d.refresh();
}),
[i, d, n.value],
),
p = tClient.useCollectionFields(),
L = react.useMemo(() => {
var u, x;
return (x = (u = p.find((j) => j.name === 'content')) == null ? void 0 : u.uiSchema) == null
? void 0
: x['x-component-props'];
}, [p]);
return jsxRuntime.jsx(tClient.RecordProvider, {
record: n.value,
parent: h,
children: jsxRuntime.jsxs('div', {
className: `${l}-item-container`,
children: [
jsxRuntime.jsx('div', { className: `${l}-item-container-line` }),
jsxRuntime.jsx(antd.Card, {
size: 'small',
title: jsxRuntime.jsxs('div', {
className: `${l}-item-title`,
children: [
jsxRuntime.jsxs('div', {
className: `${l}-item-title-left`,
children: [
jsxRuntime.jsx('span', {
children:
(v = (P = n == null ? void 0 : n.value) == null ? void 0 : P.createdBy) == null
? void 0
: v.nickname,
}),
jsxRuntime.jsx('span', { children: m('commented') }),
jsxRuntime.jsx(antd.Tooltip, {
title: dayjs((I = n == null ? void 0 : n.value) == null ? void 0 : I.createdAt).format(
'YYYY-MM-DD HH:mm:ss',
),
children: jsxRuntime.jsx('span', {
children: dayjs((S = n == null ? void 0 : n.value) == null ? void 0 : S.createdAt).fromNow(),
}),
}),
],
}),
jsxRuntime.jsx('div', { className: `${l}-item-title-right`, children: e.children }),
],
}),
children: jsxRuntime.jsxs('div', {
className: `${l}-item-editor`,
children: [
jsxRuntime.jsx(tSchema.RecursionField, {
basePath: n.address,
name: 'content',
schema: {
type: 'string',
name: 'content',
'x-component': 'MarkdownVditor',
'x-component-props': b(y({}, L), {
value: (g = n == null ? void 0 : n.value) == null ? void 0 : g.content,
}),
'x-read-pretty': !0,
},
}),
o &&
jsxRuntime.jsxs('div', {
className: `${l}-item-editor-button-area`,
children: [
jsxRuntime.jsx(antd.Button, {
onClick: () => {
n.form.setFieldState(`${n.address}.content`, (u) => {
u.pattern = 'readPretty';
}),
s(!1);
},
children: m('Cancel'),
}),
jsxRuntime.jsx(antd.Button, {
type: 'primary',
onClick: () => {
s(!1),
f(),
n.form.setFieldState(`${n.address}.content`, (u) => {
u.pattern = 'readPretty';
});
},
children: m('Update Comment'),
}),
],
}),
],
}),
}),
],
}),
});
}),
$ = react.createContext({});
function H(e) {
tSchema.useField();
const o = tSchema.useFieldSchema(),
[s, n] = react.useState(!1),
{ dn: m } = tClient.useDesignable();
react.useEffect(() => {
var d;
const i = (d = m.current['x-component-props']) == null ? void 0 : d.createAble;
n(i === void 0 ? !0 : i);
}, []);
const l = react.useCallback(
(i) => {
const d = Object.assign({}, o['x-component-props'], i);
(o['x-component-props'] = d),
m.emit('patch', { schema: { 'x-uid': o['x-uid'], 'x-component-props': o['x-component-props'] } }),
m.refresh();
},
[m, o],
),
h = react.useCallback(
(i) => {
l({ createAble: i }), n(i);
},
[n, l],
);
return jsxRuntime.jsx($.Provider, { value: { createAble: s, setCreateAble: h }, children: e.children });
}
function O() {
return react.useContext($);
}
const X = tClient.withDynamicSchemaProps((e) => {
var o;
return jsxRuntime.jsx(
H,
b(y({}, e), {
children: jsxRuntime.jsx(
tClient.List.Decorator,
b(y({}, e), {
children: jsxRuntime.jsx(tClient.CollectionManagerProvider, {
dataSource: e.dataSource,
children: jsxRuntime.jsx(tClient.CollectionProvider, {
name: `${(o = e.association) != null ? o : e.collection}`,
children: e.children,
}),
}),
}),
),
}),
);
});
function J() {
var g;
const e = tSchema.useField(),
o = react.useCallback(
(u) => {
e.setValue(b(y({}, e.value), { content: u }));
},
[e],
),
{ t: s } = D(),
{ wrapSSR: n, componentCls: m, hashId: l } = q(),
h = react.useMemo(() => {
var u, x;
return ((x = (u = e.value) == null ? void 0 : u.content) == null ? void 0 : x.trim().length) > 0;
}, [e.value]),
{ resource: i, service: d } = tClient.useBlockRequestContext(),
f = react.useCallback(
() =>
z(this, null, function* () {
yield i.create({ values: e.value }), o(''), d.refresh();
}),
[i, e, d, o],
),
{ createAble: p } = O(),
L = tClient.useACLActionParamsContext(),
{ designable: P } = tClient.useDesignable(),
v = !P && (((g = e == null ? void 0 : e.data) == null ? void 0 : g.hidden) || !L),
I = tClient.useCollectionFields(),
S = react.useMemo(() => {
var u, x;
return (x = (u = I.find((j) => j.name === 'content')) == null ? void 0 : u.uiSchema) == null
? void 0
: x['x-component-props'];
}, [I]);
return !p || v
? null
: n(
jsxRuntime.jsxs('div', {
style: { marginTop: 10 },
className: `${m} ${l}`,
children: [
jsxRuntime.jsx(tSchema.RecursionField, {
basePath: e.address,
name: 'content',
schema: {
type: 'string',
'x-component': 'MarkdownVditor',
'x-component-props': b(y({}, S), {
onChange: (u) => {
o(u);
},
}),
'x-read-pretty': !1,
'x-read-only': !1,
name: 'content',
},
}),
jsxRuntime.jsx(antd.Button, {
disabled: !h,
onClick: () => f(),
type: 'primary',
style: { marginTop: 10 },
children: s('Comment'),
}),
],
}),
);
}
const w = () => null;
(w.ActionBar = tClient.ActionBar), (w.List = G), (w.Item = Y), (w.Decorator = X), (w.Submit = J);
const Z = new tClient.SchemaSettings({
name: 'blockSettings:comment',
items: [
{ name: 'title', Component: tClient.SchemaSettingsBlockTitleItem },
{
name: 'SetTheDataScope',
Component: tClient.SchemaSettingsDataScope,
useComponentProps() {
var l, h;
const { name: e } = tClient.useCollection_deprecated(),
o = tSchema.useFieldSchema(),
{ form: s } = tClient.useFormBlockContext(),
n = tSchema.useField(),
{ dn: m } = tClient.useDesignable();
return {
collectionName: e,
defaultFilter:
((h = (l = o == null ? void 0 : o['x-decorator-props']) == null ? void 0 : l.params) == null
? void 0
: h.filter) || {},
form: s,
onSubmit: ({ filter: i }) => {
(i = tClient.removeNullCondition(i)),
lodash.set(o, 'x-decorator-props.params.filter', i),
(n.decoratorProps.params = b(y({}, o['x-decorator-props'].params), { page: 1 })),
m.emit('patch', { schema: { 'x-uid': o['x-uid'], 'x-decorator-props': o['x-decorator-props'] } });
},
};
},
},
{ name: 'divider', type: 'divider' },
{
name: 'EnableCreate',
type: 'switch',
useComponentProps() {
const { setCreateAble: e, createAble: o } = O(),
{ t: s } = D();
return { title: s('Enable Create'), checked: o, onChange: e };
},
},
{
name: 'remove',
type: 'remove',
componentProps: { removeParentsIfNoChildren: !0, breakRemoveOn: { 'x-component': 'Grid' } },
},
],
});
function R(e) {
let o;
return (
e.association && (o = tClient.useParentRecordCommon(e.association)),
{ parentRecord: o, params: { pageSize: 100, appends: ['createdBy'], sort: ['createdAt'] } }
);
}
const _ = (e) => {
const { collectionName: o, dataSource: s, association: n, rowKey: m } = e;
return {
type: 'void',
'x-acl-action': `${n || o}:view`,
'x-decorator': 'Comment.Decorator',
'x-use-decorator-props': 'useCommentBlockDecoratorProps',
'x-decorator-props': {
collection: o,
dataSource: s,
association: n,
readPretty: !0,
action: 'list',
runWhenParamsChanged: !0,
},
'x-component': 'CardItem',
'x-toolbar': 'BlockSchemaToolbar',
'x-settings': 'blockSettings:comment',
properties: {
list: {
type: 'array',
'x-component': 'Comment.List',
properties: {
item: {
type: 'object',
'x-component': 'Comment.Item',
'x-read-pretty': !0,
properties: {
actionBar: {
type: 'void',
'x-align': 'left',
'x-initializer': 'comment:configureItemActions',
'x-component': 'ActionBar',
'x-component-props': { layout: 'one-column' },
},
},
},
},
},
submit: {
type: 'string',
'x-component': 'Comment.Submit',
'x-acl-action': `${n || o}:create`,
'x-decorator': 'ACLCollectionProvider',
'x-decorator-props': { collection: o, dataSource: s, association: n },
},
},
};
},
ee = ({
filterCollections: e,
filterOtherRecordsCollection: o,
onlyCurrentDataSource: s,
hideSearch: n,
showAssociationFields: m,
hideOtherRecordsInPopup: l,
}) => {
const { insert: h } = tClient.useSchemaInitializer(),
i = tClient.useSchemaInitializerItem();
react.useContext(tSchema.SchemaOptionsContext);
const { getCollection: d } = tClient.useCollectionManager_deprecated();
return jsxRuntime.jsx(
tClient.DataBlockInitializer,
b(y({}, i), {
componentType: 'Comment',
icon: jsxRuntime.jsx(antIcons.CommentOutlined, {}),
onlyCurrentDataSource: s,
hideSearch: n,
filter: e,
filterOtherRecordsCollection: o,
showAssociationFields: m,
hideOtherRecordsInPopup: l,
onCreateBlockSchema: (L) =>
z(this, [L], function* ({ item: f, fromOthersInPopup: p }) {
const P = d(f.name, f.dataSource),
v = f.associationField;
h(
_(
v && !p
? {
dataSource: f.dataSource,
rowKey: P.filterTargetKey || 'id',
association: `${v.collectionName}.${v.name}`,
}
: { collectionName: f.name, dataSource: f.dataSource, rowKey: P.filterTargetKey || 'id' },
),
);
}),
}),
);
};
function te() {
var h;
const e = tSchema.useField(),
{ t: o } = D(),
[s, n] = react.useState(!1),
m = tClient.useACLActionParamsContext(),
{ designable: l } = tClient.useDesignable();
return (
react.useEffect(() => {
const i = e.address.slice(0, e.address.length - 2);
e.form.setFieldState(i.concat('content'), (d) => {
d.pattern = s ? 'editable' : 'readPretty';
}),
e.form.setFieldState(i, (d) => {
d.componentProps = b(y({}, d.componentProps), { editing: s, setEditing: n });
});
}, [s, e.address, e.form]),
!l && (((h = e == null ? void 0 : e.data) != null && h.hidden) || !m)
? null
: jsxRuntime.jsx('a', {
style: { fontSize: 14 },
onClick: () => {
n(!0);
},
children: o('Edit'),
})
);
}
function oe(e) {
const o = { type: 'void', title: '{{t("Edit")}}', 'x-component': 'UpdateCommentActionButton' };
return jsxRuntime.jsx(tClient.ActionInitializer, b(y({}, e), { schema: o }));
}
function ne() {
var l;
const e = tSchema.useField(),
{ t: o } = D(),
s = tClient.useACLActionParamsContext(),
{ designable: n } = tClient.useDesignable(),
m = react.useCallback(() => {
var f;
const h = e.address.slice(0, e.address.length - 4).concat('submit.content'),
i = e.address.slice(0, e.address.length - 2).concat('content'),
d = (f = e.form.getValuesIn(i)) != null ? f : '';
e.form.setValuesIn(
h,
`${d
.split(
`
`,
)
.map((p) => `> ${p}`).join(`
`)}`,
);
}, [e.address, e.form]);
return !n && (((l = e == null ? void 0 : e.data) != null && l.hidden) || !s)
? null
: jsxRuntime.jsx('a', { style: { fontSize: 14 }, onClick: m, children: o('Quote Reply') });
}
function re(e) {
const { t: o } = D(),
s = { type: 'void', title: o('Quote Reply'), 'x-component': 'QuoteReplyCommentActionButton' };
return jsxRuntime.jsx(tClient.ActionInitializer, b(y({}, e), { schema: s }));
}
const ae = new tClient.SchemaInitializer({
name: 'comment:configureItemActions',
title: '{{t("Configure actions")}}',
icon: 'SettingOutlined',
items: [
{
type: 'itemGroup',
name: 'enableActions',
title: '{{t("Enable actions")}}',
children: [
{
name: 'edit',
title: '{{t("Edit")}}',
Component: 'UpdateCommentActionInitializer',
schema: { 'x-action': 'update', 'x-decorator': 'ACLActionProvider', 'x-align': 'left' },
useVisible() {
const e = tClient.useCollection_deprecated();
return (e.template !== 'view' || (e == null ? void 0 : e.writableView)) && e.template !== 'sql';
},
},
{
name: 'delete',
title: '{{t("Delete")}}',
Component: 'DestroyActionInitializer',
schema: {
'x-component': 'Action.Link',
'x-action': 'destroy',
'x-decorator': 'ACLActionProvider',
'x-align': 'left',
},
useVisible() {
return tClient.useCollection_deprecated().template !== 'sql';
},
},
{
name: 'reply',
title: T('Quote Reply'),
Component: 'QuoteReplyCommentActionInitializer',
schema: { 'x-action': 'create', 'x-decorator': 'ACLActionProvider', 'x-align': 'left' },
useVisible() {
return tClient.useCollection_deprecated().template !== 'sql';
},
},
],
},
],
});
class Q extends tClient.Plugin {
afterAdd() {
return z(this, null, function* () {});
}
beforeLoad() {
return z(this, null, function* () {});
}
load() {
return z(this, null, function* () {
this.app.dataSourceManager.addCollectionTemplates([K]),
this.app.schemaInitializerManager.addItem('page:addBlock', 'dataBlocks.comment', {
title: T('Comment'),
Component: 'CommentBlockInitializer',
useComponentProps() {
return {
filterCollections({ collection: o }) {
return o.template === 'comment';
},
};
},
}),
this.app.schemaInitializerManager.addItem('popup:common:addBlock', 'dataBlocks.comment', {
title: T('Comment'),
Component: 'CommentBlockInitializer',
useVisible() {
const o = tClient.useCollection();
return react.useMemo(
() =>
o.fields.some(
(s) => tClient.canMakeAssociationBlock(s) && ['hasMany', 'belongsToMany'].includes(s.type),
),
[o.fields],
);
},
useComponentProps() {
const o = tClient.useCollectionManager();
return {
onlyCurrentDataSource: !0,
filterCollections({ associationField: s }) {
if (s) {
if (!['hasMany', 'belongsToMany'].includes(s.type)) return !1;
const n = o.getCollection(s.target);
return (n == null ? void 0 : n.template) === 'comment';
}
return !1;
},
filterOtherRecordsCollection(s) {
return (s == null ? void 0 : s.template) === 'comment';
},
showAssociationFields: !0,
hideOtherRecordsInPopup: !1,
hideSearch: !0,
};
},
}),
this.app.addComponents({
CommentBlockInitializer: ee,
Comment: w,
UpdateCommentActionInitializer: oe,
UpdateCommentActionButton: te,
QuoteReplyCommentActionButton: ne,
QuoteReplyCommentActionInitializer: re,
}),
this.app.addScopes({ useCommentBlockDecoratorProps: R }),
this.schemaSettingsManager.add(Z),
this.schemaInitializerManager.add(ae);
});
}
}
export default Q;

87
packages/plugins/@tachybase/plugin-comments/src/client/index.ts Normal file
View File

@ -0,0 +1,87 @@
import { ActionBar, Plugin, useCollection, canMakeAssociationBlock, useCollectionManager } from '@tachybase/client';
import { useMemo } from 'react';
import { tval } from './locale';
import { CommentList } from './CommentList';
import { CommentItem } from './CommentItem';
import { CommentCollectionTemplate } from './CommentCollectionTemplate';
import { CommentBlockSchemaSettings } from './CommentBlockSchemaSettings';
import { CommentBlockActionInitializer } from './CommentBlockActionInitializer';
import { QuoteReplyCommentActionInitializer } from './QuoteReplyCommentActionInitializer';
import { CommentSubmit } from './CommentSubmit';
import { CommentDecorator } from './CommentDecorator';
import { useCommentBlockDecoratorProps } from './useCommentBlockDecoratorProps';
import { QuoteReplyCommentActionButton } from './QuoteReplyCommentActionButton';
import { UpdateCommentActionButton } from './UpdateCommentActionButton';
import { UpdateCommentActionInitializer } from './UpdateCommentActionInitializer';
import { CommentBlockInitializer } from './CommentBlockInitializer';
const Comment = () => null;
Comment.ActionBar = ActionBar;
Comment.List = CommentList;
Comment.Item = CommentItem;
Comment.Decorator = CommentDecorator;
Comment.Submit = CommentSubmit;
class PluginComments extends Plugin {
async load() {
this.app.dataSourceManager.addCollectionTemplates([CommentCollectionTemplate]);
this.app.schemaInitializerManager.addItem('page:addBlock', 'dataBlocks.comment', {
title: tval('Comment'),
Component: 'CommentBlockInitializer',
useComponentProps() {
return {
filterCollections({ collection }) {
return collection.template === 'comment';
},
};
},
});
this.app.schemaInitializerManager.addItem('popup:common:addBlock', 'dataBlocks.comment', {
title: tval('Comment'),
Component: 'CommentBlockInitializer',
useVisible() {
const collection = useCollection();
return useMemo(
() =>
collection.fields.some(
(field) => canMakeAssociationBlock(field) && ['hasMany', 'belongsToMany'].includes(field.type),
),
[collection.fields],
);
},
useComponentProps() {
const cm = useCollectionManager();
return {
onlyCurrentDataSource: true,
filterCollections({ associationField: field }) {
if (field) {
if (!['hasMany', 'belongsToMany'].includes(field.type)) return false;
const collection = cm.getCollection(field.target);
return collection?.template === 'comment';
}
return false;
},
filterOtherRecordsCollection(collection) {
return collection?.template === 'comment';
},
showAssociationFields: true,
hideOtherRecordsInPopup: false,
hideSearch: true,
};
},
});
this.app.addComponents({
CommentBlockInitializer,
Comment,
UpdateCommentActionInitializer,
UpdateCommentActionButton,
QuoteReplyCommentActionButton,
QuoteReplyCommentActionInitializer,
});
this.app.addScopes({ useCommentBlockDecoratorProps });
this.schemaSettingsManager.add(CommentBlockSchemaSettings);
this.schemaInitializerManager.add(CommentBlockActionInitializer);
}
}
export default PluginComments;

10
packages/plugins/@tachybase/plugin-comments/src/client/locale.ts Normal file
View File

@ -0,0 +1,10 @@
import { tval as cTval } from '@tachybase/client';
import { useTranslation as useT } from 'react-i18next';
export function tval(e) {
return cTval(e, { ns: NAMESPACE });
}
export const NAMESPACE = 'comments';
export function useTranslation() {
return useT(NAMESPACE);
}

57
packages/plugins/@tachybase/plugin-comments/src/client/styles.ts Normal file
View File

@ -0,0 +1,57 @@
import { genStyleHook } from '@tachybase/client';
export const styles = genStyleHook('nb-comment', (tokens) => {
const { componentCls } = tokens;
return {
[componentCls]: {
[`${componentCls}-item-container-container`]: {
'&:first-child': { border: '5px solid #d0d7deb3', position: 'relative', zIndex: 1, borderRadius: 8 },
},
[`${componentCls}-item-container-border`]: {
border: '1px solid #d0d7deb3',
position: 'relative',
zIndex: 1,
borderRadius: 8,
},
[`${componentCls}-item-container-line`]: {
position: 'absolute',
top: 0,
bottom: 0,
content: '',
display: 'block',
width: 2,
left: 16,
backgroundColor: '#d0d7deb3',
zIndex: 0,
},
'.ant-list-pagination': { marginTop: tokens.marginXS },
'.ant-card-head': { padding: '0 !important', fontWeight: 'normal', backgroundColor: '#f6f8fa' },
[`${componentCls}-item-title`]: {
color: '#636c76',
display: 'flex',
alignItems: 'center',
paddingLeft: 16,
borderRadius: '8px 8px 0 0 ',
justifyContent: 'space-between',
flexWrap: 'wrap',
[`${componentCls}-item-title-left`]: {
backgroundColor: '#f6f8fa',
color: '#636c76',
display: 'flex',
alignItems: 'center',
columnGap: 6,
'span:first-child': { fontWeight: 'bold', fontSize: 14 },
'span:not(:first-child)': { fontWeight: 'normal', fontSize: 14 },
},
[`${componentCls}-item-title-right`]: { marginRight: 16, flexShrink: 0 },
},
[`${componentCls}-item-editor`]: {
position: 'relative',
zIndex: 2,
backgroundColor: 'white',
borderRadius: '0 0 8px 8px',
[`${componentCls}-item-editor-button-area`]: { marginTop: 10, display: 'flex', columnGap: 5 },
},
},
};
});

6
packages/plugins/@tachybase/plugin-comments/src/client/useComment.ts Normal file
View File

@ -0,0 +1,6 @@
import { useContext } from 'react';
import { CommentContext } from './CommentContext';
export function useComment() {
return useContext(CommentContext);
}

10
packages/plugins/@tachybase/plugin-comments/src/client/useCommentBlockDecoratorProps.ts Normal file
View File

@ -0,0 +1,10 @@
import { useParentRecordCommon } from '@tachybase/client';
export function useCommentBlockDecoratorProps(props) {
let parentRecord;
return (
// eslint-disable-next-line react-hooks/rules-of-hooks
props.association && (parentRecord = useParentRecordCommon(props.association)),
{ parentRecord, params: { pageSize: 100, appends: ['createdBy'], sort: ['createdAt'] } }
);
}

43
packages/plugins/@tachybase/plugin-comments/src/locale/en-US.js
View File

@ -1,43 +0,0 @@
/**
* This file is part of the NocoBase (R) project.
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
* Authors: NocoBase Team.
*
* This program is offered under a commercial license.
* For more information, see <https://www.nocobase.com/agreement>
*/
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var en_US_exports = {};
__export(en_US_exports, {
default: () => en_US_default
});
module.exports = __toCommonJS(en_US_exports);
var en_US_default = {
"Comment": "Comment",
"Comment Collection": "Comment collection",
"Comment Content": "Content",
"Cancel": "Cancel",
"Update Comment": "Update comment",
"commented": "commented",
"Quote Reply": "Quote reply",
"Delete": "Delete",
"Edit": "Edit",
"Enable Create": "Allow adding comments"
};

12
packages/plugins/@tachybase/plugin-comments/src/locale/en-US.ts Normal file
View File

@ -0,0 +1,12 @@
export default {
"Comment": "Comment",
"Comment Collection": "Comment collection",
"Comment Content": "Content",
"Cancel": "Cancel",
"Update Comment": "Update comment",
"commented": "commented",
"Quote Reply": "Quote reply",
"Delete": "Delete",
"Edit": "Edit",
"Enable Create": "Allow adding comments"
};

43
packages/plugins/@tachybase/plugin-comments/src/locale/ko_KR.js
View File

@ -1,43 +0,0 @@
/**
* This file is part of the NocoBase (R) project.
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
* Authors: NocoBase Team.
*
* This program is offered under a commercial license.
* For more information, see <https://www.nocobase.com/agreement>
*/
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var ko_KR_exports = {};
__export(ko_KR_exports, {
default: () => ko_KR_default
});
module.exports = __toCommonJS(ko_KR_exports);
var ko_KR_default = {
"Comment": "\uB313\uAE00",
"Comment Collection": "\uB313\uAE00 \uBAA8\uC74C",
"Comment Content": "\uB313\uAE00 \uB0B4\uC6A9",
"Cancel": "\uCDE8\uC18C",
"Update Comment": "\uB313\uAE00 \uC5C5\uB370\uC774\uD2B8",
"commented": "\uB313\uAE00 \uB0A8\uAE40",
"Quote Reply": "\uC778\uC6A9 \uBC0F \uB2F5\uC7A5",
"Delete": "\uC0AD\uC81C",
"Edit": "\uD3B8\uC9D1",
"Enable Create": "\uC758\uACAC \uCD94\uAC00 \uD5C8\uC6A9"
};

12
packages/plugins/@tachybase/plugin-comments/src/locale/ko_KR.ts Normal file
View File

@ -0,0 +1,12 @@
export default {
"Comment": "\uB313\uAE00",
"Comment Collection": "\uB313\uAE00 \uBAA8\uC74C",
"Comment Content": "\uB313\uAE00 \uB0B4\uC6A9",
"Cancel": "\uCDE8\uC18C",
"Update Comment": "\uB313\uAE00 \uC5C5\uB370\uC774\uD2B8",
"commented": "\uB313\uAE00 \uB0A8\uAE40",
"Quote Reply": "\uC778\uC6A9 \uBC0F \uB2F5\uC7A5",
"Delete": "\uC0AD\uC81C",
"Edit": "\uD3B8\uC9D1",
"Enable Create": "\uC758\uACAC \uCD94\uAC00 \uD5C8\uC6A9"
};

43
packages/plugins/@tachybase/plugin-comments/src/locale/zh-CN.js
View File

@ -1,43 +0,0 @@
/**
* This file is part of the NocoBase (R) project.
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
* Authors: NocoBase Team.
*
* This program is offered under a commercial license.
* For more information, see <https://www.nocobase.com/agreement>
*/
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var zh_CN_exports = {};
__export(zh_CN_exports, {
default: () => zh_CN_default
});
module.exports = __toCommonJS(zh_CN_exports);
var zh_CN_default = {
"Comment": "\u8BC4\u8BBA",
"Comment Collection": "\u8BC4\u8BBA\u8868",
"Comment Content": "\u8BC4\u8BBA\u5185\u5BB9",
"Cancel": "\u53D6\u6D88",
"Update Comment": "\u66F4\u65B0\u8BC4\u8BBA",
"commented": "\u8BC4\u8BBA\u4E8E",
"Quote Reply": "\u5F15\u7528\u5E76\u56DE\u590D",
"Delete": "\u5220\u9664",
"Edit": "\u7F16\u8F91",
"Enable Create": "\u5141\u8BB8\u589E\u52A0\u8BC4\u8BBA"
};

12
packages/plugins/@tachybase/plugin-comments/src/locale/zh-CN.ts Normal file
View File

@ -0,0 +1,12 @@
export default {
"Comment": "\u8BC4\u8BBA",
"Comment Collection": "\u8BC4\u8BBA\u8868",
"Comment Content": "\u8BC4\u8BBA\u5185\u5BB9",
"Cancel": "\u53D6\u6D88",
"Update Comment": "\u66F4\u65B0\u8BC4\u8BBA",
"commented": "\u8BC4\u8BBA\u4E8E",
"Quote Reply": "\u5F15\u7528\u5E76\u56DE\u590D",
"Delete": "\u5220\u9664",
"Edit": "\u7F16\u8F91",
"Enable Create": "\u5141\u8BB8\u589E\u52A0\u8BC4\u8BBA"
};

2
packages/presets/rental/src/server/index.ts
View File

@ -8,7 +8,7 @@ export class PluginRental extends PresetTachyBase {
return super.builtInPlugins.concat(this.#builtInPlugins);
}
#localPlugins = ['rental>=0.21.0', 'field-markdown-vditor>=0.21.0', 'comments>=0.21.0'];
#localPlugins = ['rental>=0.21.0', 'field-markdown-vditor>=0.21.31', 'comments>=0.21.31'];
get localPlugins() {
return super.localPlugins.concat(this.#localPlugins);