فهرست منبع

feat: 提供drawer可拖拽示例

lanjianrong 5 سال پیش
والد
کامیت
5e81069606
2فایلهای تغییر یافته به همراه23 افزوده شده و 0 حذف شده
  1. 1 0
      package.json
  2. 22 0
      src/components/DragmModal/index.tsx

+ 1 - 0
package.json

@@ -59,6 +59,7 @@
     "classnames": "^2.2.6",
     "classnames": "^2.2.6",
     "crypto-js": "^4.0.0",
     "crypto-js": "^4.0.0",
     "dayjs": "^1.10.4",
     "dayjs": "^1.10.4",
+    "dragm": "^0.0.5",
     "lodash": "^4.17.11",
     "lodash": "^4.17.11",
     "moment": "^2.25.3",
     "moment": "^2.25.3",
     "omit.js": "^2.0.2",
     "omit.js": "^2.0.2",

+ 22 - 0
src/components/DragmModal/index.tsx

@@ -0,0 +1,22 @@
+/* eslint-disable */
+import React, { PureComponent } from 'react'
+import DragM from 'dragm'
+
+export default class ModalDrag extends PureComponent<{ title?: string }> {
+  updateTransform = transformStr => {
+    this.modalDom.style.transform = transformStr
+  }
+
+  componentDidMount() {
+    this.modalDom = document.getElementsByClassName('ant-modal-content')[0]
+  }
+
+  render() {
+    const { title } = this.props
+    return (
+      <DragM updateTransform={this.updateTransform}>
+        <div>{title}</div>
+      </DragM>
+    )
+  }
+}