@nokecy/qc-ui 1.1.43 → 1.1.44

package/dist/cjs/dashboard/widget/selector/filterWidgets.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 部件选择器的筛选与计数。
+ *
+ * 单独抽出来是因为这里踩过一次：布局里存着当前部署已经没有的部件时
+ * （按客户启用的模块清单不同，某个部件这次就是不发），原来的写法会抛 TypeError，
+ * 整个选择器打不开——而用户唯一能看到的现象是「点了没反应」。
+ *
+ * @author nokecy
+ */
+export type WidgetMeta = {
+    name?: string;
+    description?: string;
+    tags?: string[];
+    visible?: boolean;
+    length?: number;
+    [key: string]: any;
+};
+export type LayoutItem = {
+    i: string;
+    [key: string]: any;
+};
+/** 出参一定带上 visible 与 length，调用方不必再判空。 */
+export type FilteredWidget = WidgetMeta & {
+    visible: boolean;
+    length: number;
+};
+export declare const filterWidgets: (widgets: Record<string, WidgetMeta> | undefined | null, currentLayout: LayoutItem[] | undefined | null, keywords?: string, activeMenuKey?: string) => Record<string, FilteredWidget>;

package/dist/cjs/dashboard/widget/selector/filterWidgets.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterWidgets = void 0;
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 部件选择器的筛选与计数。
+ *
+ * 单独抽出来是因为这里踩过一次：布局里存着当前部署已经没有的部件时
+ * （按客户启用的模块清单不同，某个部件这次就是不发），原来的写法会抛 TypeError，
+ * 整个选择器打不开——而用户唯一能看到的现象是「点了没反应」。
+ *
+ * @author nokecy
+ */
+
+/** 出参一定带上 visible 与 length，调用方不必再判空。 */
+
+var filterWidgets = exports.filterWidgets = function filterWidgets(widgets, currentLayout) {
+  var keywords = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var activeMenuKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  var finData = (0, _cloneDeep.default)(widgets || {});
+  var keyword = (keywords || '').toLowerCase();
+  Object.keys(finData).forEach(function (key) {
+    var widget = finData[key];
+    widget.length = 0;
+    widget.visible = true;
+
+    // 菜单切换：部件没声明 tags 时按「不属于任何分类」处理，不该因此抛错
+    if (activeMenuKey && (widget.tags || []).indexOf(activeMenuKey) < 0) {
+      widget.visible = false;
+    }
+
+    // 查询：名称与描述任一命中即保留；两者都可能没写
+    var name = (widget.name || '').toLowerCase();
+    var description = (widget.description || '').toLowerCase();
+    if (name.indexOf(keyword) < 0 && description.indexOf(keyword) < 0) {
+      widget.visible = false;
+    }
+  });
+
+  // 已添加次数。布局里可能存着当前部署没有的部件，跳过即可。
+  (currentLayout || []).forEach(function (item) {
+    var _item$i;
+    var key = String((_item$i = item === null || item === void 0 ? void 0 : item.i) !== null && _item$i !== void 0 ? _item$i : '').split('-')[0];
+    var widget = finData[key];
+    if (!widget) return;
+    widget.length = widget.length ? widget.length + 1 : 1;
+  });
+  return finData;
+};

package/dist/cjs/dashboard/widget/selector/index.js

@@ -9,6 +9,7 @@ var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
+var _filterWidgets = require("./filterWidgets");
 var _react = _interopRequireWildcard(require("react"));
 require("./index.less");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -97,27 +98,7 @@ var WidgetSelector = function WidgetSelector(props) {
     handleCalcMenuData();
   }, []);
   var finWidgets = (0, _react.useMemo)(function () {
-    var finData = (0, _lodash.cloneDeep)(widgets);
-    Object.keys(finData).map(function (key) {
-      //初始化数据
-      finData[key].length = 0;
-      finData[key].visible = true;
-      //菜单切换
-      if (finData[key]['tags'].indexOf(activeMenuKey) < 0 && activeMenuKey) {
-        finData[key].visible = false;
-      }
-      //查询
-      if (finData[key]['name'].toLowerCase().indexOf(keywords.toLowerCase()) < 0 && finData[key]['description'].toLowerCase().indexOf(keywords.toLowerCase()) < 0) {
-        finData[key].visible = false;
-      }
-    });
-    //已添加次数
-    currentLayout.forEach(function (item) {
-      var _finData$key;
-      var key = item.i.split('-')[0];
-      finData[key].length = finData[key].length ? ((_finData$key = finData[key]) === null || _finData$key === void 0 ? void 0 : _finData$key.length) + 1 : 1;
-    });
-    return finData;
+    return (0, _filterWidgets.filterWidgets)(widgets, currentLayout, keywords, activeMenuKey);
   }, [currentLayout, widgets, keywords, activeMenuKey, visible]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/cjs/toolBar/index.js

@@ -23,9 +23,6 @@ var ToolBar = function ToolBar(props) {
     offsetTop: 2,
     style: style,
     offsetBottom: 2,
-    onChange: function onChange(affixed) {
-      return void 0;
-    },
     target: getTargetContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "antd-tool-bar"

package/dist/esm/dashboard/widget/selector/filterWidgets.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 部件选择器的筛选与计数。
+ *
+ * 单独抽出来是因为这里踩过一次：布局里存着当前部署已经没有的部件时
+ * （按客户启用的模块清单不同，某个部件这次就是不发），原来的写法会抛 TypeError，
+ * 整个选择器打不开——而用户唯一能看到的现象是「点了没反应」。
+ *
+ * @author nokecy
+ */
+export type WidgetMeta = {
+    name?: string;
+    description?: string;
+    tags?: string[];
+    visible?: boolean;
+    length?: number;
+    [key: string]: any;
+};
+export type LayoutItem = {
+    i: string;
+    [key: string]: any;
+};
+/** 出参一定带上 visible 与 length，调用方不必再判空。 */
+export type FilteredWidget = WidgetMeta & {
+    visible: boolean;
+    length: number;
+};
+export declare const filterWidgets: (widgets: Record<string, WidgetMeta> | undefined | null, currentLayout: LayoutItem[] | undefined | null, keywords?: string, activeMenuKey?: string) => Record<string, FilteredWidget>;

package/dist/esm/dashboard/widget/selector/filterWidgets.js

@@ -0,0 +1,47 @@
+import cloneDeep from 'lodash/cloneDeep';
+
+/**
+ * 部件选择器的筛选与计数。
+ *
+ * 单独抽出来是因为这里踩过一次：布局里存着当前部署已经没有的部件时
+ * （按客户启用的模块清单不同，某个部件这次就是不发），原来的写法会抛 TypeError，
+ * 整个选择器打不开——而用户唯一能看到的现象是「点了没反应」。
+ *
+ * @author nokecy
+ */
+
+/** 出参一定带上 visible 与 length，调用方不必再判空。 */
+
+export var filterWidgets = function filterWidgets(widgets, currentLayout) {
+  var keywords = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var activeMenuKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  var finData = cloneDeep(widgets || {});
+  var keyword = (keywords || '').toLowerCase();
+  Object.keys(finData).forEach(function (key) {
+    var widget = finData[key];
+    widget.length = 0;
+    widget.visible = true;
+
+    // 菜单切换：部件没声明 tags 时按「不属于任何分类」处理，不该因此抛错
+    if (activeMenuKey && (widget.tags || []).indexOf(activeMenuKey) < 0) {
+      widget.visible = false;
+    }
+
+    // 查询：名称与描述任一命中即保留；两者都可能没写
+    var name = (widget.name || '').toLowerCase();
+    var description = (widget.description || '').toLowerCase();
+    if (name.indexOf(keyword) < 0 && description.indexOf(keyword) < 0) {
+      widget.visible = false;
+    }
+  });
+
+  // 已添加次数。布局里可能存着当前部署没有的部件，跳过即可。
+  (currentLayout || []).forEach(function (item) {
+    var _item$i;
+    var key = String((_item$i = item === null || item === void 0 ? void 0 : item.i) !== null && _item$i !== void 0 ? _item$i : '').split('-')[0];
+    var widget = finData[key];
+    if (!widget) return;
+    widget.length = widget.length ? widget.length + 1 : 1;
+  });
+  return finData;
+};

package/dist/esm/dashboard/widget/selector/index.js

@@ -11,7 +11,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { AppstoreAddOutlined, PlusOutlined, SearchOutlined } from '@ant-design/icons';
 import { Button, Drawer, Empty, Input } from 'antd';
 import classnames from 'classnames';
-import { cloneDeep, isEmpty, get } from 'lodash';
+import { isEmpty, get } from 'lodash';
+import { filterWidgets } from "./filterWidgets";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import "./index.less";
 var Search = Input.Search;
@@ -87,27 +88,7 @@ var WidgetSelector = function WidgetSelector(props) {
     handleCalcMenuData();
   }, []);
   var finWidgets = useMemo(function () {
-    var finData = cloneDeep(widgets);
-    Object.keys(finData).map(function (key) {
-      //初始化数据
-      finData[key].length = 0;
-      finData[key].visible = true;
-      //菜单切换
-      if (finData[key]['tags'].indexOf(activeMenuKey) < 0 && activeMenuKey) {
-        finData[key].visible = false;
-      }
-      //查询
-      if (finData[key]['name'].toLowerCase().indexOf(keywords.toLowerCase()) < 0 && finData[key]['description'].toLowerCase().indexOf(keywords.toLowerCase()) < 0) {
-        finData[key].visible = false;
-      }
-    });
-    //已添加次数
-    currentLayout.forEach(function (item) {
-      var _finData$key;
-      var key = item.i.split('-')[0];
-      finData[key].length = finData[key].length ? ((_finData$key = finData[key]) === null || _finData$key === void 0 ? void 0 : _finData$key.length) + 1 : 1;
-    });
-    return finData;
+    return filterWidgets(widgets, currentLayout, keywords, activeMenuKey);
   }, [currentLayout, widgets, keywords, activeMenuKey, visible]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {

package/dist/esm/toolBar/index.js

@@ -16,9 +16,6 @@ var ToolBar = function ToolBar(props) {
     offsetTop: 2,
     style: style,
     offsetBottom: 2,
-    onChange: function onChange(affixed) {
-      return void 0;
-    },
     target: getTargetContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: "antd-tool-bar"