@seed-ship/mcp-ui-solid 5.6.0 → 6.0.0

package/dist/node_modules/.pnpm/@antv_component@2.1.11/node_modules/@antv/component/esm/ui/legend/category/items.cjs

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tslib_es6 = require("../../../../../../../../tslib@2.8.1/node_modules/tslib/tslib.es6.cjs");
+require("../../../../../../../../@antv_g@6.3.1/node_modules/@antv/g/dist/index.esm.cjs");
+const index = require("../../navigator/index.cjs");
+const utils = require("../utils.cjs");
+const item = require("./item.cjs");
+const classname = require("../utils/classname.cjs");
+const noop = require("../../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/noop.cjs");
+const classnameMap = require("../classname-map.cjs");
+const groupBy = require("../../../util/group-by.cjs");
+const component = require("../../../core/component.cjs");
+const style = require("../../../util/style.cjs");
+const callback = require("../../../util/callback.cjs");
+const classnames = require("../../../util/classnames.cjs");
+const selection = require("../../../util/selection.cjs");
+const index_esm = require("../../../../../../../../@antv_g-lite@2.7.0/node_modules/@antv/g-lite/dist/index.esm.cjs");
+const set = require("../../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/set.cjs");
+const deepAssign = require("../../../util/deep-assign.cjs");
+var CLASS_NAMES = classnames.classNames({
+  page: "item-page",
+  navigator: "navigator",
+  item: "item"
+}, "items");
+var ifSatisfied = function(value, rule, defaultValue) {
+  if (defaultValue === void 0) {
+    defaultValue = true;
+  }
+  if (value) {
+    return rule(value);
+  }
+  return defaultValue;
+};
+var CategoryItems = (
+  /** @class */
+  (function(_super) {
+    tslib_es6.__extends(CategoryItems2, _super);
+    function CategoryItems2(options) {
+      var _this = _super.call(this, options, {
+        data: [],
+        gridRow: Infinity,
+        gridCol: void 0,
+        padding: 0,
+        width: 1e3,
+        height: 100,
+        rowPadding: 0,
+        colPadding: 0,
+        layout: "flex",
+        orientation: "horizontal",
+        click: noop,
+        mouseenter: noop,
+        mouseleave: noop
+      }) || this;
+      _this.navigatorShape = [0, 0];
+      return _this;
+    }
+    Object.defineProperty(CategoryItems2.prototype, "pageViews", {
+      get: function() {
+        return this.navigator.getContainer();
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(CategoryItems2.prototype, "grid", {
+      get: function() {
+        var _a = this.attributes, gridRow = _a.gridRow, gridCol = _a.gridCol, data = _a.data;
+        if (!gridRow && !gridCol)
+          throw new Error("gridRow and gridCol can not be set null at the same time");
+        if (!!gridRow && !!gridCol)
+          return [gridRow, gridCol];
+        if (gridRow)
+          return [gridRow, data.length];
+        return [data.length, gridCol];
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(CategoryItems2.prototype, "renderData", {
+      get: function() {
+        var _a = this.attributes, data = _a.data, layout = _a.layout, poptip = _a.poptip, focus = _a.focus, focusMarkerSize = _a.focusMarkerSize, classNamePrefix = _a.classNamePrefix;
+        var style$1 = style.subStyleProps(this.attributes, "item");
+        var d = data.map(function(datum, index2) {
+          var _a2 = datum.id, id = _a2 === void 0 ? index2 : _a2, labelText = datum.label, valueText = datum.value;
+          return {
+            id: "".concat(id),
+            index: index2,
+            style: tslib_es6.__assign({ layout, labelText, valueText, poptip, focus, focusMarkerSize, classNamePrefix }, Object.fromEntries(Object.entries(style$1).map(function(_a3) {
+              var _b = tslib_es6.__read(_a3, 2), key = _b[0], val = _b[1];
+              return [key, callback.getCallbackValue(val, [datum, index2, data])];
+            })))
+          };
+        });
+        return d;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    CategoryItems2.prototype.getGridLayout = function() {
+      var _this = this;
+      var _a = this.attributes, orientation = _a.orientation, width = _a.width, rowPadding = _a.rowPadding, colPadding = _a.colPadding;
+      var _b = tslib_es6.__read(this.navigatorShape, 1), navWidth = _b[0];
+      var _c = tslib_es6.__read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];
+      var pageSize = gridCol * gridRow;
+      var prevOffset = 0;
+      return this.pageViews.children.map(function(item2, index2) {
+        var _a2, _b2;
+        var page = Math.floor(index2 / pageSize);
+        var pageIndex = index2 % pageSize;
+        var dir = _this.ifHorizontal(gridCol, gridRow);
+        var pos = [Math.floor(pageIndex / dir), pageIndex % dir];
+        if (orientation === "vertical")
+          pos.reverse();
+        var _c2 = tslib_es6.__read(pos, 2), row = _c2[0], col = _c2[1];
+        var colWidth = (width - navWidth - (gridCol - 1) * colPadding) / gridCol;
+        var rowHeight = item2.getBBox().height;
+        var _d = tslib_es6.__read([0, 0], 2), x = _d[0], y = _d[1];
+        if (orientation === "horizontal") {
+          _a2 = tslib_es6.__read([prevOffset, row * (rowHeight + rowPadding)], 2), x = _a2[0], y = _a2[1];
+          prevOffset = col === gridCol - 1 ? 0 : prevOffset + colWidth + colPadding;
+        } else {
+          _b2 = tslib_es6.__read([col * (colWidth + colPadding), prevOffset], 2), x = _b2[0], y = _b2[1];
+          prevOffset = row === gridRow - 1 ? 0 : prevOffset + rowHeight + rowPadding;
+        }
+        return { page, index: index2, row, col, pageIndex, width: colWidth, height: rowHeight, x, y };
+      });
+    };
+    CategoryItems2.prototype.getFlexLayout = function() {
+      var _a = this.attributes, maxWidth = _a.width, maxHeight = _a.height, rowPadding = _a.rowPadding, cP = _a.colPadding;
+      var _b = tslib_es6.__read(this.navigatorShape, 1), navWidth = _b[0];
+      var _c = tslib_es6.__read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];
+      var _d = tslib_es6.__read([maxWidth - navWidth, maxHeight], 2), limitWidth = _d[0], limitHeight = _d[1];
+      var _e = tslib_es6.__read([0, 0, 0, 0, 0, 0, 0, 0], 8), x = _e[0], y = _e[1], page = _e[2], pageIndex = _e[3], col = _e[4], row = _e[5], prevWidth = _e[6], prevHeight = _e[7];
+      return this.pageViews.children.map(function(item2, index2) {
+        var _a2, _b2, _c2, _d2;
+        var _e2 = item2.getBBox(), width = _e2.width, height = _e2.height;
+        var colPadding = prevWidth === 0 ? 0 : cP;
+        var nextWidth = prevWidth + colPadding + width;
+        if (nextWidth <= limitWidth && ifSatisfied(col, function(c) {
+          return c < gridCol;
+        })) {
+          _a2 = tslib_es6.__read([prevWidth + colPadding, prevHeight, nextWidth], 3), x = _a2[0], y = _a2[1], prevWidth = _a2[2];
+          return { width, height, x, y, page, index: index2, pageIndex: pageIndex++, row, col: col++ };
+        }
+        _b2 = tslib_es6.__read([row + 1, 0, 0, prevHeight + height + rowPadding], 4), row = _b2[0], col = _b2[1], prevWidth = _b2[2], prevHeight = _b2[3];
+        var nextHeight = prevHeight + height;
+        if (nextHeight <= limitHeight && ifSatisfied(row, function(r) {
+          return r < gridRow;
+        })) {
+          _c2 = tslib_es6.__read([prevWidth, prevHeight, width], 3), x = _c2[0], y = _c2[1], prevWidth = _c2[2];
+          return { width, height, x, y, page, index: index2, pageIndex: pageIndex++, row, col: col++ };
+        }
+        _d2 = tslib_es6.__read([0, 0, width, 0, page + 1, 0, 0, 0], 8), x = _d2[0], y = _d2[1], prevWidth = _d2[2], prevHeight = _d2[3], page = _d2[4], pageIndex = _d2[5], row = _d2[6], col = _d2[7];
+        return { width, height, x, y, page, index: index2, pageIndex: pageIndex++, row, col: col++ };
+      });
+    };
+    Object.defineProperty(CategoryItems2.prototype, "itemsLayout", {
+      get: function() {
+        this.navigatorShape = [0, 0];
+        var cb = this.attributes.layout === "grid" ? this.getGridLayout : this.getFlexLayout;
+        var layout = cb.call(this);
+        if (layout.slice(-1)[0].page > 0) {
+          this.navigatorShape = [55, 0];
+          return cb.call(this);
+        }
+        return layout;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    CategoryItems2.prototype.ifHorizontal = function(a, b) {
+      var orientation = this.attributes.orientation;
+      return utils.ifHorizontal(orientation, a, b);
+    };
+    CategoryItems2.prototype.flattenPage = function(container) {
+      container.querySelectorAll(CLASS_NAMES.item.class).forEach(function(item2) {
+        container.appendChild(item2);
+      });
+      container.querySelectorAll(CLASS_NAMES.page.class).forEach(function(page) {
+        var removedPage = container.removeChild(page);
+        removedPage.destroy();
+      });
+    };
+    CategoryItems2.prototype.renderItems = function(container) {
+      var _a = this.attributes, click = _a.click, mouseenter = _a.mouseenter, mouseleave = _a.mouseleave, classNamePrefix = _a.classNamePrefix;
+      this.flattenPage(container);
+      var dispatchCustomEvent = this.dispatchCustomEvent.bind(this);
+      var itemClassName = classname.getLegendClassName(CLASS_NAMES.item.name, classnameMap.CLASSNAME_SUFFIX_MAP.item, classNamePrefix);
+      selection.select(container).selectAll(CLASS_NAMES.item.class).data(this.renderData, function(d) {
+        return d.id;
+      }).join(function(enter) {
+        return enter.append(function(_a2) {
+          var style2 = _a2.style, rest = tslib_es6.__rest(_a2, ["style"]);
+          return new item.CategoryItem({ style: style2 }, rest);
+        }).attr("className", itemClassName).on("click", function() {
+          click === null || click === void 0 ? void 0 : click(this);
+          dispatchCustomEvent("itemClick", { item: this });
+        }).on("pointerenter", function() {
+          mouseenter === null || mouseenter === void 0 ? void 0 : mouseenter(this);
+          dispatchCustomEvent("itemMouseenter", { item: this });
+        }).on("pointerleave", function() {
+          mouseleave === null || mouseleave === void 0 ? void 0 : mouseleave(this);
+          dispatchCustomEvent("itemMouseleave", { item: this });
+        });
+      }, function(update) {
+        return update.each(function(_a2) {
+          var style2 = _a2.style;
+          this.update(style2);
+        });
+      }, function(exit) {
+        return exit.remove();
+      });
+    };
+    CategoryItems2.prototype.relayoutNavigator = function() {
+      var _a;
+      var _b = this.attributes, layout = _b.layout, width = _b.width;
+      var height = ((_a = this.pageViews.children[0]) === null || _a === void 0 ? void 0 : _a.getBBox().height) || 0;
+      var _c = tslib_es6.__read(this.navigatorShape, 2), navWidth = _c[0], navHeight = _c[1];
+      this.navigator.update(layout === "grid" ? { pageWidth: width - navWidth, pageHeight: height - navHeight } : {});
+    };
+    CategoryItems2.prototype.adjustLayout = function() {
+      var _this = this;
+      var itemsLayouts = Object.entries(groupBy.groupBy(this.itemsLayout, "page")).map(function(_a) {
+        var _b = tslib_es6.__read(_a, 2), page = _b[0], layouts = _b[1];
+        return {
+          page,
+          layouts
+        };
+      });
+      var categoryItems = tslib_es6.__spreadArray([], tslib_es6.__read(this.navigator.getContainer().children), false);
+      itemsLayouts.forEach(function(_a) {
+        var layouts = _a.layouts;
+        var page = _this.pageViews.appendChild(new index_esm.Group({ className: CLASS_NAMES.page.name }));
+        layouts.forEach(function(layout) {
+          var x = layout.x, y = layout.y, index2 = layout.index, width = layout.width, height = layout.height;
+          var item2 = categoryItems[index2];
+          page.appendChild(item2);
+          set(item2, "__layout__", layout);
+          item2.update({ x, y, width, height });
+        });
+      });
+      this.relayoutNavigator();
+    };
+    CategoryItems2.prototype.renderNavigator = function(container) {
+      var _a = this.attributes, orientation = _a.orientation, classNamePrefix = _a.classNamePrefix;
+      var navStyle = style.subStyleProps(this.attributes, "nav");
+      var style$1 = deepAssign.deepAssign({ orientation, classNamePrefix }, navStyle);
+      var that = this;
+      container.selectAll(CLASS_NAMES.navigator.class).data(["nav"]).join(function(enter) {
+        return enter.append(function() {
+          return new index.Navigator({ style: style$1 });
+        }).attr("className", CLASS_NAMES.navigator.name).each(function() {
+          that.navigator = this;
+        });
+      }, function(update) {
+        return update.each(function() {
+          this.update(style$1);
+        });
+      }, function(exit) {
+        return exit.remove();
+      });
+      return this.navigator;
+    };
+    CategoryItems2.prototype.getBBox = function() {
+      return this.navigator.getBBox();
+    };
+    CategoryItems2.prototype.render = function(attributes, container) {
+      var data = this.attributes.data;
+      if (!data || data.length === 0)
+        return;
+      var navigator = this.renderNavigator(selection.select(container));
+      this.renderItems(navigator.getContainer());
+      this.adjustLayout();
+    };
+    CategoryItems2.prototype.dispatchCustomEvent = function(type, payload) {
+      var evt = new index_esm.CustomEvent(type, {
+        detail: payload
+      });
+      this.dispatchEvent(evt);
+    };
+    return CategoryItems2;
+  })(component.Component)
+);
+exports.CategoryItems = CategoryItems;
+//# sourceMappingURL=items.cjs.map

package/dist/node_modules/.pnpm/@antv_component@2.1.11/node_modules/@antv/component/esm/ui/legend/category/items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.cjs","sources":["../../../../../../../../../../../../node_modules/.pnpm/@antv+component@2.1.11/node_modules/@antv/component/esm/ui/legend/category/items.js"],"sourcesContent":["import { __assign, __extends, __read, __rest, __spreadArray } from \"tslib\";\nimport { CustomEvent } from '@antv/g';\nimport { noop, set } from '@antv/util';\nimport { Component } from '../../../core';\nimport { Group } from '../../../shapes';\nimport { classNames, deepAssign, getCallbackValue, groupBy, select, subStyleProps, } from '../../../util';\nimport { Navigator } from '../../navigator';\nimport { ifHorizontal } from '../utils';\nimport { CategoryItem } from './item';\nimport { getLegendClassName } from '../utils/classname';\nimport { CLASSNAME_SUFFIX_MAP } from '../constant';\nvar CLASS_NAMES = classNames({\n    page: 'item-page',\n    navigator: 'navigator',\n    item: 'item',\n}, 'items');\n/**\n * if value exists, it need to follow rule, otherwise, return default value\n * @param value\n * @param rule\n * @param defaultValue\n * @returns\n */\nvar ifSatisfied = function (value, rule, defaultValue) {\n    if (defaultValue === void 0) { defaultValue = true; }\n    if (value) {\n        return rule(value);\n    }\n    return defaultValue;\n};\nvar CategoryItems = /** @class */ (function (_super) {\n    __extends(CategoryItems, _super);\n    function CategoryItems(options) {\n        var _this = _super.call(this, options, {\n            data: [],\n            gridRow: Infinity,\n            gridCol: undefined,\n            padding: 0,\n            width: 1000,\n            height: 100,\n            rowPadding: 0,\n            colPadding: 0,\n            layout: 'flex',\n            orientation: 'horizontal',\n            click: noop,\n            mouseenter: noop,\n            mouseleave: noop,\n        }) || this;\n        _this.navigatorShape = [0, 0];\n        return _this;\n    }\n    Object.defineProperty(CategoryItems.prototype, \"pageViews\", {\n        get: function () {\n            return this.navigator.getContainer();\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(CategoryItems.prototype, \"grid\", {\n        get: function () {\n            var _a = this.attributes, gridRow = _a.gridRow, gridCol = _a.gridCol, data = _a.data;\n            if (!gridRow && !gridCol)\n                throw new Error('gridRow and gridCol can not be set null at the same time');\n            if (!!gridRow && !!gridCol)\n                return [gridRow, gridCol];\n            if (gridRow)\n                return [gridRow, data.length];\n            return [data.length, gridCol]; // !!gridCol\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(CategoryItems.prototype, \"renderData\", {\n        get: function () {\n            var _a = this.attributes, data = _a.data, layout = _a.layout, poptip = _a.poptip, focus = _a.focus, focusMarkerSize = _a.focusMarkerSize, classNamePrefix = _a.classNamePrefix;\n            var style = subStyleProps(this.attributes, 'item');\n            var d = data.map(function (datum, index) {\n                var _a = datum.id, id = _a === void 0 ? index : _a, labelText = datum.label, valueText = datum.value;\n                return {\n                    id: \"\".concat(id),\n                    index: index,\n                    style: __assign({ layout: layout, labelText: labelText, valueText: valueText, poptip: poptip, focus: focus, focusMarkerSize: focusMarkerSize, classNamePrefix: classNamePrefix }, Object.fromEntries(Object.entries(style).map(function (_a) {\n                        var _b = __read(_a, 2), key = _b[0], val = _b[1];\n                        return [key, getCallbackValue(val, [datum, index, data])];\n                    }))),\n                };\n            });\n            return d;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    CategoryItems.prototype.getGridLayout = function () {\n        var _this = this;\n        var _a = this.attributes, orientation = _a.orientation, width = _a.width, rowPadding = _a.rowPadding, colPadding = _a.colPadding;\n        var _b = __read(this.navigatorShape, 1), navWidth = _b[0];\n        var _c = __read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];\n        var pageSize = gridCol * gridRow;\n        var prevOffset = 0;\n        return this.pageViews.children.map(function (item, index) {\n            var _a, _b;\n            // calc page, row and column\n            var page = Math.floor(index / pageSize);\n            var pageIndex = index % pageSize;\n            var dir = _this.ifHorizontal(gridCol, gridRow);\n            var pos = [Math.floor(pageIndex / dir), pageIndex % dir];\n            if (orientation === 'vertical')\n                pos.reverse();\n            var _c = __read(pos, 2), row = _c[0], col = _c[1];\n            // calc x, y and shape\n            var colWidth = (width - navWidth - (gridCol - 1) * colPadding) / gridCol;\n            // const rowHeight = getRenderBBox(item).height;\n            var rowHeight = item.getBBox().height;\n            var _d = __read([0, 0], 2), x = _d[0], y = _d[1];\n            if (orientation === 'horizontal') {\n                _a = __read([prevOffset, row * (rowHeight + rowPadding)], 2), x = _a[0], y = _a[1];\n                prevOffset = col === gridCol - 1 ? 0 : prevOffset + colWidth + colPadding;\n            }\n            else {\n                _b = __read([col * (colWidth + colPadding), prevOffset], 2), x = _b[0], y = _b[1];\n                prevOffset = row === gridRow - 1 ? 0 : prevOffset + rowHeight + rowPadding;\n            }\n            return { page: page, index: index, row: row, col: col, pageIndex: pageIndex, width: colWidth, height: rowHeight, x: x, y: y };\n        });\n    };\n    CategoryItems.prototype.getFlexLayout = function () {\n        var _a = this.attributes, maxWidth = _a.width, maxHeight = _a.height, rowPadding = _a.rowPadding, cP = _a.colPadding;\n        var _b = __read(this.navigatorShape, 1), navWidth = _b[0];\n        var _c = __read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];\n        var _d = __read([maxWidth - navWidth, maxHeight], 2), limitWidth = _d[0], limitHeight = _d[1];\n        var _e = __read([0, 0, 0, 0, 0, 0, 0, 0], 8), x = _e[0], y = _e[1], page = _e[2], pageIndex = _e[3], col = _e[4], row = _e[5], prevWidth = _e[6], prevHeight = _e[7];\n        return this.pageViews.children.map(function (item, index) {\n            var _a, _b, _c, _d;\n            // const { width, height } = getRenderBBox(item);\n            var _e = item.getBBox(), width = _e.width, height = _e.height;\n            var colPadding = prevWidth === 0 ? 0 : cP;\n            // assume that every item has the same height\n            var nextWidth = prevWidth + colPadding + width;\n            // inline\n            if (nextWidth <= limitWidth && ifSatisfied(col, function (c) { return c < gridCol; })) {\n                _a = __read([prevWidth + colPadding, prevHeight, nextWidth], 3), x = _a[0], y = _a[1], prevWidth = _a[2];\n                return { width: width, height: height, x: x, y: y, page: page, index: index, pageIndex: pageIndex++, row: row, col: col++ };\n            }\n            // wrap\n            _b = __read([row + 1, 0, 0, prevHeight + height + rowPadding], 4), row = _b[0], col = _b[1], prevWidth = _b[2], prevHeight = _b[3];\n            var nextHeight = prevHeight + height;\n            if (nextHeight <= limitHeight && ifSatisfied(row, function (r) { return r < gridRow; })) {\n                _c = __read([prevWidth, prevHeight, width], 3), x = _c[0], y = _c[1], prevWidth = _c[2];\n                return { width: width, height: height, x: x, y: y, page: page, index: index, pageIndex: pageIndex++, row: row, col: col++ };\n            }\n            // paging\n            _d = __read([0, 0, width, 0, page + 1, 0, 0, 0], 8), x = _d[0], y = _d[1], prevWidth = _d[2], prevHeight = _d[3], page = _d[4], pageIndex = _d[5], row = _d[6], col = _d[7];\n            return { width: width, height: height, x: x, y: y, page: page, index: index, pageIndex: pageIndex++, row: row, col: col++ };\n        });\n    };\n    Object.defineProperty(CategoryItems.prototype, \"itemsLayout\", {\n        get: function () {\n            this.navigatorShape = [0, 0];\n            var cb = this.attributes.layout === 'grid' ? this.getGridLayout : this.getFlexLayout;\n            var layout = cb.call(this);\n            // re layout\n            if (layout.slice(-1)[0].page > 0) {\n                this.navigatorShape = [55, 0];\n                return cb.call(this);\n            }\n            return layout;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    CategoryItems.prototype.ifHorizontal = function (a, b) {\n        var orientation = this.attributes.orientation;\n        return ifHorizontal(orientation, a, b);\n    };\n    CategoryItems.prototype.flattenPage = function (container) {\n        container.querySelectorAll(CLASS_NAMES.item.class).forEach(function (item) {\n            container.appendChild(item);\n        });\n        container.querySelectorAll(CLASS_NAMES.page.class).forEach(function (page) {\n            var removedPage = container.removeChild(page);\n            removedPage.destroy();\n        });\n    };\n    CategoryItems.prototype.renderItems = function (container) {\n        var _a = this.attributes, click = _a.click, mouseenter = _a.mouseenter, mouseleave = _a.mouseleave, classNamePrefix = _a.classNamePrefix;\n        this.flattenPage(container);\n        var dispatchCustomEvent = this.dispatchCustomEvent.bind(this);\n        var itemClassName = getLegendClassName(CLASS_NAMES.item.name, CLASSNAME_SUFFIX_MAP.item, classNamePrefix);\n        select(container)\n            .selectAll(CLASS_NAMES.item.class)\n            .data(this.renderData, function (d) { return d.id; })\n            .join(function (enter) {\n            return enter\n                .append(function (_a) {\n                var style = _a.style, rest = __rest(_a, [\"style\"]);\n                return new CategoryItem({ style: style }, rest);\n            })\n                .attr('className', itemClassName)\n                .on('click', function () {\n                click === null || click === void 0 ? void 0 : click(this);\n                dispatchCustomEvent('itemClick', { item: this });\n            })\n                .on('pointerenter', function () {\n                mouseenter === null || mouseenter === void 0 ? void 0 : mouseenter(this);\n                dispatchCustomEvent('itemMouseenter', { item: this });\n            })\n                .on('pointerleave', function () {\n                mouseleave === null || mouseleave === void 0 ? void 0 : mouseleave(this);\n                dispatchCustomEvent('itemMouseleave', { item: this });\n            });\n        }, function (update) {\n            return update.each(function (_a) {\n                var style = _a.style;\n                this.update(style);\n            });\n        }, function (exit) { return exit.remove(); });\n    };\n    CategoryItems.prototype.relayoutNavigator = function () {\n        var _a;\n        var _b = this.attributes, layout = _b.layout, width = _b.width;\n        var height = ((_a = this.pageViews.children[0]) === null || _a === void 0 ? void 0 : _a.getBBox().height) || 0;\n        var _c = __read(this.navigatorShape, 2), navWidth = _c[0], navHeight = _c[1];\n        this.navigator.update(layout === 'grid' ? { pageWidth: width - navWidth, pageHeight: height - navHeight } : {});\n    };\n    CategoryItems.prototype.adjustLayout = function () {\n        var _this = this;\n        var itemsLayouts = Object.entries(groupBy(this.itemsLayout, 'page')).map(function (_a) {\n            var _b = __read(_a, 2), page = _b[0], layouts = _b[1];\n            return ({\n                page: page,\n                layouts: layouts,\n            });\n        });\n        var categoryItems = __spreadArray([], __read(this.navigator.getContainer().children), false);\n        itemsLayouts.forEach(function (_a) {\n            var layouts = _a.layouts;\n            var page = _this.pageViews.appendChild(new Group({ className: CLASS_NAMES.page.name }));\n            layouts.forEach(function (layout) {\n                var x = layout.x, y = layout.y, index = layout.index, width = layout.width, height = layout.height;\n                var item = categoryItems[index];\n                // @ts-ignore\n                page.appendChild(item);\n                set(item, '__layout__', layout);\n                item.update({ x: x, y: y, width: width, height: height });\n            });\n        });\n        this.relayoutNavigator();\n    };\n    CategoryItems.prototype.renderNavigator = function (container) {\n        var _a = this.attributes, orientation = _a.orientation, classNamePrefix = _a.classNamePrefix;\n        var navStyle = subStyleProps(this.attributes, 'nav');\n        var style = deepAssign({ orientation: orientation, classNamePrefix: classNamePrefix }, navStyle);\n        var that = this;\n        container\n            .selectAll(CLASS_NAMES.navigator.class)\n            .data(['nav'])\n            .join(function (enter) {\n            return enter\n                .append(function () { return new Navigator({ style: style }); })\n                .attr('className', CLASS_NAMES.navigator.name)\n                .each(function () {\n                that.navigator = this;\n            });\n        }, function (update) {\n            return update.each(function () {\n                this.update(style);\n            });\n        }, function (exit) { return exit.remove(); });\n        return this.navigator;\n    };\n    CategoryItems.prototype.getBBox = function () {\n        return this.navigator.getBBox();\n    };\n    CategoryItems.prototype.render = function (attributes, container) {\n        var data = this.attributes.data;\n        if (!data || data.length === 0)\n            return;\n        /**\n         * 1. render items\n         * 2. paging\n         * 3. layout\n         */\n        var navigator = this.renderNavigator(select(container));\n        this.renderItems(navigator.getContainer());\n        this.adjustLayout();\n    };\n    CategoryItems.prototype.dispatchCustomEvent = function (type, payload) {\n        var evt = new CustomEvent(type, {\n            detail: payload,\n        });\n        this.dispatchEvent(evt);\n    };\n    return CategoryItems;\n}(Component));\nexport { CategoryItems };\n//# sourceMappingURL=items.js.map"],"names":["classNames","__extends","CategoryItems","style","subStyleProps","index","_a","__assign","__read","getCallbackValue","item","_b","_c","_d","_e","ifHorizontal","getLegendClassName","CLASSNAME_SUFFIX_MAP","select","__rest","CategoryItem","groupBy","__spreadArray","Group","deepAssign","Navigator","CustomEvent","Component"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/@antv_component@2.1.11/node_modules/@antv/component/esm/ui/legend/category/items.js

@@ -0,0 +1,284 @@
+import { __extends, __assign, __read, __rest, __spreadArray } from "../../../../../../../../tslib@2.8.1/node_modules/tslib/tslib.es6.js";
+import "../../../../../../../../@antv_g@6.3.1/node_modules/@antv/g/dist/index.esm.js";
+import { Navigator } from "../../navigator/index.js";
+import { ifHorizontal } from "../utils.js";
+import { CategoryItem } from "./item.js";
+import { getLegendClassName } from "../utils/classname.js";
+import noop from "../../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/noop.js";
+import { CLASSNAME_SUFFIX_MAP } from "../classname-map.js";
+import { groupBy } from "../../../util/group-by.js";
+import { Component } from "../../../core/component.js";
+import { subStyleProps } from "../../../util/style.js";
+import { getCallbackValue } from "../../../util/callback.js";
+import { classNames } from "../../../util/classnames.js";
+import { select } from "../../../util/selection.js";
+import { Group, CustomEvent } from "../../../../../../../../@antv_g-lite@2.7.0/node_modules/@antv/g-lite/dist/index.esm.js";
+import set from "../../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/set.js";
+import { deepAssign } from "../../../util/deep-assign.js";
+var CLASS_NAMES = classNames({
+  page: "item-page",
+  navigator: "navigator",
+  item: "item"
+}, "items");
+var ifSatisfied = function(value, rule, defaultValue) {
+  if (defaultValue === void 0) {
+    defaultValue = true;
+  }
+  if (value) {
+    return rule(value);
+  }
+  return defaultValue;
+};
+var CategoryItems = (
+  /** @class */
+  (function(_super) {
+    __extends(CategoryItems2, _super);
+    function CategoryItems2(options) {
+      var _this = _super.call(this, options, {
+        data: [],
+        gridRow: Infinity,
+        gridCol: void 0,
+        padding: 0,
+        width: 1e3,
+        height: 100,
+        rowPadding: 0,
+        colPadding: 0,
+        layout: "flex",
+        orientation: "horizontal",
+        click: noop,
+        mouseenter: noop,
+        mouseleave: noop
+      }) || this;
+      _this.navigatorShape = [0, 0];
+      return _this;
+    }
+    Object.defineProperty(CategoryItems2.prototype, "pageViews", {
+      get: function() {
+        return this.navigator.getContainer();
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(CategoryItems2.prototype, "grid", {
+      get: function() {
+        var _a = this.attributes, gridRow = _a.gridRow, gridCol = _a.gridCol, data = _a.data;
+        if (!gridRow && !gridCol)
+          throw new Error("gridRow and gridCol can not be set null at the same time");
+        if (!!gridRow && !!gridCol)
+          return [gridRow, gridCol];
+        if (gridRow)
+          return [gridRow, data.length];
+        return [data.length, gridCol];
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(CategoryItems2.prototype, "renderData", {
+      get: function() {
+        var _a = this.attributes, data = _a.data, layout = _a.layout, poptip = _a.poptip, focus = _a.focus, focusMarkerSize = _a.focusMarkerSize, classNamePrefix = _a.classNamePrefix;
+        var style = subStyleProps(this.attributes, "item");
+        var d = data.map(function(datum, index) {
+          var _a2 = datum.id, id = _a2 === void 0 ? index : _a2, labelText = datum.label, valueText = datum.value;
+          return {
+            id: "".concat(id),
+            index,
+            style: __assign({ layout, labelText, valueText, poptip, focus, focusMarkerSize, classNamePrefix }, Object.fromEntries(Object.entries(style).map(function(_a3) {
+              var _b = __read(_a3, 2), key = _b[0], val = _b[1];
+              return [key, getCallbackValue(val, [datum, index, data])];
+            })))
+          };
+        });
+        return d;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    CategoryItems2.prototype.getGridLayout = function() {
+      var _this = this;
+      var _a = this.attributes, orientation = _a.orientation, width = _a.width, rowPadding = _a.rowPadding, colPadding = _a.colPadding;
+      var _b = __read(this.navigatorShape, 1), navWidth = _b[0];
+      var _c = __read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];
+      var pageSize = gridCol * gridRow;
+      var prevOffset = 0;
+      return this.pageViews.children.map(function(item, index) {
+        var _a2, _b2;
+        var page = Math.floor(index / pageSize);
+        var pageIndex = index % pageSize;
+        var dir = _this.ifHorizontal(gridCol, gridRow);
+        var pos = [Math.floor(pageIndex / dir), pageIndex % dir];
+        if (orientation === "vertical")
+          pos.reverse();
+        var _c2 = __read(pos, 2), row = _c2[0], col = _c2[1];
+        var colWidth = (width - navWidth - (gridCol - 1) * colPadding) / gridCol;
+        var rowHeight = item.getBBox().height;
+        var _d = __read([0, 0], 2), x = _d[0], y = _d[1];
+        if (orientation === "horizontal") {
+          _a2 = __read([prevOffset, row * (rowHeight + rowPadding)], 2), x = _a2[0], y = _a2[1];
+          prevOffset = col === gridCol - 1 ? 0 : prevOffset + colWidth + colPadding;
+        } else {
+          _b2 = __read([col * (colWidth + colPadding), prevOffset], 2), x = _b2[0], y = _b2[1];
+          prevOffset = row === gridRow - 1 ? 0 : prevOffset + rowHeight + rowPadding;
+        }
+        return { page, index, row, col, pageIndex, width: colWidth, height: rowHeight, x, y };
+      });
+    };
+    CategoryItems2.prototype.getFlexLayout = function() {
+      var _a = this.attributes, maxWidth = _a.width, maxHeight = _a.height, rowPadding = _a.rowPadding, cP = _a.colPadding;
+      var _b = __read(this.navigatorShape, 1), navWidth = _b[0];
+      var _c = __read(this.grid, 2), gridRow = _c[0], gridCol = _c[1];
+      var _d = __read([maxWidth - navWidth, maxHeight], 2), limitWidth = _d[0], limitHeight = _d[1];
+      var _e = __read([0, 0, 0, 0, 0, 0, 0, 0], 8), x = _e[0], y = _e[1], page = _e[2], pageIndex = _e[3], col = _e[4], row = _e[5], prevWidth = _e[6], prevHeight = _e[7];
+      return this.pageViews.children.map(function(item, index) {
+        var _a2, _b2, _c2, _d2;
+        var _e2 = item.getBBox(), width = _e2.width, height = _e2.height;
+        var colPadding = prevWidth === 0 ? 0 : cP;
+        var nextWidth = prevWidth + colPadding + width;
+        if (nextWidth <= limitWidth && ifSatisfied(col, function(c) {
+          return c < gridCol;
+        })) {
+          _a2 = __read([prevWidth + colPadding, prevHeight, nextWidth], 3), x = _a2[0], y = _a2[1], prevWidth = _a2[2];
+          return { width, height, x, y, page, index, pageIndex: pageIndex++, row, col: col++ };
+        }
+        _b2 = __read([row + 1, 0, 0, prevHeight + height + rowPadding], 4), row = _b2[0], col = _b2[1], prevWidth = _b2[2], prevHeight = _b2[3];
+        var nextHeight = prevHeight + height;
+        if (nextHeight <= limitHeight && ifSatisfied(row, function(r) {
+          return r < gridRow;
+        })) {
+          _c2 = __read([prevWidth, prevHeight, width], 3), x = _c2[0], y = _c2[1], prevWidth = _c2[2];
+          return { width, height, x, y, page, index, pageIndex: pageIndex++, row, col: col++ };
+        }
+        _d2 = __read([0, 0, width, 0, page + 1, 0, 0, 0], 8), x = _d2[0], y = _d2[1], prevWidth = _d2[2], prevHeight = _d2[3], page = _d2[4], pageIndex = _d2[5], row = _d2[6], col = _d2[7];
+        return { width, height, x, y, page, index, pageIndex: pageIndex++, row, col: col++ };
+      });
+    };
+    Object.defineProperty(CategoryItems2.prototype, "itemsLayout", {
+      get: function() {
+        this.navigatorShape = [0, 0];
+        var cb = this.attributes.layout === "grid" ? this.getGridLayout : this.getFlexLayout;
+        var layout = cb.call(this);
+        if (layout.slice(-1)[0].page > 0) {
+          this.navigatorShape = [55, 0];
+          return cb.call(this);
+        }
+        return layout;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    CategoryItems2.prototype.ifHorizontal = function(a, b) {
+      var orientation = this.attributes.orientation;
+      return ifHorizontal(orientation, a, b);
+    };
+    CategoryItems2.prototype.flattenPage = function(container) {
+      container.querySelectorAll(CLASS_NAMES.item.class).forEach(function(item) {
+        container.appendChild(item);
+      });
+      container.querySelectorAll(CLASS_NAMES.page.class).forEach(function(page) {
+        var removedPage = container.removeChild(page);
+        removedPage.destroy();
+      });
+    };
+    CategoryItems2.prototype.renderItems = function(container) {
+      var _a = this.attributes, click = _a.click, mouseenter = _a.mouseenter, mouseleave = _a.mouseleave, classNamePrefix = _a.classNamePrefix;
+      this.flattenPage(container);
+      var dispatchCustomEvent = this.dispatchCustomEvent.bind(this);
+      var itemClassName = getLegendClassName(CLASS_NAMES.item.name, CLASSNAME_SUFFIX_MAP.item, classNamePrefix);
+      select(container).selectAll(CLASS_NAMES.item.class).data(this.renderData, function(d) {
+        return d.id;
+      }).join(function(enter) {
+        return enter.append(function(_a2) {
+          var style = _a2.style, rest = __rest(_a2, ["style"]);
+          return new CategoryItem({ style }, rest);
+        }).attr("className", itemClassName).on("click", function() {
+          click === null || click === void 0 ? void 0 : click(this);
+          dispatchCustomEvent("itemClick", { item: this });
+        }).on("pointerenter", function() {
+          mouseenter === null || mouseenter === void 0 ? void 0 : mouseenter(this);
+          dispatchCustomEvent("itemMouseenter", { item: this });
+        }).on("pointerleave", function() {
+          mouseleave === null || mouseleave === void 0 ? void 0 : mouseleave(this);
+          dispatchCustomEvent("itemMouseleave", { item: this });
+        });
+      }, function(update) {
+        return update.each(function(_a2) {
+          var style = _a2.style;
+          this.update(style);
+        });
+      }, function(exit) {
+        return exit.remove();
+      });
+    };
+    CategoryItems2.prototype.relayoutNavigator = function() {
+      var _a;
+      var _b = this.attributes, layout = _b.layout, width = _b.width;
+      var height = ((_a = this.pageViews.children[0]) === null || _a === void 0 ? void 0 : _a.getBBox().height) || 0;
+      var _c = __read(this.navigatorShape, 2), navWidth = _c[0], navHeight = _c[1];
+      this.navigator.update(layout === "grid" ? { pageWidth: width - navWidth, pageHeight: height - navHeight } : {});
+    };
+    CategoryItems2.prototype.adjustLayout = function() {
+      var _this = this;
+      var itemsLayouts = Object.entries(groupBy(this.itemsLayout, "page")).map(function(_a) {
+        var _b = __read(_a, 2), page = _b[0], layouts = _b[1];
+        return {
+          page,
+          layouts
+        };
+      });
+      var categoryItems = __spreadArray([], __read(this.navigator.getContainer().children), false);
+      itemsLayouts.forEach(function(_a) {
+        var layouts = _a.layouts;
+        var page = _this.pageViews.appendChild(new Group({ className: CLASS_NAMES.page.name }));
+        layouts.forEach(function(layout) {
+          var x = layout.x, y = layout.y, index = layout.index, width = layout.width, height = layout.height;
+          var item = categoryItems[index];
+          page.appendChild(item);
+          set(item, "__layout__", layout);
+          item.update({ x, y, width, height });
+        });
+      });
+      this.relayoutNavigator();
+    };
+    CategoryItems2.prototype.renderNavigator = function(container) {
+      var _a = this.attributes, orientation = _a.orientation, classNamePrefix = _a.classNamePrefix;
+      var navStyle = subStyleProps(this.attributes, "nav");
+      var style = deepAssign({ orientation, classNamePrefix }, navStyle);
+      var that = this;
+      container.selectAll(CLASS_NAMES.navigator.class).data(["nav"]).join(function(enter) {
+        return enter.append(function() {
+          return new Navigator({ style });
+        }).attr("className", CLASS_NAMES.navigator.name).each(function() {
+          that.navigator = this;
+        });
+      }, function(update) {
+        return update.each(function() {
+          this.update(style);
+        });
+      }, function(exit) {
+        return exit.remove();
+      });
+      return this.navigator;
+    };
+    CategoryItems2.prototype.getBBox = function() {
+      return this.navigator.getBBox();
+    };
+    CategoryItems2.prototype.render = function(attributes, container) {
+      var data = this.attributes.data;
+      if (!data || data.length === 0)
+        return;
+      var navigator = this.renderNavigator(select(container));
+      this.renderItems(navigator.getContainer());
+      this.adjustLayout();
+    };
+    CategoryItems2.prototype.dispatchCustomEvent = function(type, payload) {
+      var evt = new CustomEvent(type, {
+        detail: payload
+      });
+      this.dispatchEvent(evt);
+    };
+    return CategoryItems2;
+  })(Component)
+);
+export {
+  CategoryItems
+};
+//# sourceMappingURL=items.js.map