@lm_fe/components 0.1.201 → 0.2.5

package/dist/src/a_chunks/CaseTempleteEdit.Inner.js

@@ -0,0 +1,622 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { mchcEnv } from '@lm_fe/env';
+import { use_provoke } from '@lm_fe/provoke';
+import { MyIcon } from '@noah-libjs/components';
+import { Space, Button } from 'antd';
+import React, { useRef, useEffect } from 'react';
+import { C as CaseTempleteEditEmr, l as load_sde } from './index.js';
+import { s as styleInject } from './style-inject.es.js';
+import 'lodash';
+import '@lm_fe/static';
+import '@lm_fe/service';
+import '@lm_fe/utils';
+var defaultToolbars = [{
+  name: 'sde-toolbar-editor',
+  title: '编辑',
+  items: [
+  // {
+  //   name: 'sde-toolbar-editor-clipboard',
+  //   title: '剪切板',
+  //   items: [
+  //     {
+  //       name: 'paste',
+  //       title: '粘贴',
+  //     },
+  //     {
+  //       name: 'copy',
+  //       title: '复制',
+  //     },
+  //     '|',
+  //     {
+  //       name: 'cut',
+  //       title: '剪切',
+  //     },
+  //   ],
+  // },
+  {
+    name: 'sde-toolbar-editor-fonts',
+    title: '字体',
+    items: [{
+      name: 'fontfamily',
+      title: '字体'
+    }, {
+      name: 'removeformat',
+      title: '清除格式'
+    }, {
+      name: 'autotypeset',
+      title: '自动格式化'
+    }, {
+      name: 'formatmatch',
+      title: '格式刷'
+    }, '|', {
+      name: 'fontsize',
+      title: '字号'
+    }, {
+      name: 'upsize',
+      title: '增大字体'
+    }, {
+      name: 'downsize',
+      title: '缩小字体'
+    }, {
+      name: 'subscript',
+      title: '上标'
+    }, {
+      name: 'superscript',
+      title: '下标'
+    }, {
+      name: 'bold',
+      title: '加粗'
+    }, {
+      name: 'italic',
+      title: '倾斜'
+    }, {
+      name: 'underline',
+      title: '下划线'
+    }, {
+      name: 'strikethrough',
+      title: '删除线'
+    }, {
+      name: 'forecolor',
+      title: '文字颜色'
+    }, {
+      name: 'backcolor',
+      title: '背景颜色'
+    }]
+  }, {
+    name: 'sde-toolbar-editor-paragraphs',
+    title: '段落',
+    items: [{
+      name: 'justifyleft',
+      title: '向左对齐'
+    }, {
+      name: 'justifycenter',
+      title: '居中对齐'
+    }, {
+      name: 'justifyright',
+      title: '向右对齐'
+    }, {
+      name: 'justifyjustify',
+      title: '两端对齐'
+    }, {
+      name: 'blockquote',
+      title: '引用'
+    }, {
+      name: 'blockindent',
+      title: '增加缩进'
+    }, {
+      name: 'blockoutdent',
+      title: '减小缩进'
+    }, '|', {
+      name: 'unorderedlist',
+      title: '无序编号'
+    }, {
+      name: 'orderedlist',
+      title: '有序编号'
+    }, {
+      name: 'rowspacingtop',
+      title: '段前距'
+    }, {
+      name: 'rowspacingbottom',
+      title: '段后距'
+    }, {
+      name: 'lineheight',
+      title: '行高'
+    }]
+  }, {
+    name: 'sde-toolbar-editor-history',
+    title: '历史记录',
+    items: [
+    // {
+    //   name: 'drafts',
+    //   title: '草稿箱',
+    // },
+    {
+      name: 'undo',
+      title: '撤销'
+    }, {
+      name: 'redo',
+      title: '恢复'
+    }]
+  }]
+}, {
+  name: 'sde-toolbar-insert',
+  title: '插入',
+  items: [{
+    name: 'sde-toolbar-insert-pagebreak',
+    title: '分页符',
+    items: [{
+      name: 'pagebreak',
+      title: '分页符'
+    }]
+  }, {
+    name: 'sde-toolbar-insert-spechars',
+    title: '字符',
+    items: [{
+      name: 'spechars',
+      title: '字符'
+    }]
+  }, {
+    name: 'sde-toolbar-insert-links',
+    title: '链接',
+    items: [{
+      name: 'insertlink',
+      title: '添加链接'
+    }, '|', {
+      name: 'unlink',
+      title: '取消链接'
+    }]
+  }, {
+    name: 'sde-toolbar-insert-images',
+    title: '图片',
+    items: [{
+      name: 'insertimage',
+      title: '图片管理'
+    },
+    // {
+    //   name: 'simpleupload',
+    //   title: '插入',
+    // },
+    // {
+    //   name: 'emotion',
+    //   title: '表情',
+    // },
+    {
+      name: 'vectordiagram',
+      title: '矢量图'
+    }, '|',
+    // {
+    //   name: 'snapscreen',
+    //   title: '截屏',
+    // },
+    {
+      name: 'scrawl',
+      title: '涂鸦'
+    }]
+  },
+  // {
+  //   name: 'sde-toolbar-insert-map',
+  //   title: '地图',
+  //   items: [
+  //     {
+  //       name: 'map',
+  //       title: '地图',
+  //     },
+  //   ],
+  // },
+  {
+    name: 'sde-toolbar-insert-insertcode',
+    title: '代码',
+    items: [{
+      name: 'insertcode',
+      title: '代码'
+    }]
+  }, {
+    name: 'sde-toolbar-insert-table',
+    title: '表格',
+    items: [{
+      name: 'inserttable',
+      title: '表格'
+    }]
+  }, {
+    name: 'sde-toolbar-insert-kityformula',
+    title: '公式',
+    items: [{
+      name: 'kityformula',
+      title: '公式'
+    }]
+  }
+  // {
+  //   name: 'sde-toolbar-insert-blockcomment',
+  //   title: '批注',
+  //   items: [
+  //     {
+  //       name: 'blockcomment',
+  //       title: '批注',
+  //     },
+  //   ],
+  // },
+  ]
+}, {
+  name: 'sde-toolbar-table',
+  title: '表格',
+  items: [{
+    name: 'sde-toolbar-table-table',
+    title: '表格',
+    items: [{
+      name: 'inserttable',
+      title: '插入表格'
+    }, {
+      name: 'deletetable',
+      title: '删除表格'
+    }, {
+      name: 'insertrow',
+      title: '插入行'
+    }, {
+      name: 'insertcol',
+      title: '插入列'
+    }, '|', {
+      name: 'deleterow',
+      title: '删除行'
+    }, {
+      name: 'deletecol',
+      title: '删除列'
+    }]
+  }, {
+    name: 'sde-toolbar-table-merge',
+    title: '合并单元格',
+    items: [{
+      name: 'mergecells',
+      title: '合并单元格'
+    }, {
+      name: 'mergedown',
+      title: '向下合并单元格'
+    }, {
+      name: 'mergeright',
+      title: '向右合并单元格'
+    }, '|', {
+      name: 'splittocells',
+      title: '拆分单元格'
+    }, {
+      name: 'splittocols',
+      title: '单元格拆分成列'
+    }, {
+      name: 'splittorows',
+      title: '单元格拆分成行'
+    }]
+  }, {
+    name: 'sde-toolbar-table-alignmerge',
+    title: '对齐方向',
+    items: [{
+      name: 'valign-top',
+      title: '顶端对齐'
+    }, {
+      name: 'valign-middle',
+      title: '垂直居中'
+    }, {
+      name: 'valign-bottom',
+      title: '底端对齐'
+    }, '|', {
+      name: 'align-left',
+      title: '左对齐'
+    }, {
+      name: 'align-center',
+      title: '居中'
+    }, {
+      name: 'align-right',
+      title: '右对齐'
+    }]
+  }, {
+    name: 'sde-toolbar-table-style',
+    title: '表格线样式',
+    items: [{
+      name: 'tablestyle',
+      title: '表格样式',
+      items: [{
+        title: '隐藏表格线',
+        name: 'tb-hide' //这里是具体的样式
+      }, {
+        title: '设为实线',
+        name: 'tb-solid'
+      }, {
+        title: '设为虚线',
+        name: 'tb-dotted'
+      }]
+    }, {
+      name: 'tablelowerframeline',
+      title: '下框线'
+    }, {
+      name: 'tableupperframeline',
+      title: '上框线'
+    }, {
+      name: 'tableleftframeline',
+      title: '左框线'
+    }, {
+      name: 'tablerightframeline',
+      title: '右框线'
+    }, {
+      name: 'tablenoborder',
+      title: '无框线'
+    }, '|', {
+      name: 'tableinternaltransverseline',
+      title: '内部横线'
+    }, {
+      name: 'tableinternalverticalline',
+      title: '内部竖线'
+    }, {
+      name: 'tableinsideborder',
+      title: '内部框线'
+    }, {
+      name: 'tablelateralframeline',
+      title: '外侧框线'
+    }, {
+      name: 'tableallframelines',
+      title: '所有框线'
+    }]
+  }]
+},
+// {
+//   name: 'sde-toolbar-views',
+//   title: '视图',
+//   items: [
+//     {
+//       name: 'sde-toolbar-views-directory',
+//       title: '目录',
+//       items: [
+//         {
+//           name: 'directory',
+//           title: '显示目录',
+//         },
+//       ],
+//     },
+//     {
+//       name: 'sde-toolbar-views-comment',
+//       title: '批注',
+//       items: [
+//         {
+//           name: 'showcomment',
+//           title: '显示批注',
+//         },
+//       ],
+//     },
+//     {
+//       name: 'sde-toolbar-views-revise',
+//       title: '修订',
+//       items: [
+//         {
+//           name: 'revise',
+//           title: '修订',
+//         },
+//         {
+//           name: 'unrevise',
+//           title: '移除',
+//         },
+//       ],
+//     },
+//     {
+//       name: 'sde-toolbar-views-preview',
+//       title: '预览文档',
+//       items: [
+//         {
+//           name: 'preview',
+//           title: '预览文档',
+//         },
+//       ],
+//     },
+//   ],
+// },
+{
+  name: 'sde-toolbar-tools',
+  title: '工具',
+  items: [
+  // {
+  //   name: 'sde-toolbar-tools-drafts',
+  //   title: '草稿箱',
+  //   items: [
+  //     {
+  //       name: 'drafts',
+  //       title: '草稿箱',
+  //     },
+  //   ],
+  // },
+  {
+    name: 'sde-toolbar-tools-print',
+    title: '打印',
+    items: [{
+      name: 'print',
+      title: '普通打印'
+    }
+    // {
+    //   name: 'seniorprint',
+    //   title: '高级打印',
+    // },
+    ]
+  },
+  // {
+  //   name: 'sde-toolbar-tools-search',
+  //   title: '搜索',
+  //   items: [
+  //     {
+  //       name: 'searchreplace',
+  //       title: '查找替换',
+  //     },
+  //   ],
+  // },
+  {
+    name: 'sde-toolbar-tools-wordcount',
+    title: '字数统计',
+    items: [{
+      name: 'wordcount',
+      title: '字数统计'
+    }]
+  }]
+}, {
+  name: 'sde-toolbar-controls',
+  title: '病历控件',
+  items: [
+  // {
+  //   name: 'sde-toolbar-controls-sdetemplate',
+  //   title: '控件库',
+  //   items: [
+  //     {
+  //       name: 'sdetemplate',
+  //       title: '控件库',
+  //     },
+  //   ],
+  // },
+  {
+    name: 'sde-toolbar-controls-controls',
+    title: '新增控件',
+    items: [
+    // {
+    //   name: 'sdectrllabel',
+    //   title: '标签控件',
+    // },
+    {
+      name: 'sdectrltext',
+      title: '单行文本'
+    }, {
+      name: 'sdectrlradio',
+      title: '单选框'
+    },
+    // {
+    //   name: 'sdectrlsection',
+    //   title: '文档段',
+    // },
+    // {
+    //   name: 'sdectrlsummary',
+    //   title: '文档节',
+    // },
+    '|', {
+      name: 'sdectrlselect',
+      title: '下拉选择'
+    },
+    // {
+    //   name: 'sdectrldate',
+    //   title: '日期控件',
+    // },
+    {
+      name: 'sdectrlcbx',
+      title: '复选框'
+    }]
+  }, {
+    name: 'sde-toolbar-controls-sdemode',
+    title: '模式设置',
+    items: [{
+      name: 'sdemode',
+      title: '模式设置'
+    }]
+  }]
+}];
+var css_248z = ".index_case-templete-container_actions__gGcug {\n  width: auto;\n  padding: 1rem 0;\n  display: flex;\n  flex-direction: row;\n  position: fixed;\n  bottom: 10px;\n  right: 28px;\n  z-index: 9999;\n}\n.index_case-templete-container__0xn5- .index_sde-page-footer__N9GGg,\n.index_case-templete-container__0xn5- .index_sde-page-header__xQOCZ {\n  display: none;\n}\n.index_case-templete-container_actions-btns__QS0m9 {\n  padding: 0 24px;\n  margin-right: 12px;\n  border-radius: 4px;\n}\n.index_case-templete-container__0xn5- .index_sde-container__ntR0R {\n  width: 95%;\n  height: 842px;\n}\n.index_case-templete-container__0xn5- .index_sde-toolbars__c56EF + div {\n  width: 100% !important;\n}\n.index_case-templete-container__0xn5- .index_sde-editor-inner__5ht64 .index_edui-editor__s4zk5 {\n  width: 100% !important;\n}\n.index_case-templete-container__0xn5- .index_sde-editor-inner__5ht64 .index_edui-editor-iframeholder__sMm5o {\n  width: 100% !important;\n}\n";
+styleInject(css_248z);
+function CaseTempleteEdit(props) {
+  var _use_provoke = use_provoke('config'),
+    config = _use_provoke.config;
+  if (config.模板编辑器 === 'XEMR') return /*#__PURE__*/React.createElement(CaseTempleteEditEmr, _objectSpread({}, props));
+  var toolbars = props.toolbars,
+    hiddenButton = props.hiddenButton,
+    onChange = props.onChange,
+    value = props.value,
+    mode = props.mode,
+    _props$containerProps = props.containerProps,
+    containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
+    hidentoolbars = props.hidentoolbars;
+  var editRef = useRef(null);
+  var fuck_editor = useRef();
+  var value_cache = useRef(value);
+  value_cache.current = value;
+  useEffect(function () {
+    //@ts-ignore
+    window.apiToken = mchcEnv.token;
+    load_sde().then(init_sde);
+    return function () {};
+  }, []);
+  useEffect(function () {
+    var _fuck_editor$current;
+    (_fuck_editor$current = fuck_editor.current) === null || _fuck_editor$current === void 0 || _fuck_editor$current.html(value);
+    return function () {};
+  }, [value]);
+  function init_sde() {
+    var _fuck_editor$current2;
+    // console.log('mode', { mode, hidentoolbars }); //模式
+    // console.log(' editRef,', editRef,);
+    //@ts-ignore
+    fuck_editor.current = new window.SDE({
+      el: editRef.current,
+      mode: mode,
+      iframe_css_src: '/lib/sde/index.css',
+      //扩展CSS
+      page_start_num: 1,
+      //页面起始页，默认为1
+      //这里可以处理url，对url进行再加工。如果此时执行 isLoadAsyncData(true)，则表示代替sde自带的异步请求方法，
+      ctrl_remote_handle: function ctrl_remote_handle(data) {},
+      default_open_toolbar: 'sde-toolbar-tools',
+      //默认打开的toolbar的集合，如果不填，默认使用第一个集合
+      toolbars: toolbars || defaultToolbars
+    });
+    console.log('gg gg', fuck_editor, containerProps);
+    // console.log("sde",sde.addListener('ready'));
+    //编辑器初始化完成后触发
+    (_fuck_editor$current2 = fuck_editor.current) === null || _fuck_editor$current2 === void 0 || _fuck_editor$current2.addListener('ready', function () {
+      var _fuck_editor$current3;
+      (_fuck_editor$current3 = fuck_editor.current) === null || _fuck_editor$current3 === void 0 || _fuck_editor$current3.html(value_cache.current);
+    });
+    var editorElement = document.getElementsByClassName('sde-editor')[0];
+    var _containerProps$heigh = containerProps.height,
+      height = _containerProps$heigh === void 0 ? 0 : _containerProps$heigh,
+      _containerProps$width = containerProps.width,
+      width = _containerProps$width === void 0 ? 0 : _containerProps$width;
+    // editorElement.style.height = `${height - 143}px`;
+    if (mode === 'STRICT') {
+      var toolbarElement = document.getElementsByClassName('sde-toolbars')[0];
+      toolbarElement.style.display = 'none';
+      editorElement.style.height = "".concat(height, "px");
+    }
+    if (hidentoolbars) {
+      setTimeout(function () {
+        var toolbarElement = document.getElementsByClassName('sde-toolbars')[0];
+        toolbarElement.style.display = 'none';
+      }, 0);
+    }
+  }
+  function save() {
+    var _fuck_editor$current4;
+    var str = (_fuck_editor$current4 = fuck_editor.current) === null || _fuck_editor$current4 === void 0 ? void 0 : _fuck_editor$current4.html();
+    onChange === null || onChange === void 0 || onChange(str);
+  }
+  function handlePrint() {
+    var _fuck_editor$current5;
+    (_fuck_editor$current5 = fuck_editor.current) === null || _fuck_editor$current5 === void 0 || _fuck_editor$current5.execCommand('print');
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "case-templete-container",
+    style: _objectSpread({
+      overflow: 'hidden auto',
+      height: '100%'
+    }, containerProps)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sde-container",
+    key: props.sdeKey || Math.random(),
+    ref: editRef
+  }), !hiddenButton && (/*#__PURE__*/React.createElement(Space.Compact, {
+    style: {
+      position: 'fixed',
+      right: 36,
+      bottom: 36
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: handlePrint,
+    icon: /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'PrinterOutlined'
+    })
+  }, "\u6253\u5370"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: save,
+    icon: /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'SaveOutlined'
+    })
+  }, "\u4FDD\u5B58"))));
+}
+export { CaseTempleteEdit as default };