@voplus/morpho-workspace 6.0.109 → 6.0.110
Sign up to get free protection for your applications and to get access to all the features.
- package/es/data/notification/types.d.ts +1 -0
- package/es/modules/board/components/BoardColumn/index.less +1 -1
- package/es/modules/notification/components/NewNotificationForm/NotificationForm.d.ts +6 -1
- package/es/modules/notification/components/NewNotificationForm/NotificationForm.js +105 -37
- package/es/modules/notification/components/NewNotificationForm/NotificationForm.js.map +1 -1
- package/es/modules/notification/components/NewNotificationForm/index.less +67 -0
- package/es/modules/notification/components/NewNotificationForm/state.d.ts +8 -0
- package/es/modules/notification/components/NewNotificationForm/state.js +28 -0
- package/es/modules/notification/components/NewNotificationForm/state.js.map +1 -1
- package/es/modules/notification/components/NotificationList/index.less +1 -1
- package/es/modules/notification/components/NotificationList2/index.d.ts +4 -0
- package/es/modules/notification/components/NotificationList2/index.js +2 -2
- package/es/modules/notification/components/NotificationList2/index.js.map +1 -1
- package/es/modules/work/components/WorkList2/index.less +1 -1
- package/package.json +1 -1
@@ -1,8 +1,13 @@
|
|
1
|
-
import "./index.less";
|
2
1
|
import React from "react";
|
2
|
+
import "./index.less";
|
3
3
|
export type NewNotificationFormProps = {
|
4
4
|
/** 需要 corporate 或者 customer id */
|
5
5
|
targetId: string;
|
6
|
+
/** Recipient (就是corporaete/customer 的 contact), 不能变更 */
|
7
|
+
recipient?: {
|
8
|
+
id: string;
|
9
|
+
name: string;
|
10
|
+
};
|
6
11
|
type?: "full" | "mini";
|
7
12
|
showView?: boolean;
|
8
13
|
className?: string;
|
@@ -1,67 +1,135 @@
|
|
1
|
-
import "
|
1
|
+
import React, { useState } from "react";
|
2
|
+
import { State } from "./state";
|
2
3
|
import { observe } from "@voplus/morpho-ui";
|
4
|
+
import { Scrollbars } from "react-custom-scrollbars-2";
|
5
|
+
import { useNotificationStore } from "../../../../data/notification";
|
6
|
+
import { useMessageTemplateStore } from "@voplus/morpho-document/es/data/message-template";
|
7
|
+
import { Form, Row, Col, Space, Button, Tabs, Checkbox, Input, message, Skeleton, Empty, } from "antd";
|
8
|
+
import { useApplicationContext } from "@voplus/morpho-data";
|
3
9
|
import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
10
|
+
import MessageTemplateSelect from "@voplus/morpho-document/es/modules/message-template/components/MessageTemplateSelect";
|
4
11
|
import AddFormView from "@voplus/morpho-ui/es/controls/AddFormView";
|
5
|
-
import
|
6
|
-
import classnames from "classnames";
|
7
|
-
import React, { useState } from "react";
|
12
|
+
import UnitReference from "@voplus/morpho-org/es/controls/UnitReference/LoadedUnitReference";
|
8
13
|
import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
|
9
|
-
import { useNotificationStore } from "../../../../data/notification";
|
10
14
|
import NotificationPropertiesView from "../NotificationPropertiesView";
|
11
|
-
import
|
15
|
+
import classnames from "classnames";
|
16
|
+
import "./index.less";
|
12
17
|
const NewNotificationFormContent = (props) => {
|
18
|
+
const [state] = useState(new State());
|
13
19
|
const store = useNotificationStore();
|
20
|
+
const emailTemplateStore = useMessageTemplateStore();
|
14
21
|
const asideContext = useAsideContentContext();
|
15
|
-
const
|
22
|
+
const context = useApplicationContext();
|
23
|
+
const EmailContentComponent = observe(() => {
|
24
|
+
var _a;
|
25
|
+
return (React.createElement("div", { className: "email-content-component" },
|
26
|
+
React.createElement(Checkbox, { className: "email-content-choose", checked: state.chooseMessageTemplate, onChange: (e) => (state.chooseMessageTemplate = e.target.checked) }, "Draft with email template"),
|
27
|
+
React.createElement(Scrollbars, { autoHide: true }, state.chooseMessageTemplate ? (React.createElement(React.Fragment, null,
|
28
|
+
React.createElement("div", { className: "email-content-subtitle" }, "Choose Email Template"),
|
29
|
+
React.createElement(MessageTemplateSelect, { isLayout: false, onChange: (data) => {
|
30
|
+
if (!data)
|
31
|
+
return;
|
32
|
+
emailTemplateStore.load(data.id, { includes: "placeholders" }).then((res) => {
|
33
|
+
var _a;
|
34
|
+
state.params.EmailTemplateId = res.id;
|
35
|
+
(_a = res.placeholders) === null || _a === void 0 ? void 0 : _a.map((item) => state.placeholderList.push({ Placeholder: item }));
|
36
|
+
});
|
37
|
+
} }),
|
38
|
+
!!((_a = state.placeholderList) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement(Form, { className: "email-content-placeholder-list", scrollToFirstError: true, labelAlign: "left", labelCol: { span: 6 } }, state.placeholderList.map((item, index) => (React.createElement(Form.Item, { label: item.Placeholder, key: index }, item.Placeholder === "Message" ? (React.createElement(ProseMirror, { scroll: true, toolbarProps: { sticky: false }, className: "proseMirror", onChange: (opt) => (item.Value = opt.getInnerHtml()) })) : (React.createElement(Input, { onChange: (e) => (item.Value = e.target.value) }))))))))) : (React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror", onChange: (opt) => (state.params.Body = opt.getInnerHtml()) })))));
|
39
|
+
});
|
40
|
+
const PreviewComponent = observe(() => (React.createElement(Skeleton, { loading: state.loadPreview },
|
41
|
+
React.createElement("div", { className: "preview-component" },
|
42
|
+
React.createElement("div", { className: "preview-component-header" },
|
43
|
+
React.createElement("div", { className: "header-title" }, "Template Preview"),
|
44
|
+
React.createElement("div", { className: "header-explain" }, "This is a preview example of your drafting email content")),
|
45
|
+
state.params.Body ? React.createElement("iframe", { srcDoc: state.params.Body }) : React.createElement(Empty, null)))));
|
16
46
|
const content = observe(() => (React.createElement("div", { className: classnames("new-notification-form", { "sub-notification-simply-form": props.type === "mini" }, props.className) },
|
17
47
|
React.createElement(Form, { layout: "vertical" },
|
18
|
-
React.createElement(
|
19
|
-
React.createElement(
|
20
|
-
|
21
|
-
{
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
48
|
+
React.createElement(Row, null,
|
49
|
+
React.createElement(Col, { span: 12 },
|
50
|
+
React.createElement(Form.Item, { label: "Recipients" },
|
51
|
+
React.createElement("div", { className: "new-notification-recipient" }, props.recipient && React.createElement(UnitReference, { unit: props.recipient, symbol: true, type: "link" })))),
|
52
|
+
React.createElement(Col, { span: 12 },
|
53
|
+
React.createElement(Form.Item, { label: "CC" })),
|
54
|
+
React.createElement(Col, { span: context.host.isTest ? 12 : 0 },
|
55
|
+
React.createElement(Form.Item, { label: "Channels" },
|
56
|
+
React.createElement(Checkbox.Group, { options: [
|
57
|
+
{ label: "Email", value: "Email" },
|
58
|
+
{ label: "Instant Message", value: "Instant Message" },
|
59
|
+
], defaultValue: ["Email"], onChange: (checkedValues) => {
|
60
|
+
if (checkedValues.length === 1) {
|
61
|
+
state.params.Channels = checkedValues[0] === "Email" ? 1 : 2;
|
62
|
+
}
|
63
|
+
else if (checkedValues.length === 2) {
|
64
|
+
state.params.Channels = 11;
|
65
|
+
}
|
66
|
+
else {
|
67
|
+
state.params.Channels = 0;
|
68
|
+
}
|
69
|
+
} }))),
|
70
|
+
React.createElement(Col, { span: context.host.isTest ? 12 : 24 },
|
71
|
+
React.createElement(Form.Item, { label: "Subject" },
|
72
|
+
React.createElement(Input, { onChange: (e) => (state.params.Subject = e.target.value) }))))),
|
73
|
+
React.createElement(Tabs, { className: "new-notification-form-tabs", defaultActiveKey: "Email Content", onChange: (key) => {
|
74
|
+
if (key !== "preview" || !state.params.EmailTemplateId)
|
75
|
+
return;
|
76
|
+
onPreview();
|
77
|
+
}, items: [
|
78
|
+
{
|
79
|
+
key: "email-content",
|
80
|
+
label: "Email Content",
|
81
|
+
children: EmailContentComponent,
|
82
|
+
},
|
83
|
+
{
|
84
|
+
key: "preview",
|
85
|
+
label: "Preview",
|
86
|
+
children: PreviewComponent,
|
87
|
+
},
|
88
|
+
] }),
|
89
|
+
props.type === "mini" && (React.createElement(Row, { className: "notification-form-btn", justify: "end" },
|
90
|
+
React.createElement(Space, null,
|
91
|
+
React.createElement(Button, { onClick: onCancel }, "Cancel"),
|
92
|
+
React.createElement(Button, { type: "primary", loading: state.loading, onClick: onSave }, "Submit")))))));
|
41
93
|
return observe(() => (React.createElement(React.Fragment, null, props.type === "full" ? (React.createElement(AddFormView, { title: "Add Notification", loading: !!state.loading, onCancel: onCancel, onSubmit: onSave }, content)) : (content))));
|
94
|
+
async function onPreview() {
|
95
|
+
await emailTemplateStore
|
96
|
+
.placeholdersPreview(state.params.EmailTemplateId, {
|
97
|
+
data: { Placeholders: state.placeholderList },
|
98
|
+
error: "message",
|
99
|
+
})
|
100
|
+
.then((res) => {
|
101
|
+
state.loadPreview = true;
|
102
|
+
state.params.Body = res === null || res === void 0 ? void 0 : res.content;
|
103
|
+
state.loadPreview = false;
|
104
|
+
});
|
105
|
+
}
|
42
106
|
async function onSave() {
|
43
107
|
var _a;
|
44
|
-
if (!state.params.Channels)
|
45
|
-
|
108
|
+
if (!state.params.Channels) {
|
109
|
+
message.warning("Channels is required");
|
110
|
+
return;
|
111
|
+
}
|
112
|
+
if (state.chooseMessageTemplate)
|
113
|
+
onPreview();
|
46
114
|
state.loading = true;
|
47
115
|
const res = await store.create({
|
48
116
|
data: { TargetId: props.targetId, ...state.params },
|
49
117
|
error: "message",
|
50
118
|
});
|
51
|
-
(_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props);
|
52
119
|
state.loading = false;
|
53
120
|
if (props.showView && res)
|
54
|
-
|
121
|
+
asideContext.openAside(React.createElement(NotificationPropertiesView, { id: res.id }), {
|
55
122
|
span: 12,
|
56
123
|
});
|
57
|
-
|
58
|
-
|
124
|
+
state.params = state.Params;
|
125
|
+
(_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props);
|
59
126
|
}
|
60
127
|
// cancel add notifications
|
61
128
|
function onCancel() {
|
62
129
|
var _a;
|
63
130
|
if (props.showView)
|
64
|
-
|
131
|
+
asideContext.closeAside();
|
132
|
+
state.params = state.Params;
|
65
133
|
(_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
|
66
134
|
}
|
67
135
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NotificationForm.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/NotificationForm.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"NotificationForm.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/NotificationForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EACN,IAAI,EACJ,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GAEL,MAAM,MAAM,CAAC;AACd,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,qBAAqB,MAAM,sFAAsF,CAAC;AACzH,OAAO,WAAW,MAAM,2CAA2C,CAAC;AACpE,OAAO,aAAa,MAAM,kEAAkE,CAAC;AAE7F,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,0BAA0B,MAAM,+BAA+B,CAAC;AACvE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AActB,MAAM,0BAA0B,GAAG,CAAC,KAA+B,EAAE,EAAE;IACtE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IACrC,MAAM,kBAAkB,GAAG,uBAAuB,EAAE,CAAC;IACrD,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CAC3C,6BAAK,SAAS,EAAC,yBAAyB;YACvC,oBAAC,QAAQ,IACR,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,gCAGvD;YACX,oBAAC,UAAU,IAAC,QAAQ,UAClB,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAC9B;gBACC,6BAAK,SAAS,EAAC,wBAAwB,4BAA4B;gBACnE,oBAAC,qBAAqB,IACrB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;wBAClB,IAAI,CAAC,IAAI;4BAAE,OAAO;wBAClB,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;;4BAC3E,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,GAAG,CAAC,EAAE,CAAC;4BACtC,MAAA,GAAG,CAAC,YAAY,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC9B,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CACjD,CAAC;wBACH,CAAC,CAAC,CAAC;oBACJ,CAAC,GACA;gBAED,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,CAAA,IAAI,CACnC,oBAAC,IAAI,IACJ,SAAS,EAAC,gCAAgC,EAC1C,kBAAkB,QAClB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAEpB,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,IAC5C,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,oBAAC,WAAW,IACX,MAAM,QACN,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC/B,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,YAAY,EAAE,CAAC,GACnD,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,CACzD,CACU,CACZ,CAAC,CACI,CACP,CACC,CACH,CAAC,CAAC,CAAC,CACH,oBAAC,WAAW,IACX,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC/B,MAAM,QACN,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,EAAE,CAAC,GAC1D,CACF,CACW,CACR,CACN,CAAA;KAAA,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CACtC,oBAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW;QACnC,6BAAK,SAAS,EAAC,mBAAmB;YACjC,6BAAK,SAAS,EAAC,0BAA0B;gBACxC,6BAAK,SAAS,EAAC,cAAc,uBAAuB;gBACpD,6BAAK,SAAS,EAAC,gBAAgB,+DAEzB,CACD;YACL,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAQ,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,CACjE,CACI,CACX,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC7B,6BACC,SAAS,EAAE,UAAU,CACpB,uBAAuB,EACvB,EAAE,8BAA8B,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,EACzD,KAAK,CAAC,SAAS,CACf;QAED,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU;YACtB,oBAAC,GAAG;gBACH,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY;wBAC5B,6BAAK,SAAS,EAAC,4BAA4B,IACzC,KAAK,CAAC,SAAS,IAAI,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,QAAC,IAAI,EAAC,MAAM,GAAG,CAC1E,CACK,CACP;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,IAAI,GAAa,CAC7B;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oBACtC,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU;wBAC1B,oBAAC,QAAQ,CAAC,KAAK,IACd,OAAO,EAAE;gCACR,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gCAClC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;6BACtD,EACD,YAAY,EAAE,CAAC,OAAO,CAAC,EACvB,QAAQ,EAAE,CAAC,aAAa,EAAE,EAAE;gCAC3B,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oCAChC,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gCAC9D,CAAC;qCAAM,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oCACvC,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC;gCAC5B,CAAC;qCAAM,CAAC;oCACP,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;gCAC3B,CAAC;4BACF,CAAC,GACA,CACS,CACP;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oBACvC,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS;wBACzB,oBAAC,KAAK,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,CACxD,CACP,CACD,CACA;QACP,oBAAC,IAAI,IACJ,SAAS,EAAC,4BAA4B,EACtC,gBAAgB,EAAC,eAAe,EAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBACjB,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;oBAAE,OAAO;gBAC/D,SAAS,EAAE,CAAC;YACb,CAAC,EACD,KAAK,EAAE;gBACN;oBACC,GAAG,EAAE,eAAe;oBACpB,KAAK,EAAE,eAAe;oBACtB,QAAQ,EAAE,qBAAqB;iBAC/B;gBACD;oBACC,GAAG,EAAE,SAAS;oBACd,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,gBAAgB;iBAC1B;aACD,GACA;QAED,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,CACzB,oBAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAC,KAAK;YACnD,oBAAC,KAAK;gBACL,oBAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,aAAiB;gBAC1C,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,aAErD,CACF,CACH,CACN,CACI,CACN,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,0CACE,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,WAAW,IACX,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,MAAM,IAEf,OAAO,CACK,CACd,CAAC,CAAC,CAAC,CACH,OAAO,CACP,CACC,CACH,CAAC,CAAC;IAEH,KAAK,UAAU,SAAS;QACvB,MAAM,kBAAkB;aACtB,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;YAClD,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,eAAsB,EAAE;YACpD,KAAK,EAAE,SAAS;SAChB,CAAC;aACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;YACzB,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC;YACjC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,UAAU,MAAM;;QACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAC5B,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;YACxC,OAAO;QACR,CAAC;QAED,IAAI,KAAK,CAAC,qBAAqB;YAAE,SAAS,EAAE,CAAC;QAE7C,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC;YAC9B,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;YACnD,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAEtB,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG;YACxB,YAAa,CAAC,SAAS,CAAC,oBAAC,0BAA0B,IAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAI,EAAE;gBACnE,IAAI,EAAE,EAAE;aACR,CAAC,CAAC;QAEJ,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAC;IAClB,CAAC;IAED,2BAA2B;IAC3B,SAAS,QAAQ;;QAChB,IAAI,KAAK,CAAC,QAAQ;YAAE,YAAa,CAAC,UAAU,EAAE,CAAC;QAC/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,MAAA,KAAK,CAAC,QAAQ,qDAAI,CAAC;IACpB,CAAC;AACF,CAAC,CAAC;AAEF,0BAA0B,CAAC,YAAY,GAAG;IACzC,IAAI,EAAE,MAAM;CACZ,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
@@ -2,6 +2,10 @@
|
|
2
2
|
|
3
3
|
:global {
|
4
4
|
.new-notification-form {
|
5
|
+
height: 100%;
|
6
|
+
display: flex;
|
7
|
+
flex-direction: column;
|
8
|
+
|
5
9
|
&.sub-notification-more-form {
|
6
10
|
padding: 0 20px;
|
7
11
|
|
@@ -20,6 +24,13 @@
|
|
20
24
|
}
|
21
25
|
}
|
22
26
|
|
27
|
+
.new-notification-recipient {
|
28
|
+
height: 32px;
|
29
|
+
padding: 4px 11px;
|
30
|
+
border-radius: @border-radius;
|
31
|
+
background: #f9f9f9 0% 0% no-repeat padding-box;
|
32
|
+
}
|
33
|
+
|
23
34
|
.notification-form-btn {
|
24
35
|
margin-top: 10px;
|
25
36
|
}
|
@@ -28,11 +39,67 @@
|
|
28
39
|
.prosemirror-content {
|
29
40
|
height: 140px;
|
30
41
|
}
|
42
|
+
|
31
43
|
.toolbar-button[title="Align"] {
|
32
44
|
.ant-select {
|
33
45
|
width: auto;
|
34
46
|
}
|
35
47
|
}
|
36
48
|
}
|
49
|
+
|
50
|
+
.new-notification-form-tabs {
|
51
|
+
flex: 1;
|
52
|
+
|
53
|
+
.email-content-component {
|
54
|
+
height: calc(100% - 36px);
|
55
|
+
|
56
|
+
.email-content-choose {
|
57
|
+
color: #5d5d5d;
|
58
|
+
margin-bottom: 14px;
|
59
|
+
font: normal normal 600 14px/19px Open Sans;
|
60
|
+
}
|
61
|
+
|
62
|
+
.email-content-subtitle {
|
63
|
+
color: #868686;
|
64
|
+
font: normal normal 600 14px/19px Open Sans;
|
65
|
+
margin-bottom: 5px;
|
66
|
+
}
|
67
|
+
|
68
|
+
.email-content-placeholder-list {
|
69
|
+
margin-top: 20px;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
.preview-component {
|
74
|
+
width: 100%;
|
75
|
+
height: 100%;
|
76
|
+
position: relative;
|
77
|
+
overflow: hidden;
|
78
|
+
|
79
|
+
.preview-component-header {
|
80
|
+
.header-title {
|
81
|
+
color: #5d5d5d;
|
82
|
+
font: normal normal bold 14px/19px Open Sans;
|
83
|
+
}
|
84
|
+
|
85
|
+
.header-explain {
|
86
|
+
color: #868686;
|
87
|
+
font: normal normal 600 14px/19px Open Sans;
|
88
|
+
}
|
89
|
+
}
|
90
|
+
|
91
|
+
iframe {
|
92
|
+
width: 100%;
|
93
|
+
height: calc(100% - 38px);
|
94
|
+
border: none;
|
95
|
+
position: absolute;
|
96
|
+
right: -15px;
|
97
|
+
top: 38px;
|
98
|
+
bottom: 0;
|
99
|
+
overflow-x: hidden;
|
100
|
+
overflow-y: scroll;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
}
|
37
104
|
}
|
38
105
|
}
|
@@ -4,15 +4,23 @@ export declare class State {
|
|
4
4
|
Channels: number;
|
5
5
|
Subject: string;
|
6
6
|
Body: string;
|
7
|
+
EmailTemplateId: string;
|
7
8
|
};
|
8
9
|
params: {
|
9
10
|
Channels: number;
|
10
11
|
Subject: string;
|
11
12
|
Body: string;
|
13
|
+
EmailTemplateId: string;
|
12
14
|
};
|
13
15
|
contact: {
|
14
16
|
id: string;
|
15
17
|
name: string;
|
16
18
|
}[];
|
17
19
|
loading: boolean;
|
20
|
+
loadPreview: boolean;
|
21
|
+
chooseMessageTemplate: boolean;
|
22
|
+
placeholderList: {
|
23
|
+
Placeholder: string;
|
24
|
+
Value?: string;
|
25
|
+
}[];
|
18
26
|
}
|
@@ -10,6 +10,7 @@ export class State {
|
|
10
10
|
Channels: 1,
|
11
11
|
Subject: "",
|
12
12
|
Body: "",
|
13
|
+
EmailTemplateId: "",
|
13
14
|
}
|
14
15
|
});
|
15
16
|
Object.defineProperty(this, "params", {
|
@@ -31,6 +32,24 @@ export class State {
|
|
31
32
|
writable: true,
|
32
33
|
value: false
|
33
34
|
});
|
35
|
+
Object.defineProperty(this, "loadPreview", {
|
36
|
+
enumerable: true,
|
37
|
+
configurable: true,
|
38
|
+
writable: true,
|
39
|
+
value: false
|
40
|
+
});
|
41
|
+
Object.defineProperty(this, "chooseMessageTemplate", {
|
42
|
+
enumerable: true,
|
43
|
+
configurable: true,
|
44
|
+
writable: true,
|
45
|
+
value: false
|
46
|
+
});
|
47
|
+
Object.defineProperty(this, "placeholderList", {
|
48
|
+
enumerable: true,
|
49
|
+
configurable: true,
|
50
|
+
writable: true,
|
51
|
+
value: []
|
52
|
+
});
|
34
53
|
makeObservable(this);
|
35
54
|
}
|
36
55
|
}
|
@@ -43,4 +62,13 @@ __decorate([
|
|
43
62
|
__decorate([
|
44
63
|
observable
|
45
64
|
], State.prototype, "loading", void 0);
|
65
|
+
__decorate([
|
66
|
+
observable
|
67
|
+
], State.prototype, "loadPreview", void 0);
|
68
|
+
__decorate([
|
69
|
+
observable
|
70
|
+
], State.prototype, "chooseMessageTemplate", void 0);
|
71
|
+
__decorate([
|
72
|
+
observable
|
73
|
+
], State.prototype, "placeholderList", void 0);
|
46
74
|
//# sourceMappingURL=state.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlD,MAAM,OAAO,KAAK;IACjB;QAGO;;;;mBAAS;gBACf,QAAQ,EAAE,CAAC;gBACX,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,EAAE;
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlD,MAAM,OAAO,KAAK;IACjB;QAGO;;;;mBAAS;gBACf,QAAQ,EAAE,CAAC;gBACX,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,EAAE;gBACR,eAAe,EAAE,EAAE;aACnB;WAAC;QAEiB;;;;mBAAS,IAAI,CAAC,MAAM;WAAC;QACxC,4CAA4C;QACzB;;;;mBAA0C,EAAE;WAAC;QAC7C;;;;mBAAU,KAAK;WAAC;QAChB;;;;mBAAc,KAAK;WAAC;QACpB;;;;mBAAwB,KAAK;WAAC;QAC9B;;;;mBAA6D,EAAE;WAAC;QAflF,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAeD;AAPmB;IAAlB,UAAU;qCAA6B;AAErB;IAAlB,UAAU;sCAAqD;AAC7C;IAAlB,UAAU;sCAAwB;AAChB;IAAlB,UAAU;0CAA4B;AACpB;IAAlB,UAAU;oDAAsC;AAC9B;IAAlB,UAAU;8CAAwE"}
|
@@ -4,6 +4,10 @@ export type NotificationListProps = {
|
|
4
4
|
/** 需要 corporate 或者 customer id */
|
5
5
|
parentId: string;
|
6
6
|
addAble?: boolean;
|
7
|
+
recipient?: {
|
8
|
+
id: string;
|
9
|
+
name: string;
|
10
|
+
};
|
7
11
|
};
|
8
12
|
declare const NotificationList: {
|
9
13
|
(props: NotificationListProps): React.JSX.Element;
|
@@ -38,8 +38,8 @@ const NotificationList = (props) => {
|
|
38
38
|
onAdd: () => ((view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" || (view === null || view === void 0 ? void 0 : view.Type) === "QuickView") &&
|
39
39
|
setAddNotification(!addNotification),
|
40
40
|
}, formViewTitle: "Add Offiec", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" &&
|
41
|
-
(view === null || view === void 0 ? void 0 : view.Type) !== "QuickView" && React.createElement(NotificationForm, { showView: true, targetId: props.parentId }), renderItem: ({ item, index }) => (React.createElement(NotificationItem, { key: item.id, id: item.id })) }),
|
42
|
-
addNotification && (React.createElement(NewNotificationFormDialog, { targetId: props.parentId, onCancel: () => setAddNotification(false), onSave: () => setAddNotification(false) }))));
|
41
|
+
(view === null || view === void 0 ? void 0 : view.Type) !== "QuickView" && (React.createElement(NotificationForm, { showView: true, targetId: props.parentId, recipient: props.recipient })), renderItem: ({ item, index }) => (React.createElement(NotificationItem, { key: item.id, id: item.id })) }),
|
42
|
+
addNotification && (React.createElement(NewNotificationFormDialog, { targetId: props.parentId, recipient: props.recipient, onCancel: () => setAddNotification(false), onSave: () => setAddNotification(false) }))));
|
43
43
|
});
|
44
44
|
};
|
45
45
|
NotificationList.defaultProps = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationList2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAGN,0BAA0B,GAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,yBAAyB,MAAM,wBAAwB,CAAC;AAC/D,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationList2/index.tsx"],"names":[],"mappings":"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"}
|