@lm_fe/pages 0.1.201 → 0.2.2

package/dist/a_chunks/.root7.js

@@ -1,123 +1,151 @@
-import { rt_ctx } from '@lm_fe/env';
-import { defineFormConfig } from '@lm_fe/service';
-var ctx = rt_ctx;
-var form_config = defineFormConfig([{
-  label: '证件类型',
-  name: 'idType',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'MS',
-  inputProps: {
-    optionKey: '证件类型',
-    marshal: 0
-  },
-  layout: '1/3'
-}, {
-  label: '证件号码',
-  name: 'idNO',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'Input',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '就诊卡号',
-  name: 'outpatientNO',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'Input',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '姓名',
-  name: 'name',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'Input',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '手机号码',
-  name: 'telephone',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'Input',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '末次月经',
-  name: 'lmp',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'DatePicker',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '预产期-日期',
-  name: 'edd',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'DatePicker',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '预产期-B超',
-  name: 'sureEdd',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'DatePicker',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '孕周',
-  name: 'gestationalWeek',
-  required: function required() {
-    return ctx.required;
-  },
-  inputType: 'Input',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: '分娩日期',
-  name: 'deliveryDate',
-  inputType: 'DatePicker',
-  inputProps: {},
-  layout: '1/3'
-}, {
-  label: 'appId',
-  name: 'appId',
-  inputType: 'Input',
-  inputProps: {
-    disabled: true
-  },
-  layout: '1/3',
-  form_hidden: true
-}, {
-  label: 'empId',
-  name: 'empId',
-  inputType: 'Input',
-  inputProps: {
-    disabled: true
-  },
-  layout: '1/3',
-  form_hidden: true
-}, {
-  label: 'patId',
-  name: 'patId',
-  inputType: 'Input',
-  inputProps: {
-    disabled: true
-  },
-  layout: '1/3',
-  form_hidden: true
-}]);
-export { form_config as default };
-//# sourceMappingURL=.root7.js.map
+import { MyIcon } from '@lm_fe/components';
+import { mchcEnv } from '@lm_fe/env';
+import { use_provoke } from '@lm_fe/provoke';
+import { Card, Button, Form, Input, Checkbox } from 'antd';
+import classnames from 'classnames';
+import React, { useEffect, useState } from 'react';
+import { s as styleInject } from './index.js';
+import '@lm_fe/utils';
+import 'lodash';
+import '@lm_fe/components_m';
+import '@lm_fe/service';
+var css_248z = ".index-module_container__1EUKg {\n  display: flex;\n  height: 100vh;\n  margin: 0;\n}\n.index-module_left-panel__mfu8l {\n  flex: 1;\n}\n.index-module_right-panel__OpwE7 {\n  flex: 1;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: column;\n}\n.index-module_login-form__HKinZ {\n  width: 440px;\n  padding: 40px;\n  border-radius: 4px;\n  box-shadow: 10px 10px 20px rgba(1, 36, 73, 0.4);\n  transform: translateY(-100%);\n  opacity: 0;\n}\n.index-module_login-form__HKinZ .anticon {\n  color: #888;\n}\n.index-module_decorations__jWpju {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.index-module_dot__u7Mwf {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.4);\n  border-radius: 50%;\n  opacity: 0;\n}\n.index-module_dot-1__8i7U7 {\n  width: 120px;\n  height: 120px;\n  top: 20%;\n  left: 10%;\n  animation: index-module_slide-in__HvqeU 0.8s ease-out forwards;\n  animation-delay: 0.2s;\n}\n.index-module_dot-2__wt9fy {\n  width: 80px;\n  height: 80px;\n  bottom: 15%;\n  left: 5%;\n  animation: index-module_slide-in__HvqeU 0.8s ease-out forwards;\n  animation-delay: 0.4s;\n}\n.index-module_dot-3__Yy4mm {\n  width: 60px;\n  height: 60px;\n  top: 40%;\n  left: 30%;\n  animation: index-module_slide-in__HvqeU 0.8s ease-out forwards;\n  animation-delay: 0.6s;\n}\n.index-module_login-form__HKinZ {\n  position: relative;\n  z-index: 1;\n}\n@keyframes index-module_slide-in__HvqeU {\n  0% {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n.index-module_animate-in__yVlC0 {\n  animation: index-module_slide-in__HvqeU 0.5s ease-out forwards;\n}\n.index-module_footer__dtz-2 {\n  text-align: center;\n  padding-bottom: 24px;\n  color: #999;\n  font-size: 12px;\n}\n";
+var styles = {
+  "container": "index-module_container__1EUKg",
+  "left-panel": "index-module_left-panel__mfu8l",
+  "right-panel": "index-module_right-panel__OpwE7",
+  "login-form": "index-module_login-form__HKinZ",
+  "decorations": "index-module_decorations__jWpju",
+  "dot": "index-module_dot__u7Mwf",
+  "dot-1": "index-module_dot-1__8i7U7",
+  "slide-in": "index-module_slide-in__HvqeU",
+  "dot-2": "index-module_dot-2__wt9fy",
+  "dot-3": "index-module_dot-3__Yy4mm",
+  "animate-in": "index-module_animate-in__yVlC0",
+  "footer": "index-module_footer__dtz-2"
+};
+styleInject(css_248z);
+function LoginInner(props) {
+  var logo = props.logo,
+    onFinish = props.onFinish;
+  var _a = use_provoke('config', 'sys_theme'),
+    config = _a.config,
+    sys_theme = _a.sys_theme;
+  useEffect(function () {
+    return function () {};
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["container"])
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: sys_theme.colorPrimary
+    },
+    className: classnames(styles["left-panel"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["decorations "])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["dot"], styles["dot-1"])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["dot"], styles["dot-2"])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["dot"], styles["dot-3"])
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles["right-panel"]),
+    style: {
+      background: sys_theme.darkTheme ? '#222' : '#fff'
+    }
+  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(Card, {
+    className: classnames(styles["login-form"], styles["animate-in"])
+  }, /*#__PURE__*/React.createElement("h2", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      fontSize: 24,
+      color: sys_theme.colorPrimary
+    }
+  }, logo ? /*#__PURE__*/React.createElement("img", {
+    alt: "logo",
+    src: logo
+  }) : null, config === null || config === void 0 ? void 0 : config.systemName), /*#__PURE__*/React.createElement(LoginForm, {
+    onFinish: onFinish
+  })), /*#__PURE__*/React.createElement("footer", {
+    className: classnames(styles["footer"])
+  }, /*#__PURE__*/React.createElement("div", null, "\u5907\u6848\u53F7\uFF1A", /*#__PURE__*/React.createElement(Button, {
+    type: 'link',
+    href: "https://beian.miit.gov.cn"
+  }, "\u7CA4ICP\u590717048892\u53F7-1")), "Copyright \xA9 2020", ' ', /*#__PURE__*/React.createElement(Button, {
+    size: 'small',
+    type: 'link',
+    href: "http://www.lian-med.com/"
+  }, "\u5E7F\u5DDE\u83B2\u5370\u533B\u7597\u79D1\u6280\u6709\u9650\u516C\u53F8"), ", \u7248\u6743\u6240\u6709")));
+}
+function LoginForm(props) {
+  var _onFinish = props.onFinish;
+  var _a = useState(false),
+    loading = _a[0],
+    setLoading = _a[1];
+  return /*#__PURE__*/React.createElement(Form, {
+    initialValues: mchcEnv.loginRemember,
+    className: "login-main-center-form",
+    onFinish: function onFinish(values) {
+      if (values.remember) {
+        mchcEnv.loginRemember = values;
+      }
+      setLoading(true);
+      _onFinish(values)["finally"](function () {
+        return setLoading(false);
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "username",
+    rules: [{
+      required: true,
+      message: '请输入用户名!'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    autoFocus: true,
+    allowClear: true,
+    size: "large",
+    prefix: /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'UserOutlined'
+    }),
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "password",
+    rules: [{
+      required: true,
+      message: '请输入密码！'
+    }, {
+      type: 'string'
+    }]
+  }, /*#__PURE__*/React.createElement(Input.Password, {
+    visibilityToggle: false,
+    allowClear: true,
+    size: "large",
+    prefix: /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'SafetyOutlined'
+    }),
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    hidden: !__LOCAL__,
+    valuePropName: "checked",
+    name: "remember",
+    label: "\u8BB0\u4F4F\u5BC6\u7801\uFF08".concat(__LOCAL__, "\uFF09")
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    onChange: function onChange(e) {
+      var checked = e.target.checked;
+      if (!checked) {
+        mchcEnv.loginRemember = undefined;
+      }
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    size: "large",
+    className: "login-main-center-button",
+    type: "primary",
+    loading: loading,
+    htmlType: "submit"
+  }, "\u767B \u5F55")));
+}
+export { LoginInner as default };