@lm_fe/components 0.2.2

package/dist/src/a_chunks/root..js

@@ -0,0 +1,187 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["url", "method"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { mchcMacro, mchcLogger } from '@lm_fe/env';
+import { request } from '@lm_fe/utils';
+import { message, Spin } from 'antd';
+import { isString, map } from 'lodash';
+import React, { useMemo, useRef, useState, useEffect } from 'react';
+import { g as get_PdfFrameView_version, h as handlePrintData, a as handleRes } from './index.js';
+import '@noah-libjs/components';
+import '@lm_fe/static';
+import '@lm_fe/service';
+import '@lm_fe/provoke';
+function PdfFrameView_Inner(props) {
+  var requestData = props.requestData,
+    printData = props.printData,
+    filepath = props.filepath,
+    version = props.version,
+    requestConfig = props.requestConfig,
+    callback = props.callback,
+    PDFAppConfig = props.PDFAppConfig;
+  var _request = useMemo(function () {
+    var _props$request;
+    return (_props$request = props.request) !== null && _props$request !== void 0 ? _props$request : request;
+  }, [props]);
+  var el = useRef(null);
+  var _vsersion = version || get_PdfFrameView_version();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    pdfdata = _useState2[0],
+    setPdfdata = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pdfApp = _useState4[0],
+    setPdfApp = _useState4[1];
+  var pdfAppRef = useRef();
+  var pdfdataRef = useRef();
+  useEffect(function () {
+    getPDF();
+  }, [filepath, printData]);
+  useEffect(function () {
+    setPdfApp(undefined);
+  }, [version]);
+  var getPDF = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var printConfig, url, _requestData$method, method, others, submitData, res, _requestConfig$method, _res, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            printConfig = {};
+            if (filepath) {
+              printConfig.pdf = filepath;
+            }
+            if (printData && isString(printData)) {
+              printConfig.pdf = handlePrintData(printData);
+            }
+            _context.prev = 3;
+            if (!requestData) {
+              _context.next = 18;
+              break;
+            }
+            url = requestData.url, _requestData$method = requestData.method, method = _requestData$method === void 0 ? 'POST' : _requestData$method, others = _objectWithoutProperties(requestData, _excluded);
+            submitData = _objectSpread({
+              template: '',
+              version: '',
+              note: ''
+            }, others);
+            if (!(method === 'POST')) {
+              _context.next = 13;
+              break;
+            }
+            _context.next = 10;
+            return _request.post(url, submitData, {});
+          case 10:
+            _context.t0 = _context.sent;
+            _context.next = 16;
+            break;
+          case 13:
+            _context.next = 15;
+            return _request.get(url, {
+              params: submitData
+            });
+          case 15:
+            _context.t0 = _context.sent;
+          case 16:
+            res = _context.t0;
+            printConfig = handleRes(res.data);
+          case 18:
+            if (!requestConfig) {
+              _context.next = 24;
+              break;
+            }
+            requestConfig.method = (_requestConfig$method = requestConfig.method) !== null && _requestConfig$method !== void 0 ? _requestConfig$method : 'POST';
+            _context.next = 22;
+            return _request.ins(requestConfig);
+          case 22:
+            _res = _context.sent;
+            printConfig = handleRes(_res.data);
+          case 24:
+            _context.next = 29;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t1 = _context["catch"](3);
+            message.warning(_context.t1);
+          case 29:
+            data = printConfig.pdf;
+            callback === null || callback === void 0 || callback(data);
+            setPdfdata(data);
+            pdfdataRef.current = data;
+            pdf_open();
+          case 34:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 26]]);
+    }));
+    return function getPDF() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    pdf_open();
+    return function () {};
+  }, [pdfApp]);
+  function pdf_open() {
+    var _pdfApp$initializedPr;
+    if (!pdfApp) return;
+    var initializedPromise = (_pdfApp$initializedPr = pdfApp.initializedPromise) !== null && _pdfApp$initializedPr !== void 0 ? _pdfApp$initializedPr : new Promise(function (res, rej) {
+      return setTimeout(res, 1000);
+    });
+    initializedPromise.then(function () {
+      setTimeout(function () {
+        pdfApp.open(pdfdataRef.current);
+      }, 200);
+    });
+  }
+  var docUrl = "".concat(mchcMacro.PUBLIC_PATH, "lm_pdfjs/").concat(_vsersion, "/web/viewer.html");
+  mchcLogger.log('pdfjs', {
+    docUrl: docUrl,
+    version: version,
+    _vsersion: _vsersion
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100%',
+      overflow: 'hidden'
+    }
+  }, !pdfdata ? /*#__PURE__*/React.createElement(Spin, {
+    style: {
+      width: '100%',
+      marginTop: 240
+    },
+    size: "large"
+  }) : /*#__PURE__*/React.createElement("iframe", {
+    style: {
+      border: 'none',
+      padding: 0,
+      margin: 0
+    },
+    onLoad: function onLoad(e) {
+      var _target$contentWindow, _app$appConfig$toolba, _app$appConfig;
+      var target = e.target;
+      var app = target === null || target === void 0 || (_target$contentWindow = target.contentWindow) === null || _target$contentWindow === void 0 ? void 0 : _target$contentWindow.PDFViewerApplication;
+      // app!.appConfig!.viewerCssTheme = 1;
+      var toolbar = (_app$appConfig$toolba = app === null || app === void 0 || (_app$appConfig = app.appConfig) === null || _app$appConfig === void 0 ? void 0 : _app$appConfig.toolbar) !== null && _app$appConfig$toolba !== void 0 ? _app$appConfig$toolba : {};
+      map(toolbar, function (a, b) {
+        if (!['print', 'download', PDFAppConfig !== null && PDFAppConfig !== void 0 && PDFAppConfig.hidenToolbar ? '' : 'container'].includes(b)) {
+          a.hidden = true;
+        }
+      });
+      setPdfApp(app);
+      pdfAppRef.current = app;
+    },
+    ref: el,
+    title: "pdfView",
+    width: '100%',
+    src: docUrl,
+    height: "100%"
+  }));
+}
+export { PdfFrameView_Inner as default };

package/dist/src/a_chunks/root.2.js

@@ -0,0 +1,318 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["optionsArr", "type"],
+  _excluded2 = ["optionsArr", "value", "onChange"],
+  _excluded3 = ["CustomedComponent", "value", "onChange"],
+  _excluded4 = ["value", "formSchema", "onChange", "title", "style"];
+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 { Radio, Tabs, Input, InputNumber, Checkbox, TimePicker, DatePicker, Switch, Rate, Slider, Row, Divider, Form, Col } from 'antd';
+import { Select_L } from '@noah-libjs/components';
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { L as LazyAntd, S as SimpleForm$1 } from './index.js';
+import '@lm_fe/env';
+import 'lodash';
+import '@lm_fe/static';
+import '@lm_fe/service';
+import '@lm_fe/provoke';
+import '@lm_fe/utils';
+function SimpleSelect(props) {
+  var optionsArr = props.optionsArr,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'Select' : _props$type,
+    others = _objectWithoutProperties(props, _excluded);
+  if (type === 'Select') return /*#__PURE__*/React.createElement(Select_L, _objectSpread(_objectSpread({}, others), {}, {
+    options: optionsArr.map(function (label, value) {
+      return {
+        label: label,
+        value: value
+      };
+    })
+  }));
+  //@ts-ignore
+  return /*#__PURE__*/React.createElement(Radio.Group, _objectSpread(_objectSpread({}, others), {}, {
+    options: optionsArr.map(function (label, value) {
+      return {
+        label: label,
+        value: value
+      };
+    })
+  }));
+}
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+function MultiInput(props) {
+  var optionsArr = props.optionsArr,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "" : _props$value,
+    _onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded2);
+  var _value = value ? value.split(',').filter(function (_) {
+    return _;
+  }) : [];
+  return /*#__PURE__*/React.createElement(Select, _objectSpread({
+    mode: "tags",
+    value: _value,
+    onChange: function onChange(v) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange.call(null, v.join(','), []);
+    }
+  }, others));
+}
+function Custom(props) {
+  var CustomedComponent = props.CustomedComponent,
+    value = props.value,
+    onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded3);
+  //@ts-ignore
+  return /*#__PURE__*/React.createElement(CustomedComponent, _objectSpread({
+    value: value,
+    onChange: onChange
+  }, others));
+}
+function SwitchSelect(props) {
+  var value = props.value;
+  return /*#__PURE__*/React.createElement(Select_L, _objectSpread(_objectSpread({}, props), {}, {
+    value: typeof value === 'undefined' ? value : +value,
+    options: ['否', '是'].map(function (_, idx) {
+      return {
+        label: _,
+        value: idx
+      };
+    }),
+    onChange: function onChange(a, b) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, typeof a === 'undefined' ? a : !!a, b);
+    }
+  }));
+}
+function TabForm(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    formSchema = _ref.formSchema,
+    onChange = _ref.onChange,
+    title = _ref.title,
+    style = _ref.style,
+    others = _objectWithoutProperties(_ref, _excluded4);
+  var actions = {
+    add: function add(e) {
+      onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(value), [{
+        _id: +new Date()
+      }]));
+    },
+    remove: function remove(_id) {
+      var index = value.findIndex(function (_) {
+        return _._id == _id;
+      });
+      if (index > -1) {
+        var isOk = confirm('确定删除吗？');
+        if (!isOk) return;
+        value.splice(index, 1);
+        onChange === null || onChange === void 0 || onChange(_toConsumableArray(value));
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(Tabs, _objectSpread({
+    size: "small",
+    type: "editable-card",
+    onEdit: function onEdit(e, action) {
+      return actions[action](e);
+    },
+    style: _objectSpread({
+      background: '#fff',
+      border: '1px dashed #ccc',
+      padding: 12
+    }, style)
+  }, others), value.map(function (_, idx) {
+    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      key: _._id,
+      tab: title + (idx + 1)
+    }, /*#__PURE__*/React.createElement(SimpleForm$1, _objectSpread(_objectSpread({}, formSchema), {}, {
+      onValuesChange: function onValuesChange(a, values) {
+        value.splice(idx, 1, Object.assign(value[idx], values));
+        onChange === null || onChange === void 0 || onChange(_toConsumableArray(value));
+      }
+    })));
+  }));
+}
+var RangePicker = DatePicker.RangePicker;
+var ComponentMapping = {
+  Input: Input,
+  Select: Select_L,
+  Radio: Radio,
+  InputNumber: InputNumber,
+  Checkbox: Checkbox,
+  TimePicker: TimePicker,
+  DatePicker: DatePicker,
+  Switch: Switch,
+  Rate: Rate,
+  Slider: Slider,
+  Color: Input,
+  TextArea: Input.TextArea,
+  CheckboxGroup: Checkbox.Group,
+  Grid: Row,
+  Text: Text,
+  Divider: Divider,
+  // HospitalTreeSelect,
+  SwitchSelect: SwitchSelect,
+  SimpleSelect: SimpleSelect,
+  Custom: Custom,
+  TabForm: TabForm,
+  MultiInput: MultiInput,
+  RangePicker: RangePicker
+};
+var FormItem = Form.Item;
+var targetLayoutType = 2;
+function calcLabelCol(n) {
+  return 24 * targetLayoutType / n;
+}
+function FormItemsInRow(props) {
+  var _items$filter;
+  var items = props.itemsInRow,
+    _props$layoutType = props.layoutType,
+    layoutType = _props$layoutType === void 0 ? 8 : _props$layoutType,
+    disabled = props.disabled;
+  return /*#__PURE__*/React.createElement(Row, {
+    className: "fuck_row"
+  }, items === null || items === void 0 || (_items$filter = items.filter(function (_) {
+    return !!_;
+  })) === null || _items$filter === void 0 ? void 0 : _items$filter.map(function (item) {
+    if (!item) return null;
+    var _item$outerOptions = item.outerOptions,
+      outerOptions = _item$outerOptions === void 0 ? {} : _item$outerOptions,
+      _item$type = item.type,
+      type = _item$type === void 0 ? '' : _item$type,
+      _item$innerOptions = item.innerOptions,
+      innerOptions = _item$innerOptions === void 0 ? {} : _item$innerOptions,
+      customNode = item.customNode,
+      required = item.required;
+    var options = innerOptions;
+    var C = ComponentMapping[type];
+    var hasCustomNode = customNode !== undefined;
+    if (!C && !hasCustomNode) return /*#__PURE__*/React.createElement(Form.Item, {
+      style: {
+        margin: 0
+      }
+    }, 'type error:' + type);
+    var _layoutType = item.layoutType || layoutType;
+    return /*#__PURE__*/React.createElement(Col, {
+      className: "fuck_col",
+      span: _layoutType
+    }, /*#__PURE__*/React.createElement(FormItem, _objectSpread(_objectSpread({
+      className: "fuck_FormItem",
+      rules: required ? [{
+        required: true,
+        message: ''
+      }] : []
+    }, outerOptions), {}, {
+      labelCol: {
+        span: calcLabelCol(_layoutType)
+      }
+    }), hasCustomNode ? customNode : (/*#__PURE__*/React.createElement(C, _objectSpread({
+      disabled: disabled,
+      allowClear: true,
+      style: {},
+      placeholder: "\u8BF7\u8F93\u5165".concat(outerOptions === null || outerOptions === void 0 ? void 0 : outerOptions['label'])
+    }, options)))));
+  }));
+}
+function FormItemCommon(props) {
+  var _items$filter2;
+  var items = props.formItems,
+    disabled = props.disabled;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (items === null || items === void 0 || (_items$filter2 = items.filter(function (_) {
+    return !!_;
+  })) === null || _items$filter2 === void 0 ? void 0 : _items$filter2.map(function (item, itemIndex) {
+    if (!item) return null;
+    var _item$outerOptions2 = item.outerOptions,
+      outerOptions = _item$outerOptions2 === void 0 ? {} : _item$outerOptions2,
+      _item$type2 = item.type,
+      type = _item$type2 === void 0 ? '' : _item$type2,
+      _item$innerOptions2 = item.innerOptions,
+      innerOptions = _item$innerOptions2 === void 0 ? {} : _item$innerOptions2,
+      customNode = item.customNode,
+      required = item.required;
+    var options = innerOptions;
+    var C = ComponentMapping[type];
+    var key = "".concat(itemIndex, "_").concat(type);
+    var innerStyle = options['stlyle'] || {};
+    var hasCustomNode = customNode !== undefined;
+    if (!C && !hasCustomNode) return /*#__PURE__*/React.createElement(Form.Item, {
+      key: key,
+      style: {
+        margin: 0
+      }
+    }, 'type error:' + type);
+    return /*#__PURE__*/React.createElement(FormItem, _objectSpread({
+      key: key,
+      className: "fuck_FormItem",
+      style: _objectSpread({
+        marginBottom: 6
+      }, innerStyle),
+      rules: required ? SimpleForm.requiredRules : []
+    }, outerOptions), hasCustomNode ? customNode : (/*#__PURE__*/React.createElement(C, _objectSpread({
+      disabled: disabled,
+      allowClear: true,
+      style: {},
+      placeholder: "\u8BF7\u8F93\u5165".concat(outerOptions === null || outerOptions === void 0 ? void 0 : outerOptions['label'])
+    }, options))));
+  })) || null);
+}
+var SimpleFormInner = /*#__PURE__*/forwardRef(function SimpleFormRender(_ref2, ref) {
+  var blocks = _ref2.blocks,
+    formItems = _ref2.formItems,
+    disabled = _ref2.disabled,
+    form = _ref2.form,
+    onValuesChange = _ref2.onValuesChange,
+    _ref2$formProps = _ref2.formProps,
+    formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    innerForm = _Form$useForm2[0];
+  useImperativeHandle(ref, function () {
+    return form || innerForm;
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, _objectSpread({
+    form: form || innerForm,
+    onValuesChange: onValuesChange
+  }, formProps), (blocks === null || blocks === void 0 ? void 0 : blocks.map(function (_ref3, blockIndex) {
+    var rows = _ref3.rows,
+      title = _ref3.title;
+    var blockNode = rows.map(function (rowData, rowIndex) {
+      return /*#__PURE__*/React.createElement(FormItemsInRow, _objectSpread({
+        key: "".concat(rowIndex, "_").concat(rowData.label),
+        disabled: disabled
+      }, rowData));
+    });
+    return title ? (/*#__PURE__*/React.createElement("fieldset", {
+      key: "".concat(blockIndex, "_").concat(title),
+      style: {
+        border: '1px solid #ccc',
+        padding: '12px 12px 0 12px',
+        borderRadius: 2
+      }
+    }, /*#__PURE__*/React.createElement("legend", {
+      style: {
+        padding: '0 12px',
+        margin: 0,
+        marginLeft: 12,
+        border: 0,
+        width: 'auto',
+        display: 'inline-block',
+        background: 'transparent',
+        fontSize: 16,
+        color: '#150f55',
+        fontWeight: 'bold'
+      }
+    }, title), blockNode)) : blockNode;
+  })) || null, /*#__PURE__*/React.createElement(FormItemCommon, {
+    formItems: formItems,
+    disabled: disabled
+  }));
+});
+export { SimpleFormInner as default };