aldehyde 0.0.8 → 0.0.11

package/lib/components/detail/edit/modal-row-edit.js

@@ -0,0 +1,56 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Modal } from 'antd';
+import FieldGroupForm from '../../form/field-group-form';
+export default class ModalRowEdit extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.formRef = React.createRef();
+        this.state = {};
+        this.onOk = () => {
+            this.formRef.current.submit();
+        };
+        this.getTitle = () => {
+            const { fieldGroupConfig, dtmplData } = this.props;
+            let title = "";
+            title = fieldGroupConfig.title;
+            if (dtmplData) {
+                title = title + "【行编辑】";
+            }
+            else {
+                title = title + "【新建一行】";
+            }
+            return title;
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    componentDidUpdate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.formRef.current) {
+                this.formRef.current.resetFields();
+            }
+        });
+    }
+    render() {
+        const { height, onOk, onCancel, fieldGroupConfig, visible, dtmplData } = this.props;
+        const {} = this.state;
+        return React.createElement(Modal, { visible: visible, width: 1150, title: this.getTitle(), bodyStyle: { overflow: 'auto' }, destroyOnClose: true, centered: true, okText: '确定', cancelText: '取消', onOk: this.onOk, onCancel: onCancel },
+            React.createElement(FieldGroupForm, { fieldGroupConfig: fieldGroupConfig, formRef: this.formRef, onFinish: onOk, dtmplData: dtmplData }));
+    }
+}
+ModalRowEdit.defaultProps = {
+    forceRender: true,
+    style: { maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)' },
+};
+//# sourceMappingURL=modal-row-edit.js.map

package/lib/components/detail/edit/modal-row-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-row-edit.js","sourceRoot":"","sources":["../../../../src/components/detail/edit/modal-row-edit.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAC,MAAM,MAAM,CAAA;AAExC,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAczD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,aAAuD;IAAvG;;QACI,YAAO,GAAG,KAAK,CAAC,SAAS,EAAgB,CAAC;QAK1C,UAAK,GAAG,EAAE,CAAA;QAWV,SAAI,GAAG,GAAG,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAClC,CAAC,CAAA;QAED,aAAQ,GAAG,GAAG,EAAE;YACZ,MAAM,EAAC,gBAAgB,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;YAChD,IAAI,KAAK,GAAG,EAAE,CAAC;YACf,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;YAC/B,IAAI,SAAS,EAAE;gBACX,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;aAC3B;iBAAM;gBACH,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;aAC5B;YACD,OAAO,KAAK,CAAC;QACjB,CAAC,CAAA;IAuBL,CAAC;IA9CS,iBAAiB;;QACvB,CAAC;KAAA;IAEK,kBAAkB;;YACpB,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBACtB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;aACtC;QACL,CAAC;KAAA;IAkBD,MAAM;QACF,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACjF,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtB,OAAO,oBAAC,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,SAAS,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,EAC7B,cAAc,EAAE,IAAI,EACpB,QAAQ,QACR,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,IAAI,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,QAAQ;YAElB,oBAAC,cAAc,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EACzD,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,SAAS,GAAI,CACpC,CAAA;IACZ,CAAC;;AAlDM,yBAAY,GAAG;IAClB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,EAAC,QAAQ,EAAE,oBAAoB,EAAE,SAAS,EAAE,oBAAoB,EAAC;CAC3E,CAAA"}

package/lib/components/detail/edit/post-result/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { AddOrUpdate, SaveJumpType } from "../../../tmpl/interface";
+import { ResultStatusType } from "antd/lib/result";
+interface PostResultProps {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    visible: boolean;
+    jumpTypes: SaveJumpType[];
+    addOrUpdate: AddOrUpdate;
+    resultStatus?: ResultStatusType;
+    goAdd: () => void;
+    goEdit: () => void;
+    goList: () => void;
+}
+declare const PostResult: React.FC<PostResultProps>;
+export default PostResult;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/detail/edit/post-result/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/detail/edit/post-result/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAEjD,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgCzC,CAAA;AAED,eAAe,UAAU,CAAC"}

package/lib/components/detail/edit/post-result/index.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Button, Modal, Result } from 'antd';
+;
+const PostResult = (_a) => {
+    var { resultStatus = 'success' } = _a, props = __rest(_a, ["resultStatus"]);
+    const { title, visible, subtitle, goAdd, goEdit, goList, jumpTypes, addOrUpdate } = props;
+    return (React.createElement(Modal, { title: title ? title : "保存提示", visible: visible, closable: false, destroyOnClose: true, footer: [], bodyStyle: { height: 430, overflow: 'auto' }, width: 560, maskClosable: true },
+        React.createElement(Result, { status: resultStatus, title: resultStatus === "success" ? "保存成功" : "保存失败", subTitle: subtitle, extra: [goAdd && jumpTypes && jumpTypes.includes('add') ?
+                    React.createElement(Button, { key: "goOnAdd", onClick: () => goAdd() }, addOrUpdate === "update" ? "转添加" : "继续添加") : undefined,
+                goEdit && jumpTypes && jumpTypes.includes('edit') ?
+                    React.createElement(Button, { type: "primary", key: "goOnEdit", onClick: () => goEdit() }, addOrUpdate === "update" ? "继续编辑" : "编辑实体") : "",
+                goList && jumpTypes && jumpTypes.includes('list') ?
+                    React.createElement(Button, { type: "primary", key: "onBackList", onClick: () => goList() }, "\u8FD4\u56DE\u5217\u8868") : ""
+            ] })));
+};
+export default PostResult;
+//# sourceMappingURL=index.js.map

package/lib/components/detail/edit/post-result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/detail/edit/post-result/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,MAAM,CAAA;AAczC,CAAC;AAEF,MAAM,UAAU,GAA8B,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAC,YAAY,GAAC,SAAS,OAAU,EAAN,KAAK,cAAhC,gBAAiC,CAAD;IAE3E,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACxF,OAAO,CACH,oBAAC,KAAK,IACF,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,cAAc,QACd,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAC1C,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,IAAI;QAElB,oBAAC,MAAM,IAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzE,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,KAAK,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;oBACrD,oBAAC,MAAM,IAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,IACvC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CACrC,CAAC,CAAC,CAAC,SAAS;gBACrB,MAAM,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC/C,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,GAAG,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,IACxD,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CACtC,CAAC,CAAC,CAAC,EAAE;gBAClB,MAAM,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC/C,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,GAAG,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,+BAEtD,CAAC,CAAC,CAAC,EAAE;aACrB,GACC,CACN,CACX,CAAA;AACL,CAAC,CAAA;AAED,eAAe,UAAU,CAAC"}

package/lib/components/detail/edit/row-edit-card.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DtmplData, FieldGroupConfig } from "../../tmpl/interface";
+import { ButtonType } from "antd/es/button";
+interface RowEditCardProps {
+    height?: any;
+    onCancel?: () => void;
+    onOk: (value: DtmplData, hidden: boolean) => void;
+    fieldGroupConfig: FieldGroupConfig;
+    dtmplData?: DtmplData;
+    okButtonType?: ButtonType;
+    okDanger?: boolean;
+    needConfirm?: boolean;
+}
+interface RowEditCardState {
+    isAdded: boolean;
+}
+export default class RowEditCard extends React.PureComponent<RowEditCardProps, RowEditCardState> {
+    formRef: React.RefObject<FormInstance<any>>;
+    static defaultProps: {
+        forceRender: boolean;
+        style: {
+            maxWidth: string;
+            maxHeight: string;
+        };
+        needConfirm: boolean;
+        okButtonType: string;
+        okDanger: boolean;
+    };
+    state: {
+        isAdded: boolean;
+    };
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): Promise<void>;
+    reset: () => void;
+    onOk: () => void;
+    add: () => void;
+    getTitle: () => string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=row-edit-card.d.ts.map

package/lib/components/detail/edit/row-edit-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-edit-card.d.ts","sourceRoot":"","sources":["../../../../src/components/detail/edit/row-edit-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,YAAY,EAAsC,MAAM,MAAM,CAAA;AAEpF,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,UAAU,gBAAgB;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,gBAAgB;IACtB,OAAO,EAAC,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5F,OAAO,qCAAmC;IAC1C,MAAM,CAAC,YAAY;;;;;;;;;MAMlB;IACD,KAAK;;MAEJ;IAEK,iBAAiB;IAIjB,kBAAkB;IAIxB,KAAK,aAIJ;IAED,IAAI,aAIH;IACD,GAAG,aAGF;IAED,QAAQ,eAUP;IAED,MAAM;CAqDT"}

package/lib/components/detail/edit/row-edit-card.js

@@ -0,0 +1,84 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Button, Card, Popconfirm, Space, Tooltip } from 'antd';
+import { CloseOutlined } from '@ant-design/icons';
+import FieldGroupForm from '../../form/field-group-form';
+export default class RowEditCard extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.formRef = React.createRef();
+        this.state = {
+            isAdded: false,
+        };
+        this.reset = () => {
+            // if (this.formRef.current) {
+            //     this.formRef.current.resetFields();
+            // }
+        };
+        this.onOk = () => {
+            this.setState({ isAdded: false });
+            this.formRef.current.submit();
+        };
+        this.add = () => {
+            this.setState({ isAdded: true });
+            this.formRef.current.submit();
+        };
+        this.getTitle = () => {
+            const { fieldGroupConfig, dtmplData } = this.props;
+            let title = "";
+            title = fieldGroupConfig.title;
+            if (dtmplData) {
+                title = title + "【行编辑】";
+            }
+            else {
+                title = title + "【新建一行】";
+            }
+            return title;
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    componentDidUpdate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            //this.reset();
+        });
+    }
+    render() {
+        const { height, onOk, fieldGroupConfig, dtmplData, onCancel, okButtonType, needConfirm, okDanger } = this.props;
+        const { isAdded } = this.state;
+        function okButton(onOk) {
+            return needConfirm ? okDanger ?
+                React.createElement(Popconfirm, { placement: "rightBottom", title: `确定要执行提交吗？`, onConfirm: onOk, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okType: 'danger' },
+                    React.createElement(Button, { type: okButtonType, danger: true, size: "small" }, "\u786E\u5B9A")) :
+                React.createElement(Popconfirm, { placement: "rightBottom", title: `确定要执行提交吗？`, onConfirm: onOk, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88" },
+                    React.createElement(Button, { size: "small", type: okButtonType }, "\u786E\u5B9A")) :
+                React.createElement(Button, { type: okButtonType, size: "small", onClick: onOk }, "\u786E\u5B9A");
+        }
+        return React.createElement(Card, { style: { width: 1000 }, title: this.getTitle(), bodyStyle: { overflow: 'auto' }, extra: React.createElement(React.Fragment, null,
+                React.createElement(Space, { size: [8, 0] },
+                    okButton(this.onOk),
+                    dtmplData ? "" : React.createElement(Tooltip, { placement: "top", title: "\u53EF\u8FDE\u7EED\u6DFB\u52A0" },
+                        React.createElement(Button, { type: 'primary', size: 'small', onClick: this.add }, "\u6DFB\u52A0")),
+                    onCancel ? React.createElement(Button, { onClick: onCancel },
+                        React.createElement(CloseOutlined, null)) : "")) },
+            React.createElement(FieldGroupForm, { fieldGroupConfig: fieldGroupConfig, formRef: this.formRef, onFinish: (value) => onOk(value, !isAdded), dtmplData: dtmplData }));
+    }
+}
+RowEditCard.defaultProps = {
+    forceRender: true,
+    style: { maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)' },
+    needConfirm: false,
+    okButtonType: 'primary',
+    okDanger: false,
+};
+//# sourceMappingURL=row-edit-card.js.map

package/lib/components/detail/edit/row-edit-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-edit-card.js","sourceRoot":"","sources":["../../../../src/components/detail/edit/row-edit-card.tsx"],"names":[],"mappings":"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"}

package/lib/components/detail/edit/row-editor.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DtmplData, FieldGroupConfig } from "../../tmpl/interface";
+import { RenderFunction } from "antd/lib/tooltip";
+interface RowEditorProps {
+    buttonTitle?: string;
+    buttonIcon: React.ReactNode;
+    tooltipTitle?: React.ReactNode | RenderFunction;
+    fieldGroupConfig: FieldGroupConfig;
+    dtmplData?: DtmplData;
+    onOk: (value: DtmplData) => void;
+    buttonStyle?: object;
+}
+interface RowEditorState {
+    popoverVisible: boolean;
+}
+export default class RowEditor extends React.PureComponent<RowEditorProps, RowEditorState> {
+    formRef: React.RefObject<FormInstance<any>>;
+    static defaultProps: {
+        buttonIcon: any;
+    };
+    state: {
+        popoverVisible: boolean;
+    };
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): Promise<void>;
+    onOk: (value: any, hidden?: boolean) => void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=row-editor.d.ts.map

package/lib/components/detail/edit/row-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/detail/edit/row-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,YAAY,EAAmB,MAAM,MAAM,CAAA;AAC3D,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,UAAU,cAAc;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;IAChD,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAC,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAC,MAAM,CAAC;CACvB;AAED,UAAU,cAAc;IACpB,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IACtF,OAAO,qCAAmC;IAC1C,MAAM,CAAC,YAAY;;MAElB;IACD,KAAK;;MAEJ;IAEK,iBAAiB;IAIjB,kBAAkB;IASxB,IAAI,wBAAiB,OAAO,UAM3B;IAGD,MAAM;CAoBT"}

package/lib/components/detail/edit/row-editor.js

@@ -0,0 +1,55 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Button, Popover, Tooltip } from 'antd';
+import RowEditCard from './row-edit-card';
+export default class RowEditor extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.formRef = React.createRef();
+        this.state = {
+            popoverVisible: false,
+        };
+        // reset = () => {
+        //     if (this.formRef.current) {
+        //         this.formRef.current.resetFields();
+        //     }
+        // }
+        this.onOk = (value, hidden = true) => {
+            if (hidden) {
+                this.setState({ popoverVisible: false });
+            }
+            this.props.onOk(value);
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    componentDidUpdate() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    render() {
+        const { popoverVisible } = this.state;
+        const { buttonIcon, buttonTitle, tooltipTitle, fieldGroupConfig, dtmplData, buttonStyle } = this.props;
+        return React.createElement(Popover, { destroyTooltipOnHide: true, placement: "leftBottom", visible: popoverVisible, content: React.createElement(RowEditCard, { fieldGroupConfig: fieldGroupConfig, dtmplData: dtmplData, onCancel: () => {
+                    this.setState({ popoverVisible: false });
+                }, onOk: this.onOk }), trigger: "click" },
+            React.createElement(Tooltip, { placement: "left", title: tooltipTitle },
+                React.createElement(Button, { style: buttonStyle, type: 'primary', icon: buttonIcon, size: "small", onClick: () => {
+                        this.setState({ popoverVisible: !popoverVisible });
+                    } }, buttonTitle ? buttonTitle : "")));
+    }
+}
+RowEditor.defaultProps = {
+    buttonIcon: undefined
+};
+//# sourceMappingURL=row-editor.js.map

package/lib/components/detail/edit/row-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-editor.js","sourceRoot":"","sources":["../../../../src/components/detail/edit/row-editor.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAgB,OAAO,EAAE,OAAO,EAAC,MAAM,MAAM,CAAA;AAG3D,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAezC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6C;IAA1F;;QACI,YAAO,GAAG,KAAK,CAAC,SAAS,EAAgB,CAAC;QAI1C,UAAK,GAAG;YACJ,cAAc,EAAE,KAAK;SACxB,CAAA;QASD,kBAAkB;QAClB,kCAAkC;QAClC,8CAA8C;QAC9C,QAAQ;QACR,IAAI;QAEJ,SAAI,GAAG,CAAC,KAAK,EAAC,SAAe,IAAI,EAAE,EAAE;YACjC,IAAG,MAAM,EAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAC,KAAK,EAAC,CAAC,CAAC;aACzC;YAEF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAA;IAuBL,CAAC;IA1CS,iBAAiB;;QAEvB,CAAC;KAAA;IAEK,kBAAkB;;QACxB,CAAC;KAAA;IAiBD,MAAM;QACF,MAAM,EAAC,cAAc,EAAC,GAAC,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAC,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACpG,OAAO,oBAAC,OAAO,IAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,cAAc,EAC3E,OAAO,EAAE,oBAAC,WAAW,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EACxD,QAAQ,EAAE,GAAE,EAAE;oBACV,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAC,KAAK,EAAC,CAAC,CAAC;gBAAA,CAAC,EACvC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAgB,EAAE,OAAO,EAAC,OAAO;YACtF,oBAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY;gBACzC,oBAAC,MAAM,IACH,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAC,CAAC,cAAc,EAAC,CAAC,CAAC;oBACpD,CAAC,IACH,WAAW,CAAA,CAAC,CAAA,WAAW,CAAA,CAAC,CAAA,EAAE,CAAU,CAAU,CAAU,CAAA;IACtE,CAAC;;AA/CM,sBAAY,GAAG;IAClB,UAAU,EAAC,SAAS;CACvB,CAAA"}

package/lib/components/detail/rightbar/index.css

@@ -0,0 +1,35 @@
+.rightBar{
+    background: #fff;
+    /*position: absolute;*/
+    /*right:10px;*/
+    /*top:80px;*/
+    border:1px solid #e8e8e8;
+    border-radius: 4px;
+    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
+    height:200px;
+    /*max-height:181px;*/
+    /*min-height:80px;*/
+    min-width: 96px;
+    overflow:auto;
+}
+.rightBar::-webkit-scrollbar {
+    display: none;
+}
+.rightBar ul{
+    padding:0;
+    margin:0;
+}
+.rightBar li{
+    list-style-type: none;
+    cursor: pointer;
+    padding:3px 7px;
+    width:95px;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    text-align: left;
+    overflow: hidden;
+}
+.rightBar li:hover{
+    background: #cfe3f5;
+}

package/lib/components/detail/rightbar/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.css';
+import { DtmplConfig, TmplBase } from "../../tmpl/interface";
+interface RightBarProps {
+    parentId: string;
+    dtmplConfig: DtmplConfig;
+    positionRight?: number;
+}
+interface RightBarState {
+}
+export default class RightBar extends React.PureComponent<RightBarProps, RightBarState> {
+    static defaultProps: {
+        positionRight: number;
+    };
+    scrollToAnchor: (anchor: TmplBase) => void;
+    scroll: (e: any) => void;
+    render(): "" | JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/detail/rightbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/detail/rightbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,CAAA;AACpB,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAG3D,UAAU,aAAa;IACnB,QAAQ,EAAC,MAAM,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAC,MAAM,CAAA;CACxB;AAGD,UAAU,aAAa;CAEtB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnF,MAAM,CAAC,YAAY;;MAElB;IACD,cAAc,WAAY,QAAQ,UAOjC;IACD,MAAM,mBAQL;IAED,MAAM;CAoCT"}

package/lib/components/detail/rightbar/index.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import './index.css';
+import { Affix } from "antd";
+export default class RightBar extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.scrollToAnchor = (anchor) => {
+            if (anchor) {
+                let anchorElement = document.getElementById(this.props.parentId + anchor.id);
+                if (anchorElement) {
+                    anchorElement.scrollIntoView({ behavior: "smooth", block: "end" });
+                }
+            }
+        };
+        this.scroll = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const list = document.getElementsByClassName("rightBar")[0];
+            if (list) {
+                const ul = list.getElementsByTagName("ul")[0];
+                ul.style.marginTop = "";
+            }
+        };
+    }
+    render() {
+        const { dtmplConfig, positionRight } = this.props;
+        const cardList = [];
+        if (dtmplConfig) {
+            dtmplConfig.groups.forEach(g => {
+                cardList.push({
+                    title: g.title,
+                    id: g.id,
+                });
+            });
+        }
+        if (dtmplConfig && dtmplConfig.premises && dtmplConfig.premises.length > 0) {
+            cardList.push({
+                id: dtmplConfig.premises[0].id, title: '默认字段',
+            });
+        }
+        // @ts-ignore
+        return (cardList && cardList.length > 3 ?
+            React.createElement(Affix, { style: { position: 'absolute', top: 60, right: positionRight, }, offsetTop: 80 },
+                React.createElement("div", { className: 'rightBar', onScroll: this.scroll },
+                    React.createElement("ul", null, cardList ? cardList.map((item, index) => React.createElement("li", { onClick: () => this.scrollToAnchor(item), key: index }, item.title)) : ""))) : "");
+    }
+}
+RightBar.defaultProps = {
+    positionRight: 15,
+};
+//# sourceMappingURL=index.js.map

package/lib/components/detail/rightbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/detail/rightbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAC,KAAK,EAAS,MAAM,MAAM,CAAC;AAanC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,aAA2C;IAAvF;;QAKI,mBAAc,GAAG,CAAC,MAAgB,EAAE,EAAE;YAClC,IAAI,MAAM,EAAE;gBACR,IAAI,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC3E,IAAI,aAAa,EAAE;oBACf,aAAa,CAAC,cAAc,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;iBACnE;aACJ;QACL,CAAC,CAAA;QACD,WAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;YAC3D,IAAI,IAAI,EAAE;gBACN,MAAM,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC7C,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAA;aAC1B;QACL,CAAC,CAAA;IAsCL,CAAC;IApCG,MAAM;QACF,MAAM,EAAC,WAAW,EAAC,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9C,MAAM,QAAQ,GAAe,EAAE,CAAC;QAEhC,IAAG,WAAW,EAAC;YACX,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC3B,QAAQ,CAAC,IAAI,CAAC;oBACV,KAAK,EAAE,CAAC,CAAC,KAAK;oBACd,EAAE,EAAE,CAAC,CAAC,EAAE;iBACX,CAAC,CAAC;YACP,CAAC,CAAC,CAAA;SACL;QAED,IAAI,WAAW,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACxE,QAAQ,CAAC,IAAI,CAAC;gBACV,EAAE,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM;aAChD,CAAC,CAAC;SACN;QAED,aAAa;QACb,OAAO,CACH,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAC,CAAC,CAAA,CAAC;YAC9B,oBAAC,KAAK,IAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,aAAa,GAAE,EAAG,SAAS,EAAE,EAAE;gBAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM;oBAC7C,gCAEQ,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACpC,4BAAI,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,IAAG,IAAI,CAAC,KAAK,CAAM,CAE9E,CAAC,CAAC,CAAC,EAAE,CAET,CACH,CACF,CAAA,CAAC,CAAA,EAAE,CACd,CAAA;IACL,CAAC;;AAxDM,qBAAY,GAAG;IAClB,aAAa,EAAC,EAAE;CACnB,CAAA"}

package/lib/components/detail/view/act-dtmpl-view.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { DtmplBaseProps, DtmplConfig, DtmplData } from "../../tmpl/interface";
+import '../dtmpl.css';
+export interface ActDtmplViewProps extends DtmplBaseProps {
+    versionId?: number;
+}
+export interface ActDtmplViewStat {
+    loading: boolean;
+    dtmplConfig: DtmplConfig;
+    dtmplData: DtmplData;
+    premisesTitle: string;
+    snapshotVisible: boolean;
+    layout: object;
+    refreshCode: string;
+}
+declare class ActDtmplView extends React.PureComponent<ActDtmplViewProps, ActDtmplViewStat> {
+    static defaultProps: {
+        showRightNav: boolean;
+        rightBarPositionRight: number;
+    };
+    state: {
+        loading: boolean;
+        dtmplConfig: any;
+        snapshotVisible: boolean;
+        dtmplData: any;
+        premisesTitle: string;
+        layout: {
+            labelCol: {
+                span: number;
+            };
+            wrapperCol: {
+                span: number;
+            };
+        };
+        refreshCode: any;
+    };
+    componentDidMount(): Promise<void>;
+    doRefresh: () => Promise<void>;
+    goEdit: () => void;
+    showSnapshot: () => void;
+    onSnapshotClose: () => void;
+    toSnapshot: () => void;
+    render(): JSX.Element;
+}
+export default ActDtmplView;
+//# sourceMappingURL=act-dtmpl-view.d.ts.map

package/lib/components/detail/view/act-dtmpl-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"act-dtmpl-view.d.ts","sourceRoot":"","sources":["../../../../src/components/detail/view/act-dtmpl-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAC,cAAc,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAI5E,OAAO,cAAc,CAAC;AAMtB,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,cAAM,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;IAC/E,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;;;;;;;;;;;;;;MAWJ;IAEK,iBAAiB;IAuBvB,SAAS,sBAIP;IAEF,MAAM,aAGL;IAED,YAAY,aAOX;IAED,eAAe,aAOd;IAGD,UAAU,aAET;IAED,MAAM;CAgDT;AAGD,eAAe,YAAY,CAAC"}

package/lib/components/detail/view/act-dtmpl-view.js

@@ -0,0 +1,110 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Button, Card, Tooltip } from 'antd';
+import { ReloadOutlined, ScheduleOutlined, EditOutlined } from '@ant-design/icons';
+import HCDataSource from "../../tmpl/hc-data-source";
+import '../dtmpl.css';
+import SnapshotTimeline from "./snapshot-timeline";
+import DtmplView from "./dtmpl-view";
+import Units from '../../units';
+;
+;
+class ActDtmplView extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            loading: true,
+            dtmplConfig: undefined,
+            snapshotVisible: false,
+            dtmplData: undefined,
+            premisesTitle: "默认字段",
+            layout: {
+                labelCol: { span: 8 },
+                wrapperCol: { span: 16 },
+            },
+            refreshCode: undefined
+        };
+        // async componentDidUpdate(prevProps) {
+        //     const {sourceName, sourceId, code, versionId} = this.props;
+        //     const {code: preCode, versionId: preVersionId} = prevProps;
+        //     if (code != preCode || (versionId && versionId != prevProps)) {
+        //         await this.loadData();
+        //     }
+        // }
+        //
+        // const layout = {
+        //     labelCol: {span: 8},
+        //     wrapperCol: {span: 16},
+        // };
+        this.doRefresh = () => __awaiter(this, void 0, void 0, function* () {
+            this.setState({
+                refreshCode: Units.getRandomNum(6)
+            });
+        });
+        this.goEdit = () => {
+            const { goDtmpl, code } = this.props;
+            goDtmpl(code);
+        };
+        this.showSnapshot = () => {
+            this.setState({
+                snapshotVisible: true,
+            });
+        };
+        this.onSnapshotClose = () => {
+            this.setState({
+                snapshotVisible: false,
+            });
+        };
+        this.toSnapshot = () => {
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { sourceId, code, versionId } = this.props;
+            let dtmplConfig = yield HCDataSource.requestDtmplConfig(sourceId);
+            this.setState({
+                dtmplConfig,
+            });
+        });
+    }
+    render() {
+        const { showRightNav, rightBarPositionRight, code, sourceId, goDtmpl } = this.props;
+        const { dtmplConfig, premisesTitle, loading, dtmplData, layout, snapshotVisible, refreshCode } = this.state;
+        const buttons = dtmplConfig ? dtmplConfig.buttons : undefined;
+        const premises = dtmplConfig ? dtmplConfig.premises : undefined;
+        let showRightNav_ = showRightNav;
+        if (dtmplConfig && dtmplConfig.groups.length < 4) {
+            showRightNav_ = false;
+        }
+        return (React.createElement("div", { className: `detailPage ${showRightNav_ ? 'showRightNav' : 'noRightNav'}` },
+            React.createElement(Card, { bordered: false, key: "detailTitle", className: "hoverable pageHeader" },
+                React.createElement("h3", null,
+                    '详情',
+                    React.createElement("div", { className: "fr" },
+                        buttons && buttons.includes("dtmplEdit") && goDtmpl && !dtmplConfig.editAction ?
+                            React.createElement(Button, { className: "hoverbig", onClick: this.goEdit },
+                                React.createElement(EditOutlined, null)) : "",
+                        buttons && buttons.includes("history") ?
+                            React.createElement(Tooltip, { title: "\u6570\u636E\u5FEB\u7167" },
+                                React.createElement(Button, { className: "hoverbig", onClick: this.showSnapshot },
+                                    React.createElement(ScheduleOutlined, null))) : "",
+                        React.createElement(Button, { className: "hoverbig", title: "\u5237\u65B0", onClick: this.doRefresh },
+                            React.createElement(ReloadOutlined, null)),
+                        React.createElement(SnapshotTimeline, { dtmplConfig: dtmplConfig, code: code, onClose: this.onSnapshotClose, showSnapshot: this.toSnapshot, sourceId: sourceId, visible: snapshotVisible })))),
+            React.createElement(DtmplView, { refreshCode: refreshCode, showRightNav: showRightNav_, rightBarPositionRight: rightBarPositionRight, dtmplConfig: dtmplConfig, sourceId: sourceId, code: code })));
+    }
+}
+ActDtmplView.defaultProps = {
+    showRightNav: true,
+    rightBarPositionRight: 15,
+};
+export default ActDtmplView;
+//# sourceMappingURL=act-dtmpl-view.js.map