@antv/f6-plugin

--- package/package.json (excerpt) ---
{
  "name": "@antv/f6-plugin",
  "version": "1.0.6",
  "description": "F6 plugin",
  "keywords": [
    "antv",
    "f6",
    "graph",
    "graph analysis",
    "graph editor",
    "graph visualization",
    "relational data"
  ],
  "repository": {
    "type": "git",
    "url": "git+https://github.com/antvis/F6.git"
  },
  "license": "MIT",
  "author": "https://github.com/orgs/antvis/people",
  "files": ["package.json", "es", "lib", "dist", "LICENSE", "README.md"],
  "main": "lib/index.js",
  "module": "es/index.js",
  "browser": "dist/f6Plugin.js",
  "miniprogram": "dist",
  "types": "lib/index.d.ts",
  "bugs": {
    "url": "https://github.com/antvis/F6/issues"
  },
  "homepage": "https://github.com/antvis/F6#readme",
  "scripts": {
    "start": "father build --watch",
    "analysis": "npm run clean && father build && ANALYZE=1 npm run build:umd",
    "build": "npm run clean && father build && npm run build:umd",
    "build:umd": "webpack --config webpack.config.js --mode production",
    "ci": "npm run build && npm run coverage",
    "clean": "rimraf es esm lib dist",
    "coverage": "jest --coverage",
    "demos": "start-storybook -p 8080 -c .storybook",
    "doc": "rimraf apis && typedoc",
    "lint": "eslint --ext .js,.jsx,.ts,.tsx --format=pretty \"./\"",
    "lint:src": "eslint --ext .ts --format=pretty \"./src\"",
    "prettier": "prettier -c --write \"**/*\"",
    "test": "jest",
    "test-live": "DEBUG_MODE=1 jest --watch ./tests/unit/layout/combo-force-spec.ts",
   

--- bundled output (OSV-MAL flagged — LLM scope expansion) ---

--- lib/time-bar/ui/slider/simple-slider.js (bundled) ---
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createSimpleSlider;

var _f6Ui = require("@antv/f6-ui");

var _const = require("../../utils/const");

function createSimpleSlider(option) {
  var width = option.width,
      _a = option.height,
      height = _a === void 0 ? 4 : _a;
  var handlerStyle = Object.assign({}, _const.SIMPLE_HANDLE_STYLE, option.handlerStyle);
  var backgroundStyle = Object.assign({}, _const.SIMPLE_BACKGROUND_STYLE, option.backgroundStyle);
  var foregroundStyle = Object.assign({}, _const.FOREGROUND_STYLE, option.foregroundStyle);
  var textStyle = Object.assign({}, _const.TEXT_STYLE, option.textStyle);
  var html = "\n    <div class='slider-bg'>\n      <div class=\"slider-inner\"></div>\n      <div class='control left-control'>\n        <div class='text'>0</div>\n      </div>\n      <div class='control right-control'>\n        <div class='text'>0</div>\n      </div>\n    </div>\n  ";
  var css = "\n    .slider-bg {\n      width: " + width + ";\n      height: " + height + ";\n      background: " + backgroundStyle.fill + ";\n      opacity: " + backgroundStyle.opacity + ";\n      border-radius: " + backgroundStyle.radius + ";\n      z-index: 10;\n      margin-top: 30;\n    }\n    \n    .slider-inner{\n      position: absolute;\n      width: " + width + ";\n      height: " + height + ";\n      border-radius: " + height / 2 + ";\n      background: " + foregroundStyle.fill + ";\n      background-opacity: " + foregroundStyle.opacity + "\n      z-index: 1;\n    }\n\n    .control {\n      position: absolute;\n      top: " + (-handlerStyle.radius / 2 + height / 2) + ";\n      width: " + handlerStyle.radius + ";\n      height: " + handlerStyle.radius + ";\n      border-radius: " + handlerStyle.radius / 2 + ";\n      background: " + handlerStyle.fill + ";\n      border: " + handlerStyle.lineWidth + " solid " + handlerStyle.stroke + ";\n      z-index: 2;\n    }\n\n    .text{\n      position: absolute;\n  

--- lib/time-bar/ui/slider/slide-ticker.js (bundled) ---
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createTiker;

var _f6Ui = require("@antv/f6-ui");

var _const = require("../../utils/const");

function createTiker(data, tickWidth, sliderTick) {
  var _a = sliderTick.width,
      width = _a === void 0 ? 0 : _a;
  var tickLabelStyle = Object.assign({}, _const.TICK_LABEL_STYLE, sliderTick.textStyle);
  var tickLineStyle = Object.assign({}, _const.TICK_LINE_STYLE, sliderTick.lineStyle);
  var count = Math.floor(tickLabelStyle.width / tickWidth);
  var html = "\n  <div class='tiker'>\n    " + data.reduce(function (prev, cur, index) {
    return prev += "\n        <div class='single-tick'> \n          " + (index % count === 0 ? "\n          <shape class='line' type='rect' />\n          <div class='text'>" + cur.date + "</div>" : '') + "\n        </div> \n      ";
  }, '') + "\n  </div>";
  var css = "\n    .tiker {\n      width: " + width + ";\n      background-opacity: 0;\n      display: flex;\n      flex-direction: row;\n      z-index: 1;\n      color: black;\n    }\n    .single-tick {\n      width: " + tickWidth + ";\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      align-items: flex-start;\n    }\n    .single-tick shape{\n      width: " + tickLineStyle.width + ";\n      height: " + tickLineStyle.height + ";\n      background: " + tickLineStyle.fill + ";\n    }\n    .single-tick .text {\n      height: " + tickLabelStyle.fontSize + ";\n      text-align: center;\n      font-size: " + tickLabelStyle.fontSize + ";\n      width: 0; \n      color: " + tickLabelStyle.fill + ";\n    }\n    text {\n      opacity: " + tickLabelStyle.opacity + ";;\n      white-space: nowrap;\n    }\n  ";
  return (0, _f6Ui.createSegmentNode)(html, css);
}

--- lib/time-bar/ui/slider/trend-slider.js (bundled) ---
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createTrendSlider;
exports.AREA_STYLE = exports.TREND_LINE_STYLE = void 0;

var _f6Ui = require("@antv/f6-ui");

var _const = require("../../utils/const");

var _path = require("../../utils/path");

var TREND_LINE_STYLE = {
  stroke: '#C5C5C5',
  strokeOpacity: 0.85
};
exports.TREND_LINE_STYLE = TREND_LINE_STYLE;
var AREA_STYLE = {
  fill: '#CACED4',
  opacity: 0.85
};
exports.AREA_STYLE = AREA_STYLE;

function createTrendSlider(_a) {
  var _b = _a.slider,
      slider = _b === void 0 ? {} : _b,
      _c = _a.trend,
      trend = _c === void 0 ? {} : _c;
  var width = slider.width,
      _d = slider.height,
      height = _d === void 0 ? _const.TREND_SLIDER_HEIHGT : _d;
  var _e = trend.data,
      trendData = _e === void 0 ? [] : _e,
      lineStyle = trend.lineStyle,
      _f = trend.smooth,
      smooth = _f === void 0 ? true : _f;
  var handlerStyle = Object.assign({}, _const.TREND_HANDLER_STYLE, slider.handlerStyle);
  var backgroundStyle = Object.assign({}, _const.BACKGROUND_STYLE, slider.backgroundStyle);
  var foregroundStyle = Object.assign({}, _const.FOREGROUND_STYLE, slider.foregroundStyle);
  var textStyle = Object.assign({}, _const.TEXT_STYLE, slider.textStyle);
  var trendLineStyle = Object.assign({}, TREND_LINE_STYLE, lineStyle);
  var mainRectWidth = handlerStyle.width;
  var circleR = mainRectWidth * 2;
  var controlWidth = circleR * 2 + 10;
  var html = "\n    <div class='slider-bg'>\n      <shape class='trend-bg' type='path' path='[]' />\n      <div class= 'slider-inner' />\n      <div class='control left-control'>\n        <div class='handler'> \n          <div class='text'>1</div>\n          <shape class='rect' type='rect' width='" + handlerStyle.width + "'/>\n          <shape class='circle top-circle' type='circle' r='" + circleR + "' />\n          <shape class='circle bottom-circle' type='circle' r='" + circleR + "' />\n        </div>\n      </div

--- es/time-bar/ui/slider/simple-slider.js (bundled) ---
import { createSegmentNode } from '@antv/f6-ui';
import { SIMPLE_BACKGROUND_STYLE, SIMPLE_HANDLE_STYLE, FOREGROUND_STYLE, TEXT_STYLE } from '../../utils/const';
export default function createSimpleSlider(option) {
  var width = option.width,
      _a = option.height,
      height = _a === void 0 ? 4 : _a;
  var handlerStyle = Object.assign({}, SIMPLE_HANDLE_STYLE, option.handlerStyle);
  var backgroundStyle = Object.assign({}, SIMPLE_BACKGROUND_STYLE, option.backgroundStyle);
  var foregroundStyle = Object.assign({}, FOREGROUND_STYLE, option.foregroundStyle);
  var textStyle = Object.assign({}, TEXT_STYLE, option.textStyle);
  var html = "\n    <div class='slider-bg'>\n      <div class=\"slider-inner\"></div>\n      <div class='control left-control'>\n        <div class='text'>0</div>\n      </div>\n      <div class='control right-control'>\n        <div class='text'>0</div>\n      </div>\n    </div>\n  ";
  var css = "\n    .slider-bg {\n      width: " + width + ";\n      height: " + height + ";\n      background: " + backgroundStyle.fill + ";\n      opacity: " + backgroundStyle.opacity + ";\n      border-radius: " + backgroundStyle.radius + ";\n      z-index: 10;\n      margin-top: 30;\n    }\n    \n    .slider-inner{\n      position: absolute;\n      width: " + width + ";\n      height: " + height + ";\n      border-radius: " + height / 2 + ";\n      background: " + foregroundStyle.fill + ";\n      background-opacity: " + foregroundStyle.opacity + "\n      z-index: 1;\n    }\n\n    .control {\n      position: absolute;\n      top: " + (-handlerStyle.radius / 2 + height / 2) + ";\n      width: " + handlerStyle.radius + ";\n      height: " + handlerStyle.radius + ";\n      border-radius: " + handlerStyle.radius / 2 + ";\n      background: " + handlerStyle.fill + ";\n      border: " + handlerStyle.lineWidth + " solid " + handlerStyle.stroke + ";\n      z-index: 2;\n    }\n\n    .text{\n      position: absolute;\n      left: " + handle