venus-design 1.0.26 → 1.0.27

package/dist/VirtTable/src/FilterPanal.d.ts

@@ -5,7 +5,6 @@ export default class FilterPanel {
     private wrap;
     private curHeader?;
     private filterMap;
-    private root;
     constructor(ctx: Context);
     show(h: CellHeader): Promise<void>;
     private applyFilter;

package/dist/VirtTable/src/FilterPanal.js

@@ -27,9 +27,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useState } from 'react';
-import ReactDOM from 'react-dom/client';
-// 你的类型
-
+import ReactDOM from 'react-dom';
 import { computePosition, offset, flip, shift } from '@floating-ui/dom';
 import moment from 'moment';
 var FilterPanel = /*#__PURE__*/function () {
@@ -37,12 +35,10 @@ var FilterPanel = /*#__PURE__*/function () {
     var _this = this;
     _classCallCheck(this, FilterPanel);
     _defineProperty(this, "ctx", void 0);
-    _defineProperty(this, "wrap", void 0);
+    _defineProperty(this, "wrap", document.createElement('div'));
     _defineProperty(this, "curHeader", void 0);
     _defineProperty(this, "filterMap", new Map());
-    _defineProperty(this, "root", null);
     this.ctx = ctx;
-    this.wrap = document.createElement('div'); // 仍用原生节点当浮层容器
     document.body.appendChild(this.wrap);
     this.ctx.on('filterClick', function (h) {
       return _this.show(h);
@@ -86,9 +82,9 @@ var FilterPanel = /*#__PURE__*/function () {
                   start: '',
                   end: ''
                 } : ''
-              }; // 用 React 渲染
-              this.root = ReactDOM.createRoot(this.wrap);
-              this.root.render( /*#__PURE__*/React.createElement(_ConfigProvider, null, /*#__PURE__*/React.createElement(AntFilterContent, {
+              };
+              /* ② React 16 用 ReactDOM.render */
+              ReactDOM.render( /*#__PURE__*/React.createElement(_ConfigProvider, null, /*#__PURE__*/React.createElement(AntFilterContent, {
                 type: type,
                 column: col,
                 lastValue: last.val,
@@ -98,9 +94,9 @@ var FilterPanel = /*#__PURE__*/function () {
                 onReset: function onReset() {
                   return _this2.applyFilter(undefined);
                 }
-              })));
+              })), this.wrap);
 
-              // 浮层定位仍用 floating-ui
+              /* 定位照旧 */
               this.wrap.style.position = 'absolute';
               this.wrap.style.zIndex = '2000';
               btn = h.filterBtnRect;
@@ -119,14 +115,14 @@ var FilterPanel = /*#__PURE__*/function () {
                   };
                 }
               };
-              _context.next = 13;
+              _context.next = 12;
               return computePosition(virtualEl, this.wrap, {
                 placement: 'bottom-end',
                 middleware: [offset(4), flip(), shift({
                   padding: 4
                 })]
               });
-            case 13:
+            case 12:
               _yield$computePositio = _context.sent;
               x = _yield$computePositio.x;
               y = _yield$computePositio.y;
@@ -134,7 +130,7 @@ var FilterPanel = /*#__PURE__*/function () {
                 left: "".concat(x, "px"),
                 top: "".concat(y, "px")
               });
-            case 17:
+            case 16:
             case "end":
               return _context.stop();
           }
@@ -167,10 +163,8 @@ var FilterPanel = /*#__PURE__*/function () {
   }, {
     key: "hide",
     value: function hide() {
-      if (this.root) {
-        this.root.unmount();
-        this.root = null;
-      }
+      /* ③ React 16 卸载方式 */
+      ReactDOM.unmountComponentAtNode(this.wrap);
     }
   }, {
     key: "destroy",
@@ -181,7 +175,7 @@ var FilterPanel = /*#__PURE__*/function () {
   }]);
   return FilterPanel;
 }();
-/* ***************  以下为 AntD 写的 UI 部分  *************** */
+/* **************** UI 部分（无需改动） **************** */
 export { FilterPanel as default };
 function AntFilterContent(_ref) {
   var type = _ref.type,
@@ -201,8 +195,6 @@ function AntFilterContent(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     checked = _useState6[0],
     setChecked = _useState6[1];
-
-  // select 场景：把 options 提出来
   var options = React.useMemo(function () {
     var _column$editorProps;
     if (type !== 'select') return [];
@@ -217,10 +209,10 @@ function AntFilterContent(_ref) {
     style: {
       padding: 12,
       width: type === 'date' ? 280 : 200,
-      backgroundColor: '#fff',
+      background: '#fff',
       borderRadius: 8,
       marginTop: 6,
-      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
+      boxShadow: '0 2px 8px rgba(0,0,0,0.15)'
     }
   }, type === 'text' && /*#__PURE__*/React.createElement(_Input, {
     placeholder: "\u5173\u952E\u5B57",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venus-design",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "venus all compoments",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",