@yilianjituan/yilian_dgerm 0.0.1-alpha.45 → 0.0.1-alpha.47

package/dist/components/CustomButtonModal/index.js

@@ -5,8 +5,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Modal } from 'antd';
 import React from 'react';
+import YLModal from "../YLModal";
 var Index = function Index(props) {
   var trigger = props.trigger,
     onOpenChange = props.onOpenChange,
@@ -57,7 +57,7 @@ var Index = function Index(props) {
     onClick: handleClick
   }), /*#__PURE__*/React.createElement("div", {
     className: "custom_modal__box"
-  }, open && /*#__PURE__*/React.createElement(Modal, _extends({
+  }, open && /*#__PURE__*/React.createElement(YLModal, _extends({
     open: true,
     onOk: handleOk,
     onCancel: handleCancel,

package/dist/components/DropDownSelect/index.js

@@ -21,9 +21,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useState, useRef } from 'react';
-import { Select, Spin } from "antd";
+import { Select, Spin } from 'antd';
 import _ from 'lodash';
+import React, { useEffect, useRef, useState } from 'react';
 var Option = Select.Option;
 var Index = function Index(props) {
   var http = props.http,
@@ -92,8 +92,8 @@ var Index = function Index(props) {
     };
   }();
   /**
-  * 查询列表
-  */
+   * 查询列表
+   */
   var getStoreList = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(type) {
       var _additionalParameters, data, target, options;
@@ -112,7 +112,7 @@ var Index = function Index(props) {
             return inquireDiseases(_objectSpread(_defineProperty(_defineProperty(_defineProperty({}, searchValue, paramsRef.current), "pageNo", pageRef.current), "pageSize", 10), _additionalParameters || {}));
           case 6:
             data = _context2.sent;
-            if (data.code === "OK") {
+            if (data.code === 'OK') {
               target = data.result;
               totalPagesRef.current = target.totalPages;
               options = filterOptionsCallback ? filterOptionsCallback(target.content || target) : target.content || target;
@@ -177,8 +177,8 @@ var Index = function Index(props) {
   // 失焦
   var onBlurSelect = function onBlurSelect() {
     paramsRef.current && setIsFetchedData(true); // 如果有搜索内容，则需要获取数据
-    if (!!selectValueRef.current) {
-      handleSelect === null || handleSelect === void 0 || handleSelect(selectValueRef.current);
+    if (!!paramsRef.current) {
+      handleSelect === null || handleSelect === void 0 || handleSelect(paramsRef.current);
     }
   };
 

package/dist/components/YLModal/index.interface.d.ts

@@ -13,9 +13,4 @@ export interface IModalProps extends ModalProps {
      * @description 防抖时长
      */
     debounceTimeout?: number;
-    /**
-     * @description 是否显示右上角的关闭按钮
-     * @default true
-     */
-    closable?: boolean;
 }

package/dist/components/YLModal/index.js

@@ -1,11 +1,25 @@
 var _excluded = ["className", "width", "whetherDarg", "whetherDebounce", "debounceTimeout", "closable"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
+import React, { useRef, useState } from 'react';
 import { Modal } from 'antd';
-import Drag from "./drag";
 import debounce from 'lodash/debounce';
+import Draggable from 'react-draggable';
+// 平台常见弹窗宽度分类
+// 1300 审方 开户信息查询详情
+// 1000, 订单 | 药品 | 医生认证
+// 900, 分账 | 开户
+// 700
+// 650 处方
+//
+
 var YLModal = function YLModal(props) {
   var className = props.className,
     width = props.width,
@@ -17,8 +31,35 @@ var YLModal = function YLModal(props) {
     _props$closable = props.closable,
     closable = _props$closable === void 0 ? true : _props$closable,
     restParams = _objectWithoutProperties(props, _excluded);
-  var DargProps = {
-    getDom: document.querySelector('.ant-modal-content')
+  var _useState = useState({
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    bounds = _useState2[0],
+    setBounds = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    disabled = _useState4[0],
+    setDisabled = _useState4[1];
+  var draggleRef = useRef(null);
+  var _onStart = function onStart(_event, uiData) {
+    var _draggleRef$current;
+    var _window$document$docu = window.document.documentElement,
+      clientWidth = _window$document$docu.clientWidth,
+      clientHeight = _window$document$docu.clientHeight;
+    var targetRect = (_draggleRef$current = draggleRef.current) === null || _draggleRef$current === void 0 ? void 0 : _draggleRef$current.getBoundingClientRect();
+    if (!targetRect || !whetherDarg) {
+      return;
+    }
+    setBounds({
+      left: -targetRect.left + uiData.x - targetRect.width / 2,
+      right: clientWidth - (targetRect.right - uiData.x) + targetRect.width / 2,
+      top: -targetRect.top + uiData.y,
+      bottom: clientHeight - (targetRect.bottom - uiData.y) + targetRect.height / 2
+    });
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, _extends({
     destroyOnClose: true,
@@ -29,7 +70,39 @@ var YLModal = function YLModal(props) {
   }, restParams, {
     onOk: whetherDebounce && props.onOk ? React.useMemo(function () {
       return debounce(props.onOk, debounceTimeout);
-    }, [props]) : props.onOk
-  }), props.children, whetherDarg && /*#__PURE__*/React.createElement(Drag, DargProps)));
+    }, [props]) : props.onOk,
+    modalRender: function modalRender(modal) {
+      return /*#__PURE__*/React.createElement(Draggable, {
+        disabled: disabled,
+        bounds: bounds,
+        nodeRef: draggleRef,
+        onStart: function onStart(event, uiData) {
+          return _onStart(event, uiData);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        ref: draggleRef
+      }, modal));
+    },
+    title: /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        cursor: 'move',
+        height: 24
+      },
+      onMouseOver: function onMouseOver() {
+        if (disabled) {
+          setDisabled(false);
+        }
+      },
+      onMouseOut: function onMouseOut() {
+        setDisabled(true);
+      }
+      // fix eslintjsx-a11y/mouse-events-have-key-events
+      // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
+      // onFocus={() => {}}
+      // onBlur={() => {}}
+      // end
+    }, props.title)
+  }), props.children));
 };
 export default YLModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yilianjituan/yilian_dgerm",
-  "version": "0.0.1-alpha.45",
+  "version": "0.0.1-alpha.47",
   "description": "A react library developed with dumi",
   "keywords": [
     "React",
@@ -70,6 +70,7 @@
     "qs": "^6.9.7",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
+    "react-draggable": "^4.4.6",
     "react-resizable": "^3.0.5"
   },
   "devDependencies": {

package/dist/components/YLModal/drag.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Drag: FC<any>;
-export default Drag;

package/dist/components/YLModal/drag.js

@@ -1,56 +0,0 @@
-import React, { useEffect } from 'react';
-var Drag = function Drag(props) {
-  var refDrag = props.getDom;
-  useEffect(function () {
-    if (refDrag !== null) {
-      document.onmouseup = function () {
-        mouseup();
-      };
-      refDrag.onmousedown = function (evt) {
-        mousedown(evt);
-      };
-      refDrag.style.cursor = 'move';
-    }
-  }, [refDrag]);
-  var mousedown = function mousedown(evt) {
-    var DomX = evt.clientX - refDrag.offsetLeft;
-    var DomY = evt.clientY - refDrag.offsetTop;
-    var clickDom = evt.target.nodeName.toLowerCase();
-    if (clickDom === 'input' || clickDom === 'textarea' || clickDom === 'path' || clickDom === 'svg') {
-      return;
-    }
-    document.onmousemove = function (e) {
-      var Window = window;
-      var dom = document.body;
-      //鼠标移动的时候确保文字不被选中；
-      Window.getSelection ? Window.getSelection().removeAllRanges() : Window.selection.empty();
-      var left = e.clientX - DomX;
-      var top = e.clientY - DomY;
-      //最小左偏移量
-      if (left < -refDrag.parentNode.offsetLeft - refDrag.offsetWidth / 2) {
-        left = -refDrag.parentNode.offsetLeft - refDrag.offsetWidth / 2;
-      }
-      //最大左偏移量
-      var maxLeft = dom.offsetWidth - refDrag.offsetWidth / 2;
-      if (left > maxLeft - refDrag.parentNode.offsetLeft) {
-        left = maxLeft - refDrag.parentNode.offsetLeft;
-      }
-      // 最大下偏移量
-      var maxTop = dom.offsetHeight - refDrag.offsetHeight / 2;
-      if (top > maxTop - refDrag.parentNode.offsetTop) {
-        top = maxTop - refDrag.parentNode.offsetTop;
-      }
-      //最小上偏移量
-      if (top < -refDrag.parentNode.offsetTop - refDrag.offsetHeight / 2) {
-        top = -refDrag.parentNode.offsetTop - refDrag.offsetHeight / 2;
-      }
-      refDrag.style.left = left + 'px';
-      refDrag.style.top = top + 'px';
-    };
-  };
-  var mouseup = function mouseup() {
-    document.onmousemove = null;
-  };
-  return /*#__PURE__*/React.createElement("div", null);
-};
-export default Drag;