ebaoferc 0.0.2-beta.2 → 0.0.3-beta.1

package/dist/components/FlexRowCol/index.d.ts

@@ -5,4 +5,7 @@ export default function (props: PropsWithChildren<{
     colProps?: ColProps;
     width?: number;
     gutter?: number[];
+    lineCountChange?: (count: number) => void;
+    collapsed?: boolean;
+    collapsedLineCount?: number;
 } & RowProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/FlexRowCol/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["colProps", "width", "gutter"];
+var _excluded = ["colProps", "width", "gutter", "collapsedLineCount"];
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -9,10 +9,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { useSize } from 'ahooks';
 import { Col, Row } from 'antd';
-import { Children, isValidElement, useRef } from 'react';
+import React, { Children, isValidElement, useEffect, useRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Gutter = [24, 0];
 export default function (props) {
+  var _Children$map;
   var _props$colProps = props.colProps,
     colProps = _props$colProps === void 0 ? {
       span: 12
@@ -21,16 +22,41 @@ export default function (props) {
     width = _props$width === void 0 ? 250 : _props$width,
     _props$gutter = props.gutter,
     gutter = _props$gutter === void 0 ? Gutter : _props$gutter,
+    _props$collapsedLineC = props.collapsedLineCount,
+    collapsedLineCount = _props$collapsedLineC === void 0 ? Number.POSITIVE_INFINITY : _props$collapsedLineC,
     rest = _objectWithoutProperties(props, _excluded);
   var ref = useRef(null);
   var size = useSize(ref);
+
+  // 横向间隔
   var gapX = (gutter === null || gutter === void 0 ? void 0 : gutter[0]) || 0;
+
+  // 包含间隔的宽度
   var itemWidth = width + gapX;
+
+  // 一行能放下的个数
   var colCount = Math.floor(((size === null || size === void 0 ? void 0 : size.width) || 0) / itemWidth);
+
+  // 展示的个数
+  var renderItemCount = ((_Children$map = Children.map(props.children, function (child) {
+    if ( /*#__PURE__*/isValidElement(child) && !child.props.hidden) {
+      return child;
+    }
+  })) === null || _Children$map === void 0 ? void 0 : _Children$map.length) || 0;
+
+  // 行数
+  var lineCount = colCount && Math.ceil(renderItemCount / colCount);
+
+  // 根据一行能放下的个数，计算每个子元素的宽度
   var span = Math.floor(24 / colCount);
+  var count = 0;
   var _colProps = _objectSpread(_objectSpread({}, colProps), {}, {
     span: span > 24 ? 24 : span
   });
+  useEffect(function () {
+    var _props$lineCountChang;
+    (_props$lineCountChang = props.lineCountChange) === null || _props$lineCountChang === void 0 || _props$lineCountChang.call(props, lineCount);
+  }, [lineCount]);
   return /*#__PURE__*/_jsx(Row, _objectSpread(_objectSpread({
     gutter: gutter
   }, rest), {}, {
@@ -43,8 +69,12 @@ export default function (props) {
         return child;
       }
       var childColProps = child.props.colProps || _colProps;
+      count++;
+      var hidden = count > colCount * collapsedLineCount && props.collapsed;
       return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, childColProps), {}, {
-        children: child
+        children: /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+          hidden: hidden
+        }))
       }));
     })
   }));

package/dist/components/MindGraph/react/component/index.js

@@ -11,8 +11,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Mind } from "../../core";
 import Classnames from 'classnames';
+import { Mind } from "../../core";
 import { Scrollbar } from "../scrollbar";
 import { classNameWrapper } from "../tools/class-name-wrapper";
 import { Nodes } from "./nodes";
@@ -30,8 +30,6 @@ export var View = /*#__PURE__*/forwardRef(function (props, ref) {
     render = props.render,
     onUpdated = props.onUpdated,
     scrollbar = props.scrollbar,
-    _props$wheelMoveSpeed = props.wheelMoveSpeed,
-    wheelMoveSpeed = _props$wheelMoveSpeed === void 0 ? 0.5 : _props$wheelMoveSpeed,
     onDragEnd = props.onDragEnd,
     onDragStart = props.onDragStart,
     onDrag = props.onDrag;
@@ -75,7 +73,7 @@ export var View = /*#__PURE__*/forwardRef(function (props, ref) {
   // 组件销毁，脑图注销事件绑定
   useEffect(function () {
     return function () {
-      mind && mind.unbind();
+      mind === null || mind === void 0 || mind.unbind();
     };
   }, [mind]);
 
@@ -91,7 +89,7 @@ export var View = /*#__PURE__*/forwardRef(function (props, ref) {
   }, []);
 
   // 可视节点变化事件
-  var onNodeVisibleChange = useCallback(function (_nodes) {
+  var onNodeVisibleChange = useCallback(function () {
     // 可渲染节点变化，引起node内容重渲染
     setRenderChangeToggle(function (pre) {
       return pre + 1;
@@ -123,22 +121,22 @@ export var View = /*#__PURE__*/forwardRef(function (props, ref) {
     // 包裹事件处理
     wrapper.callback.onTransformChange = function (t) {
       onTransformChange(t);
-      onTransformChangeOutside && onTransformChangeOutside(t);
+      onTransformChangeOutside === null || onTransformChangeOutside === void 0 || onTransformChangeOutside(t);
     };
     wrapper.callback.onNodeVisibleChange = function (n) {
-      onNodeVisibleChange(n);
-      onNodeVisibleChangeOutside && onNodeVisibleChangeOutside(n);
+      onNodeVisibleChange();
+      onNodeVisibleChangeOutside === null || onNodeVisibleChangeOutside === void 0 || onNodeVisibleChangeOutside(n);
     };
 
     // 注入 zoom 事件触发器
     // 因为 zoom 相关手势会被立刻 stopImmediatePropagation，故而外部无法通过事件注册监听到
     wrapper.event.onZoomEventTrigger = {
       end: function end(e) {
-        endOutside && endOutside(e);
+        endOutside === null || endOutside === void 0 || endOutside(e);
         onZoomEnd(e);
       },
       start: function start(e) {
-        startOutside && startOutside(e);
+        startOutside === null || startOutside === void 0 || startOutside(e);
         onZoomStart(e);
       },
       zoom: function zoom(e) {
@@ -165,11 +163,12 @@ export var View = /*#__PURE__*/forwardRef(function (props, ref) {
   // 同步 data,options(引动重渲染)
   useEffect(function () {
     if (mind && data) {
+      var _onUpdatedRef$current;
       mind.setOptions(options);
       // 启动重新渲染操作
       mind.setData(data);
       // 通知外部，数据更新已经完成
-      onUpdatedRef.current && onUpdatedRef.current(mind);
+      (_onUpdatedRef$current = onUpdatedRef.current) === null || _onUpdatedRef$current === void 0 || _onUpdatedRef$current.call(onUpdatedRef, mind);
     }
   }, [mind, data, options]);
   useEffect(function () {

package/dist/components/StyledQueryFilter/index.d.ts

@@ -1,3 +1,9 @@
-import type { QueryFilterProps } from '@ant-design/pro-components';
+import type { ProFormProps } from '@ant-design/pro-components';
+import React from 'react';
 import './index.less';
-export default function StyledQueryFilter(props: QueryFilterProps): import("react/jsx-runtime").JSX.Element;
+export default function StyledQueryFilter(props: ProFormProps & {
+    children?: React.ReactNode;
+    labelWidth?: number;
+    itemWith?: number;
+    collapsedLineCount?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/StyledQueryFilter/index.js

@@ -1,23 +1,119 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children"];
+var _excluded = ["children", "labelWidth", "form", "submitter", "className", "itemWith", "collapsedLineCount"];
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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); }
+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 { QueryFilter } from '@ant-design/pro-components';
+import { DownOutlined } from '@ant-design/icons';
+import { ProForm } from '@ant-design/pro-components';
+import { Button, Form } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+import FlexRowCol from "../FlexRowCol";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function StyledQueryFilter(props) {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var children = props.children,
+    labelWidth = props.labelWidth,
+    form = props.form,
+    submitter = props.submitter,
+    className = props.className,
+    itemWith = props.itemWith,
+    _props$collapsedLineC = props.collapsedLineCount,
+    collapsedLineCount = _props$collapsedLineC === void 0 ? 2 : _props$collapsedLineC,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(QueryFilter, _objectSpread(_objectSpread({
-    className: 'styledQueryFilter',
-    defaultColsNumber: 7,
-    defaultCollapsed: false
-  }, rest), {}, {
-    children: children
-  }));
+  var _Form$useForm = Form.useForm(form),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    _form = _Form$useForm2[0];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    collapsed = _React$useState2[0],
+    setCollapsed = _React$useState2[1];
+  var _React$useState3 = React.useState(1),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    lineCount = _React$useState4[0],
+    setLineCount = _React$useState4[1];
+  if (labelWidth) {
+    rest.labelCol = {
+      flex: "0 0 ".concat(labelWidth, "px")
+    };
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: "custom-styled-query-filter",
+    children: [/*#__PURE__*/_jsx(ProForm, _objectSpread(_objectSpread({
+      layout: "horizontal",
+      className: classNames('custom-styled-query-filter__form', className),
+      submitter: false,
+      form: _form,
+      colon: false
+    }, rest), {}, {
+      children: /*#__PURE__*/_jsx(FlexRowCol, {
+        collapsed: collapsed,
+        lineCountChange: function lineCountChange(lineCount) {
+          setLineCount(lineCount);
+          if (lineCount > collapsedLineCount) {
+            setCollapsed(true);
+          } else {
+            setCollapsed(false);
+          }
+        },
+        width: itemWith,
+        children: children
+      })
+    })), /*#__PURE__*/_jsxs("div", {
+      className: "custom-styled-query-filter__right",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "custom-styled-query-filter__submitter",
+        children: [/*#__PURE__*/_jsx(Button, {
+          onClick: function onClick() {
+            return _form.resetFields();
+          },
+          children: "\u91CD\u7F6E"
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          onClick: function onClick() {
+            return _form.submit();
+          },
+          children: "\u67E5\u8BE2"
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        children: lineCount > collapsedLineCount && collapsed ? /*#__PURE__*/_jsxs(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return setCollapsed(false);
+          },
+          children: ["\u5C55\u5F00", /*#__PURE__*/_jsx(DownOutlined, {
+            style: {
+              marginInlineStart: '0.5em',
+              transition: '0.3s all',
+              transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
+            }
+          })]
+        }) : /*#__PURE__*/_jsxs(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return setCollapsed(true);
+          },
+          children: ["\u6536\u8D77", /*#__PURE__*/_jsx(DownOutlined, {
+            style: {
+              marginInlineStart: '0.5em',
+              transition: '0.3s all',
+              transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
+            }
+          })]
+        })
+      })]
+    })]
+  });
 }

package/dist/components/StyledQueryFilter/index.less

@@ -1,22 +1,26 @@
-// :where(.css-dev-only-do-not-override-rjkcww).ant-pro-card .ant-pro-card-body {
-//   padding-block: 0;
-// }
-:where(.css-dev-only-do-not-override-rjkcww).ant-pro-query-filter:where(
-    .css-dev-only-do-not-override-rjkcww
-  ).ant-pro-query-filter {
-  padding: 4px 24px;
-}
+.custom-styled-query-filter {
+  display: flex;
+  justify-content: space-between;
+  column-gap: 16px;
+
+  &__form {
+    flex: 1;
+  }
 
-.ant-pro-query-filter.styledQueryFilter {
-  padding: 0;
+  &__right {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-end;
 
-  .ant-col-offset-12 {
-    .ant-form-item-label {
-      flex: 0 0 80px !important;
+    .ant-btn-link {
+      padding-right: 0;
+      margin-bottom: 28px;
     }
   }
 
-  .ant-pro-query-filter-row {
-    row-gap: 20px;
+  &__submitter {
+    display: flex;
+    column-gap: 8px;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ebaoferc",
-  "version": "0.0.2-beta.2",
+  "version": "0.0.3-beta.1",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",