@visactor/vrender-components 1.1.0-alpha.0 → 1.1.0-alpha.1

package/es/player/base-player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/base-player.ts"],"names":[],"mappings":"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","file":"base-player.js","sourcesContent":["import type { INode } from '@visactor/vrender-core';\nimport { isNumber, isValidNumber, max, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { ComponentOptions, OrientType } from '../interface';\nimport type { SliderAttributes } from '../slider';\nimport { Slider } from '../slider';\nimport type { ControllerAttributes } from './controller';\nimport { Controller } from './controller';\nimport type {\n  Datum,\n  PlayerEventEnum,\n  PlayerAttributes,\n  RailStyleType,\n  ControllerType,\n  TrackStyleType,\n  HandlerStyleType\n} from './type';\nimport { RailDefaultSize, defaultControllerAttributes } from './constant';\nimport { isHorizontal } from './utils';\n\n/**\n * 基本播放器组件\n * 提供最基本的布局能力,\n */\nexport abstract class BasePlayer<T> extends AbstractComponent<Required<PlayerAttributes>> {\n  static defaultAttributes = {\n    visible: true,\n    data: [] as Datum[],\n    interval: 1000,\n    orient: 'bottom',\n    align: 'center',\n    size: {\n      height: 20,\n      width: 300\n    },\n    slider: {\n      visible: true,\n      space: 10,\n      dx: 0,\n      dy: 0,\n      railStyle: {\n        cornerRadius: 5\n      },\n      trackStyle: {},\n      handlerStyle: {}\n    },\n    controller: {\n      visible: true,\n      start: { ...defaultControllerAttributes, key: 'start', position: 'start', space: 0 },\n      pause: { ...defaultControllerAttributes, key: 'pause', position: 'start' },\n      forward: { ...defaultControllerAttributes, key: 'forward', position: 'end' },\n      backward: { ...defaultControllerAttributes, key: 'backward', position: 'start' }\n    }\n  };\n\n  // 组件属性\n  protected _slider: Slider;\n  protected _controller: Controller;\n\n  // 数据属性\n  protected _data = [] as Datum[];\n  protected _minIndex: number;\n  getMinIndex() {\n    return this._minIndex;\n  }\n  protected _maxIndex: number;\n  getMaxIndex() {\n    return this._maxIndex;\n  }\n\n  // 滑轨属性\n  private _sliderVisible: boolean;\n  private _railStyle: RailStyleType;\n  private _trackStyle: TrackStyleType;\n  private _handlerStyle: HandlerStyleType;\n\n  // 控件属性\n  private _controllerVisible: boolean;\n  private _start: ControllerType;\n  private _pause: ControllerType;\n  private _forward: ControllerType;\n  private _backward: ControllerType;\n\n  // 布局属性\n  private _size: { width: number; height: number };\n  private _orient: OrientType;\n\n  // dataIndex, 代表slider的value\n  protected _dataIndex: number = 0;\n  getDataIndex() {\n    return this._dataIndex;\n  }\n\n  private _layoutInfo: {\n    // 滚动条位置\n    slider?: { x: number; y: number; size: number };\n\n    // 控件位置\n    start?: { x: number; y: number; size: number };\n    pause?: { x: number; y: number; size: number };\n    backward?: { x: number; y: number; size: number };\n    forward?: { x: number; y: number; size: number };\n  } = {};\n\n  abstract play(): void;\n  abstract pause(): void;\n  abstract backward(): void;\n  abstract forward(): void;\n\n  constructor(attributes: T, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, BasePlayer.defaultAttributes, attributes));\n    // 先初始化属性, 再初始化Slider、Controller, 最后初始化事件.\n    this._initAttributes();\n    this._initDataIndex();\n    this._initLayoutInfo();\n    this._initController();\n    this._initSlider();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes() {\n    // 基本布局属性\n    this._size = this.attribute.size;\n    this._orient = this.attribute.orient;\n\n    // Slider范围, 起点一定要从0开始\n    this._data = this.attribute.data;\n    this._minIndex = 0;\n    this._maxIndex = this._data.length - 1;\n\n    const { slider = {}, controller = {} as PlayerAttributes['controller'] } = this.attribute;\n    // 轨道样式\n    this._sliderVisible = slider.visible;\n    this._railStyle = { ...slider.railStyle };\n    this._trackStyle = { ...slider.trackStyle };\n    this._handlerStyle = { ...slider.handlerStyle };\n\n    // 控制器样式\n    this._controllerVisible = controller.visible;\n    this._start = { ...controller.start };\n    this._pause = { ...controller.pause };\n    this._forward = { ...controller.forward };\n    this._backward = { ...controller.backward };\n  }\n\n  /**\n   * 初始化dataIndex\n   */\n  _initDataIndex() {\n    this._dataIndex = this.attribute.dataIndex ?? 0;\n  }\n\n  private _initLayoutInfo() {\n    // 控制器\n    const controllers = [this._start, this._backward, this._forward].sort((a, b) => a.order - b.order);\n    // 在开始位置的控制器\n    const startControllers = controllers.filter(d => d.position !== 'end');\n    // 在结束位置的控制器\n    const endControllers = controllers.filter(d => d.position === 'end');\n    // 滑轨横切面长度\n    const railSectionLength =\n      (isHorizontal(this._orient) ? this._railStyle.height : this._railStyle.width) ?? RailDefaultSize[1];\n\n    // 1. 计算所有组件自身占据的宽度 or 高度\n    const controllerPx = controllers.reduce((len, controller) => {\n      const size = controller.style.size;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      return len + controller.space + maxSize;\n    }, 0);\n\n    // 2. 计算slider的总占据像素\n    const sliderPx = this._sliderVisible\n      ? (isHorizontal(this._orient) ? this._size?.width : this._size?.height) - controllerPx\n      : 0;\n\n    // 3. 计算slider滑轨的总占据像素\n    const railPx = sliderPx - this.attribute.slider.space;\n\n    // 4. 计算起点控件坐标\n    const startPx = startControllers.reduce((px, controller) => {\n      const {\n        key,\n        space,\n        style: { size }\n      } = controller;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      this._layoutInfo[key] = {\n        ...this._layoutInfo[key],\n        size: maxSize,\n        x: isHorizontal(this._orient) ? px + space : (this._size.width - maxSize) / 2,\n        y: isHorizontal(this._orient) ? (this._size.height - maxSize) / 2 : px + space\n      };\n      return px + space + maxSize;\n    }, 0);\n\n    // 5. 计算slider的起点坐标\n    this._layoutInfo.slider = {\n      ...this._layoutInfo.slider,\n      size: railPx,\n      x: isHorizontal(this._orient)\n        ? startPx + this.attribute.slider.space\n        : (this._size.width - railSectionLength) / 2,\n      y: isHorizontal(this._orient)\n        ? (this._size.height - railSectionLength) / 2\n        : startPx + this.attribute.slider.space\n    };\n\n    // 6. 计算终点控件坐标\n    endControllers.reduce((px, controller) => {\n      const {\n        key,\n        space,\n        style: { size }\n      } = controller;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      this._layoutInfo[key] = {\n        ...this._layoutInfo[key],\n        size: maxSize,\n        x: isHorizontal(this._orient) ? px + space : (this._size.width - maxSize) / 2,\n        y: isHorizontal(this._orient) ? (this._size.height - maxSize) / 2 : px + space\n      };\n      return px + space + maxSize;\n    }, startPx + sliderPx);\n  }\n\n  /**\n   * 初始化滑动条\n   */\n  private _updateSliderAttrs = () => {\n    let handlerSize;\n    if (isValidNumber(this._handlerStyle.size)) {\n      handlerSize = this._handlerStyle.size;\n    } else if (this._handlerStyle.size && this._handlerStyle.size.length) {\n      handlerSize = max(this._handlerStyle.size[0], this._handlerStyle.size[1]);\n    }\n\n    const attrs: SliderAttributes = {\n      visible: this._sliderVisible,\n      // 重要参数\n      min: this._minIndex,\n      max: this._maxIndex,\n      value: this._dataIndex,\n      railWidth: this._railStyle.width,\n      railHeight: this._railStyle.height,\n      railStyle: this._railStyle,\n      trackStyle: this._trackStyle,\n      handlerSize: isValidNumber(handlerSize) ? handlerSize : undefined,\n      handlerStyle: this._handlerStyle,\n      // 不重要, 但需要预设的参数\n      dy: this.attribute.slider.dy,\n      dx: this.attribute.slider.dx,\n      slidable: true,\n      range: false,\n      handlerText: { visible: false },\n      startText: { visible: false },\n      endText: { visible: false },\n      disableTriggerEvent: this.attribute.disableTriggerEvent\n    };\n\n    // 横向布局\n    if (isHorizontal(this._orient)) {\n      // 滑动条水平居中\n      const railWidth = Math.max(0, this._layoutInfo.slider.size);\n      const railHeight = this._railStyle.height ?? RailDefaultSize[1];\n\n      // 属性修改\n      attrs.layout = 'horizontal';\n      attrs.railHeight = railHeight;\n      attrs.railWidth = railWidth;\n      attrs.x = this._layoutInfo.slider.x;\n      attrs.y = this._layoutInfo.slider.y;\n    }\n    // 纵向布局\n    else {\n      // 滑动条垂直居中\n      const railHeight = Math.max(0, this._layoutInfo.slider.size);\n      const railWidth = this._railStyle.width ?? RailDefaultSize[1];\n\n      // 属性修改\n      attrs.layout = 'vertical';\n      attrs.railWidth = railWidth;\n      attrs.railHeight = railHeight;\n      attrs.x = this._layoutInfo.slider.x;\n      attrs.y = this._layoutInfo.slider.y;\n    }\n    return attrs;\n  };\n\n  private _initSlider = () => {\n    const attrs = this._updateSliderAttrs();\n    this._slider = new Slider(attrs);\n    if (this._sliderVisible) {\n      this.add(this._slider as unknown as INode);\n    }\n  };\n\n  /**\n   * 初始化控制器\n   */\n  private _updateControllerAttrs = () => {\n    const attrs: ControllerAttributes = {\n      start: this._start,\n      pause: this._pause,\n      forward: this._forward,\n      backward: this._backward,\n      disableTriggerEvent: this.attribute.disableTriggerEvent\n    };\n    // 横向布局\n    attrs.layout = isHorizontal(this._orient) ? 'horizontal' : 'vertical';\n    attrs.start = {\n      ...attrs.start,\n      style: {\n        ...attrs.start.style,\n        x: this._layoutInfo.start.x,\n        y: this._layoutInfo.start.y\n      }\n    };\n    attrs.pause = {\n      ...attrs.pause,\n      // 暂停按钮, 复用开始按钮的布局\n      style: {\n        ...attrs.pause.style,\n        x: this._layoutInfo.start.x,\n        y: this._layoutInfo.start.y\n      }\n    };\n    attrs.backward = {\n      ...attrs.backward,\n      style: {\n        ...attrs.backward.style,\n        x: this._layoutInfo.backward.x,\n        y: this._layoutInfo.backward.y\n      }\n    };\n    attrs.forward = {\n      ...attrs.forward,\n      style: {\n        ...attrs.forward.style,\n        x: this._layoutInfo.forward.x,\n        y: this._layoutInfo.forward.y\n      }\n    };\n    return attrs;\n  };\n\n  private _initController = () => {\n    const attrs = this._updateControllerAttrs();\n    this._controller = new Controller(attrs);\n    if (this._controllerVisible) {\n      this.add(this._controller as unknown as INode);\n    }\n  };\n\n  /**\n   * 渲染\n   */\n  render() {\n    this._initLayoutInfo();\n    this.renderSlider();\n    this.renderController();\n  }\n\n  /**\n   * 更新滑动条\n   */\n  renderSlider() {\n    const attrs = this._updateSliderAttrs();\n    this._slider.setAttributes(attrs);\n  }\n\n  /**\n   * 更新控制器\n   */\n  renderController() {\n    const attrs = this._updateControllerAttrs();\n    this._controller.setAttributes(attrs);\n  }\n\n  /**\n   * 触发事件\n   * @param eventType 事件类型\n   * @param dataIndex 数据下标\n   */\n  dispatchCustomEvent(eventType: PlayerEventEnum, dataIndex: number) {\n    this._dispatchEvent(eventType, {\n      eventType,\n      index: dataIndex,\n      value: this._data[dataIndex]\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/base-player.ts"],"names":[],"mappings":"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","file":"base-player.js","sourcesContent":["import type { INode } from '@visactor/vrender-core';\nimport { isNumber, isValidNumber, max, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { ComponentOptions, OrientType } from '../interface';\nimport type { SliderAttributes } from '../slider';\nimport { Slider } from '../slider';\nimport type { ControllerAttributes } from './controller';\nimport { Controller } from './controller';\nimport type {\n  Datum,\n  PlayerEventEnum,\n  PlayerAttributes,\n  RailStyleType,\n  ControllerType,\n  TrackStyleType,\n  HandlerStyleType\n} from './type';\nimport { RailDefaultSize, defaultControllerAttributes } from './constant';\nimport { isHorizontal } from './utils';\n\n/**\n * 基本播放器组件\n * 提供最基本的布局能力,\n */\nexport abstract class BasePlayer<T> extends AbstractComponent<Required<PlayerAttributes>> {\n  static defaultAttributes = {\n    visible: true,\n    data: [] as Datum[],\n    interval: 1000,\n    orient: 'bottom',\n    align: 'center',\n    size: {\n      height: 20,\n      width: 300\n    },\n    slider: {\n      visible: true,\n      space: 10,\n      dx: 0,\n      dy: 0,\n      railStyle: {\n        cornerRadius: 5\n      },\n      trackStyle: {},\n      handlerStyle: {}\n    },\n    controller: {\n      visible: true,\n      start: { ...defaultControllerAttributes, key: 'start', position: 'start', space: 0 },\n      pause: { ...defaultControllerAttributes, key: 'pause', position: 'start' },\n      forward: { ...defaultControllerAttributes, key: 'forward', position: 'end' },\n      backward: { ...defaultControllerAttributes, key: 'backward', position: 'start' }\n    }\n  };\n\n  // 组件属性\n  protected _slider: Slider;\n  protected _controller: Controller;\n\n  // 数据属性\n  protected _data = [] as Datum[];\n  protected _minIndex: number;\n  getMinIndex() {\n    return this._minIndex;\n  }\n  protected _maxIndex: number;\n  getMaxIndex() {\n    return this._maxIndex;\n  }\n\n  // 滑轨属性\n  private _sliderVisible: boolean;\n  private _railStyle: RailStyleType;\n  private _trackStyle: TrackStyleType;\n  private _handlerStyle: HandlerStyleType;\n\n  // 控件属性\n  private _controllerVisible: boolean;\n  private _start: ControllerType;\n  private _pause: ControllerType;\n  private _forward: ControllerType;\n  private _backward: ControllerType;\n\n  // 布局属性\n  private _size: { width: number; height: number };\n  private _orient: OrientType;\n\n  // dataIndex, 代表slider的value\n  protected _dataIndex: number = 0;\n  getDataIndex() {\n    return this._dataIndex;\n  }\n\n  private _layoutInfo: {\n    // 滚动条位置\n    slider?: { x: number; y: number; size: number };\n\n    // 控件位置\n    start?: { x: number; y: number; size: number };\n    pause?: { x: number; y: number; size: number };\n    backward?: { x: number; y: number; size: number };\n    forward?: { x: number; y: number; size: number };\n  } = {};\n\n  abstract play(): void;\n  abstract pause(): void;\n  abstract backward(): void;\n  abstract forward(): void;\n\n  constructor(attributes: T, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, BasePlayer.defaultAttributes, attributes));\n    // 先初始化属性, 再初始化Slider、Controller, 最后初始化事件.\n    this._initAttributes();\n    this._initDataIndex();\n    this._initLayoutInfo();\n    this._initController();\n    this._initSlider();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes() {\n    // 基本布局属性\n    this._size = this.attribute.size;\n    this._orient = this.attribute.orient;\n\n    // Slider范围, 起点一定要从0开始\n    this._data = this.attribute.data;\n    this._minIndex = 0;\n    this._maxIndex = this._data.length - 1;\n\n    const { slider = {}, controller = {} as PlayerAttributes['controller'] } = this.attribute;\n    // 轨道样式\n    this._sliderVisible = slider.visible;\n    this._railStyle = { ...slider.railStyle };\n    this._trackStyle = { ...slider.trackStyle };\n    this._handlerStyle = { ...slider.handlerStyle };\n\n    // 控制器样式\n    this._controllerVisible = controller.visible;\n    this._start = { ...controller.start };\n    this._pause = { ...controller.pause };\n    this._forward = { ...controller.forward };\n    this._backward = { ...controller.backward };\n  }\n\n  /**\n   * 初始化dataIndex\n   */\n  _initDataIndex() {\n    this._dataIndex = this.attribute.dataIndex ?? 0;\n  }\n\n  private _initLayoutInfo() {\n    // 控制器\n    const controllers = [this._start, this._backward, this._forward].sort((a, b) => a.order - b.order);\n    // 在开始位置的控制器\n    const startControllers = controllers.filter(d => d.position !== 'end');\n    // 在结束位置的控制器\n    const endControllers = controllers.filter(d => d.position === 'end');\n    // 滑轨横切面长度\n    const railSectionLength =\n      (isHorizontal(this._orient) ? this._railStyle.height : this._railStyle.width) ?? RailDefaultSize[1];\n\n    // 1. 计算所有组件自身占据的宽度 or 高度\n    const controllerPx = controllers.reduce((len, controller) => {\n      const size = controller.style.size;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      return len + controller.space + maxSize;\n    }, 0);\n\n    // 2. 计算slider的总占据像素\n    const sliderPx = this._sliderVisible\n      ? (isHorizontal(this._orient) ? this._size?.width : this._size?.height) - controllerPx\n      : 0;\n\n    // 3. 计算slider滑轨的总占据像素\n    const railPx = sliderPx - this.attribute.slider.space;\n\n    // 4. 计算起点控件坐标\n    const startPx = startControllers.reduce((px, controller) => {\n      const {\n        key,\n        space,\n        style: { size }\n      } = controller;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      this._layoutInfo[key] = {\n        ...this._layoutInfo[key],\n        size: maxSize,\n        x: isHorizontal(this._orient) ? px + space : (this._size.width - maxSize) / 2,\n        y: isHorizontal(this._orient) ? (this._size.height - maxSize) / 2 : px + space\n      };\n      return px + space + maxSize;\n    }, 0);\n\n    // 5. 计算slider的起点坐标\n    this._layoutInfo.slider = {\n      ...this._layoutInfo.slider,\n      size: railPx,\n      x: isHorizontal(this._orient)\n        ? startPx + this.attribute.slider.space\n        : (this._size.width - railSectionLength) / 2,\n      y: isHorizontal(this._orient)\n        ? (this._size.height - railSectionLength) / 2\n        : startPx + this.attribute.slider.space\n    };\n\n    // 6. 计算终点控件坐标\n    endControllers.reduce((px, controller) => {\n      const {\n        key,\n        space,\n        style: { size }\n      } = controller;\n      const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n      this._layoutInfo[key] = {\n        ...this._layoutInfo[key],\n        size: maxSize,\n        x: isHorizontal(this._orient) ? px + space : (this._size.width - maxSize) / 2,\n        y: isHorizontal(this._orient) ? (this._size.height - maxSize) / 2 : px + space\n      };\n      return px + space + maxSize;\n    }, startPx + sliderPx);\n  }\n\n  /**\n   * 初始化滑动条\n   */\n  private _updateSliderAttrs = () => {\n    let handlerSize;\n    if (isValidNumber(this._handlerStyle.size)) {\n      handlerSize = this._handlerStyle.size;\n    } else if (this._handlerStyle.size && this._handlerStyle.size.length) {\n      handlerSize = max(this._handlerStyle.size[0], this._handlerStyle.size[1]);\n    }\n\n    const attrs: SliderAttributes = {\n      visible: this._sliderVisible,\n      // 重要参数\n      min: this._minIndex,\n      max: this._maxIndex,\n      value: this._dataIndex,\n      railWidth: this._railStyle.width,\n      railHeight: this._railStyle.height,\n      railStyle: this._railStyle,\n      trackStyle: this._trackStyle,\n      handlerSize: isValidNumber(handlerSize) ? handlerSize : undefined,\n      handlerStyle: this._handlerStyle,\n      // 不重要, 但需要预设的参数\n      dy: this.attribute.slider.dy,\n      dx: this.attribute.slider.dx,\n      slidable: true,\n      range: false,\n      handlerText: { visible: false },\n      startText: { visible: false },\n      endText: { visible: false },\n      disableTriggerEvent: this.attribute.disableTriggerEvent\n    };\n\n    // 横向布局\n    if (isHorizontal(this._orient)) {\n      // 滑动条水平居中\n      const railWidth = Math.max(0, this._layoutInfo.slider.size);\n      const railHeight = this._railStyle.height ?? RailDefaultSize[1];\n\n      // 属性修改\n      attrs.layout = 'horizontal';\n      attrs.railHeight = railHeight;\n      attrs.railWidth = railWidth;\n      attrs.x = this._layoutInfo.slider.x;\n      attrs.y = this._layoutInfo.slider.y;\n    }\n    // 纵向布局\n    else {\n      // 滑动条垂直居中\n      const railHeight = Math.max(0, this._layoutInfo.slider.size);\n      const railWidth = this._railStyle.width ?? RailDefaultSize[1];\n\n      // 属性修改\n      attrs.layout = 'vertical';\n      attrs.railWidth = railWidth;\n      attrs.railHeight = railHeight;\n      attrs.x = this._layoutInfo.slider.x;\n      attrs.y = this._layoutInfo.slider.y;\n    }\n    return attrs;\n  };\n\n  private _initSlider = () => {\n    const attrs = this._updateSliderAttrs();\n    this._slider = new Slider(attrs);\n    if (this._sliderVisible) {\n      this.add(this._slider as unknown as INode);\n    }\n  };\n\n  /**\n   * 初始化控制器\n   */\n  private _updateControllerAttrs = () => {\n    const attrs: ControllerAttributes = {\n      start: this._start,\n      pause: this._pause,\n      forward: this._forward,\n      backward: this._backward,\n      disableTriggerEvent: this.attribute.disableTriggerEvent\n    };\n    // 横向布局\n    attrs.layout = isHorizontal(this._orient) ? 'horizontal' : 'vertical';\n    attrs.start = {\n      ...attrs.start,\n      style: {\n        ...attrs.start.style,\n        x: this._layoutInfo.start.x,\n        y: this._layoutInfo.start.y\n      }\n    };\n    attrs.pause = {\n      ...attrs.pause,\n      // 暂停按钮, 复用开始按钮的布局\n      style: {\n        ...attrs.pause.style,\n        x: this._layoutInfo.start.x,\n        y: this._layoutInfo.start.y\n      }\n    };\n    attrs.backward = {\n      ...attrs.backward,\n      style: {\n        ...attrs.backward.style,\n        x: this._layoutInfo.backward.x,\n        y: this._layoutInfo.backward.y\n      }\n    };\n    attrs.forward = {\n      ...attrs.forward,\n      style: {\n        ...attrs.forward.style,\n        x: this._layoutInfo.forward.x,\n        y: this._layoutInfo.forward.y\n      }\n    };\n    return attrs;\n  };\n\n  private _initController = () => {\n    const attrs = this._updateControllerAttrs();\n    this._controller = new Controller(attrs);\n    if (this._controllerVisible) {\n      this.add(this._controller as unknown as INode);\n    }\n  };\n\n  /**\n   * 渲染\n   */\n  render() {\n    this._initLayoutInfo();\n    this.renderSlider();\n    this.renderController();\n  }\n\n  /**\n   * 更新滑动条\n   */\n  renderSlider() {\n    const attrs = this._updateSliderAttrs();\n    this._slider.setAttributes(attrs);\n  }\n\n  /**\n   * 更新控制器\n   */\n  renderController() {\n    const attrs = this._updateControllerAttrs();\n    this._controller.setAttributes(attrs);\n  }\n\n  /**\n   * 触发事件\n   * @param eventType 事件类型\n   * @param dataIndex 数据下标\n   */\n  dispatchCustomEvent(eventType: PlayerEventEnum, dataIndex: number) {\n    this._dispatchEvent(eventType, {\n      eventType,\n      index: dataIndex,\n      value: this._data[dataIndex]\n    });\n  }\n\n  release(all: boolean) {\n    if (!this._sliderVisible) {\n      this._slider.release(all);\n    }\n    super.release(all);\n  }\n}\n"]}

package/es/poptip/index.d.ts

@@ -1,4 +1,4 @@
 export * from './poptip';
 export * from './type';
 export { setPoptipTheme } from './register';
-export { loadPoptip } from './module';
+export * from './module';

package/es/poptip/index.js

@@ -4,5 +4,5 @@ export * from "./type";
 
 export { setPoptipTheme } from "./register";
 
-export { loadPoptip } from "./module";
+export * from "./module";
 //# sourceMappingURL=index.js.map

package/es/poptip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './poptip';\nexport * from './type';\nexport { setPoptipTheme } from './register';\nexport { loadPoptip } from './module';\n"]}
+{"version":3,"sources":["../src/poptip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './poptip';\nexport * from './type';\nexport { setPoptipTheme } from './register';\nexport * from './module';\n"]}

package/es/poptip/module.d.ts

@@ -1 +1,3 @@
+import { type IApp } from '@visactor/vrender-core';
+export declare function installPoptipToApp(app: IApp): void;
 export declare function loadPoptip(): void;

package/es/poptip/module.js

@@ -1,13 +1,23 @@
-import { InteractiveSubRenderContribution, AutoEnablePlugins, contributionRegistry } from "@visactor/vrender-core";
+import { AutoEnablePlugins, InteractiveSubRenderContribution, configureRuntimeApplicationForApp, getLegacyBindingContext, getRuntimeInstallerBindingContext, installRuntimeGraphicRenderersToApp, refreshRuntimeInstallerContributions } from "@visactor/vrender-core";
 
 import { PopTipRenderContribution } from "./contribution";
 
 import { PopTipPlugin, PopTipForClipedTextPlugin } from "./poptip-plugin";
 
-let _registered = !1;
+function bindPoptip(container) {
+    container.isBound(PopTipRenderContribution) || (container.bind(PopTipRenderContribution).toSelf().inSingletonScope(), 
+    container.bind(InteractiveSubRenderContribution).toService(PopTipRenderContribution)), 
+    container.isBound(PopTipPlugin) || (container.bind(PopTipPlugin).toSelf(), container.bind(AutoEnablePlugins).toService(PopTipPlugin)), 
+    container.isBound(PopTipForClipedTextPlugin) || (container.bind(PopTipForClipedTextPlugin).toSelf(), 
+    container.bind(AutoEnablePlugins).toService(PopTipForClipedTextPlugin));
+}
+
+export function installPoptipToApp(app) {
+    configureRuntimeApplicationForApp(app), bindPoptip(getRuntimeInstallerBindingContext()), 
+    refreshRuntimeInstallerContributions(), installRuntimeGraphicRenderersToApp(app);
+}
 
 export function loadPoptip() {
-    _registered || (_registered = !0, contributionRegistry.register(InteractiveSubRenderContribution, new PopTipRenderContribution), 
-    contributionRegistry.register(AutoEnablePlugins, new PopTipPlugin), contributionRegistry.register(AutoEnablePlugins, new PopTipForClipedTextPlugin));
+    bindPoptip(getLegacyBindingContext());
 }
 //# sourceMappingURL=module.js.map

package/es/poptip/module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB,MAAM,UAAU,UAAU;IACxB,IAAI,WAAW,EAAE;QACf,OAAO;KACR;IACD,WAAW,GAAG,IAAI,CAAC;IACnB,oBAAoB,CAAC,QAAQ,CAAC,gCAAgC,EAAE,IAAI,wBAAwB,EAAE,CAAC,CAAC;IAChG,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,YAAY,EAAE,CAAC,CAAC;IACrE,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,yBAAyB,EAAE,CAAC,CAAC;AACpF,CAAC","file":"module.js","sourcesContent":["import { InteractiveSubRenderContribution, AutoEnablePlugins, contributionRegistry } from '@visactor/vrender-core';\nimport { PopTipRenderContribution } from './contribution';\nimport { PopTipPlugin, PopTipForClipedTextPlugin } from './poptip-plugin';\n\nlet _registered = false;\nexport function loadPoptip() {\n  if (_registered) {\n    return;\n  }\n  _registered = true;\n  contributionRegistry.register(InteractiveSubRenderContribution, new PopTipRenderContribution());\n  contributionRegistry.register(AutoEnablePlugins, new PopTipPlugin());\n  contributionRegistry.register(AutoEnablePlugins, new PopTipForClipedTextPlugin());\n}\n"]}
+{"version":3,"sources":["../src/poptip/module.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gCAAgC,EAChC,iCAAiC,EACjC,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,oCAAoC,EAErC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,SAAS,UAAU,CAAC,SAAyF;IAC3G,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE;QAChD,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACrE,SAAS,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;KACtF;IACD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QACpC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,EAAE,CAAC;QACtC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;KAC3D;IACD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE;QACjD,SAAS,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,MAAM,EAAE,CAAC;QACnD,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;KACxE;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,GAAS;IAC1C,iCAAiC,CAAC,GAAG,CAAC,CAAC;IACvC,UAAU,CAAC,iCAAiC,EAAE,CAAC,CAAC;IAChD,oCAAoC,EAAE,CAAC;IACvC,mCAAmC,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,UAAU,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACxC,CAAC","file":"module.js","sourcesContent":["import {\n  AutoEnablePlugins,\n  InteractiveSubRenderContribution,\n  configureRuntimeApplicationForApp,\n  getLegacyBindingContext,\n  getRuntimeInstallerBindingContext,\n  installRuntimeGraphicRenderersToApp,\n  refreshRuntimeInstallerContributions,\n  type IApp\n} from '@visactor/vrender-core';\nimport { PopTipRenderContribution } from './contribution';\nimport { PopTipPlugin, PopTipForClipedTextPlugin } from './poptip-plugin';\n\nfunction bindPoptip(container: Pick<ReturnType<typeof getRuntimeInstallerBindingContext>, 'bind' | 'isBound'>) {\n  if (!container.isBound(PopTipRenderContribution)) {\n    container.bind(PopTipRenderContribution).toSelf().inSingletonScope();\n    container.bind(InteractiveSubRenderContribution).toService(PopTipRenderContribution);\n  }\n  if (!container.isBound(PopTipPlugin)) {\n    container.bind(PopTipPlugin).toSelf();\n    container.bind(AutoEnablePlugins).toService(PopTipPlugin);\n  }\n  if (!container.isBound(PopTipForClipedTextPlugin)) {\n    container.bind(PopTipForClipedTextPlugin).toSelf();\n    container.bind(AutoEnablePlugins).toService(PopTipForClipedTextPlugin);\n  }\n}\n\nexport function installPoptipToApp(app: IApp): void {\n  configureRuntimeApplicationForApp(app);\n  bindPoptip(getRuntimeInstallerBindingContext());\n  refreshRuntimeInstallerContributions();\n  installRuntimeGraphicRenderersToApp(app);\n}\n\nexport function loadPoptip() {\n  bindPoptip(getLegacyBindingContext());\n}\n"]}

package/es/poptip/poptip-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/poptip-plugin.ts"],"names":[],"mappings":"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","file":"poptip-plugin.js","sourcesContent":["import type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator } from '@visactor/vrender-core';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\nexport abstract class PopTipPluginBase {\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n\n  needHide(graphic: IGraphic) {\n    return graphic.isContainer || !graphic.attribute;\n  }\n\n  needShow(graphic: IGraphic) {\n    return !!(graphic.attribute as any).poptip;\n  }\n\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (this.needHide(graphic)) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    if (this.needShow(graphic)) {\n      graphic.setAttributes({});\n      (graphic as any)._showPoptip = 1;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      (this.activeGraphic as any)._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    (this.activeGraphic as any)._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n\nexport class PopTipPlugin extends PopTipPluginBase implements IPlugin {\n  name: 'poptip' = 'poptip';\n  key: string = this.name + this._uid;\n}\n\nexport class PopTipForClipedTextPlugin extends PopTipPluginBase implements IPlugin {\n  name: 'poptipForText' = 'poptipForText';\n  key: string = this.name + this._uid;\n\n  activate(context: IPluginService): void {\n    super.activate(context);\n\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerleave', this.pointerlave);\n  }\n  pointerlave = (e: any) => {\n    const { stage } = this.pluginService;\n    if (e.target === stage) {\n      this.unpoptip(e);\n    }\n  };\n\n  needHide(graphic: IGraphic) {\n    return (\n      graphic.type !== 'text' ||\n      !graphic.cliped ||\n      graphic.isContainer ||\n      !graphic.attribute ||\n      (graphic as any).attribute.disableAutoClipedPoptip\n    );\n  }\n  needShow(graphic: IGraphic): boolean {\n    return true;\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    super.deactivate(context);\n    stage.removeEventListener('pointerleave', this.pointerlave);\n  }\n}\n"]}
+{"version":3,"sources":["../src/poptip/poptip-plugin.ts"],"names":[],"mappings":"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","file":"poptip-plugin.js","sourcesContent":["import type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator } from '@visactor/vrender-core';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\nexport abstract class PopTipPluginBase {\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n\n  needHide(graphic: IGraphic) {\n    return graphic.isContainer || !graphic.attribute;\n  }\n\n  needShow(graphic: IGraphic) {\n    return !!(graphic.attribute as any).poptip;\n  }\n\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (this.needHide(graphic)) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    if (this.needShow(graphic)) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n\nexport class PopTipPlugin extends PopTipPluginBase implements IPlugin {\n  name: 'poptip' = 'poptip';\n  key: string = this.name + this._uid;\n}\n\nexport class PopTipForClipedTextPlugin extends PopTipPluginBase implements IPlugin {\n  name: 'poptipForText' = 'poptipForText';\n  key: string = this.name + this._uid;\n\n  activate(context: IPluginService): void {\n    super.activate(context);\n\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerleave', this.pointerlave);\n  }\n  pointerlave = (e: any) => {\n    const { stage } = this.pluginService;\n    if (e.target === stage) {\n      this.unpoptip(e);\n    }\n  };\n\n  needHide(graphic: IGraphic) {\n    return (\n      graphic.type !== 'text' ||\n      !graphic.cliped ||\n      graphic.isContainer ||\n      !graphic.attribute ||\n      (graphic as any).attribute.disableAutoClipedPoptip\n    );\n  }\n  needShow(graphic: IGraphic): boolean {\n    return true;\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    super.deactivate(context);\n    stage.removeEventListener('pointerleave', this.pointerlave);\n  }\n}\n"]}

package/es/poptip/register.js

@@ -4,8 +4,6 @@ import { DEFAULT_THEME, theme } from "./theme";
 
 import { registerGroup, registerRect, registerSymbol, registerText } from "@visactor/vrender-kits";
 
-const _registered = !1;
-
 export function loadPoptipComponent() {
     registerGroup(), registerText(), registerSymbol(), registerRect();
 }

package/es/poptip/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEnG,MAAM,WAAW,GAAG,KAAK,CAAC;AAC1B,MAAM,UAAU,mBAAmB;IACjC,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,kBAAoC;IACjE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC;AACzD,CAAC","file":"register.js","sourcesContent":["import { InteractiveSubRenderContribution, AutoEnablePlugins } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { PopTipAttributes } from './type';\nimport { DEFAULT_THEME, theme } from './theme';\nimport { registerGroup, registerRect, registerSymbol, registerText } from '@visactor/vrender-kits';\n\nconst _registered = false;\nexport function loadPoptipComponent() {\n  registerGroup();\n  registerText();\n  registerSymbol();\n  registerRect();\n}\n\nexport function setPoptipTheme(defaultPoptipTheme: PopTipAttributes) {\n  merge(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);\n}\n"]}
+{"version":3,"sources":["../src/poptip/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEnG,MAAM,UAAU,mBAAmB;IACjC,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,kBAAoC;IACjE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC;AACzD,CAAC","file":"register.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport type { PopTipAttributes } from './type';\nimport { DEFAULT_THEME, theme } from './theme';\nimport { registerGroup, registerRect, registerSymbol, registerText } from '@visactor/vrender-kits';\n\nexport function loadPoptipComponent() {\n  registerGroup();\n  registerText();\n  registerSymbol();\n  registerRect();\n}\n\nexport function setPoptipTheme(defaultPoptipTheme: PopTipAttributes) {\n  merge(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);\n}\n"]}

package/es/scrollbar/module.d.ts

@@ -1 +1,3 @@
+import { type IApp } from '@visactor/vrender-core';
+export declare function installScrollbarToApp(app: IApp): void;
 export declare function loadScrollbar(): void;

package/es/scrollbar/module.js

@@ -1,10 +1,18 @@
-import { AutoEnablePlugins, contributionRegistry } from "@visactor/vrender-core";
+import { AutoEnablePlugins, configureRuntimeApplicationForApp, getLegacyBindingContext, getRuntimeInstallerBindingContext, refreshRuntimeInstallerContributions } from "@visactor/vrender-core";
 
 import { ScrollBarPlugin } from "./scrollbar-plugin";
 
-let _registered = !1;
+function bindScrollbar(container) {
+    container.isBound(ScrollBarPlugin) || (container.bind(ScrollBarPlugin).toSelf(), 
+    container.bind(AutoEnablePlugins).toService(ScrollBarPlugin));
+}
+
+export function installScrollbarToApp(app) {
+    configureRuntimeApplicationForApp(app), bindScrollbar(getRuntimeInstallerBindingContext()), 
+    refreshRuntimeInstallerContributions();
+}
 
 export function loadScrollbar() {
-    _registered || (_registered = !0, contributionRegistry.register(AutoEnablePlugins, new ScrollBarPlugin));
+    bindScrollbar(getLegacyBindingContext());
 }
 //# sourceMappingURL=module.js.map

package/es/scrollbar/module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scrollbar/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB,MAAM,UAAU,aAAa;IAC3B,IAAI,WAAW,EAAE;QACf,OAAO;KACR;IACD,WAAW,GAAG,IAAI,CAAC;IACnB,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,eAAe,EAAE,CAAC,CAAC;AAC1E,CAAC","file":"module.js","sourcesContent":["import { AutoEnablePlugins, contributionRegistry } from '@visactor/vrender-core';\nimport { ScrollBarPlugin } from './scrollbar-plugin';\n\nlet _registered = false;\nexport function loadScrollbar() {\n  if (_registered) {\n    return;\n  }\n  _registered = true;\n  contributionRegistry.register(AutoEnablePlugins, new ScrollBarPlugin());\n}\n"]}
+{"version":3,"sources":["../src/scrollbar/module.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iCAAiC,EACjC,uBAAuB,EACvB,iCAAiC,EACjC,oCAAoC,EAErC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,SAAS,aAAa,CAAC,SAAyF;IAC9G,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;QACvC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;KAC9D;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAAS;IAC7C,iCAAiC,CAAC,GAAG,CAAC,CAAC;IACvC,aAAa,CAAC,iCAAiC,EAAE,CAAC,CAAC;IACnD,oCAAoC,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,aAAa,CAAC,uBAAuB,EAAE,CAAC,CAAC;AAC3C,CAAC","file":"module.js","sourcesContent":["import {\n  AutoEnablePlugins,\n  configureRuntimeApplicationForApp,\n  getLegacyBindingContext,\n  getRuntimeInstallerBindingContext,\n  refreshRuntimeInstallerContributions,\n  type IApp\n} from '@visactor/vrender-core';\nimport { ScrollBarPlugin } from './scrollbar-plugin';\n\nfunction bindScrollbar(container: Pick<ReturnType<typeof getRuntimeInstallerBindingContext>, 'bind' | 'isBound'>) {\n  if (!container.isBound(ScrollBarPlugin)) {\n    container.bind(ScrollBarPlugin).toSelf();\n    container.bind(AutoEnablePlugins).toService(ScrollBarPlugin);\n  }\n}\n\nexport function installScrollbarToApp(app: IApp): void {\n  configureRuntimeApplicationForApp(app);\n  bindScrollbar(getRuntimeInstallerBindingContext());\n  refreshRuntimeInstallerContributions();\n}\n\nexport function loadScrollbar() {\n  bindScrollbar(getLegacyBindingContext());\n}\n"]}

package/es/scrollbar/scrollbar.d.ts

@@ -15,6 +15,7 @@ export declare class ScrollBar extends AbstractComponent<Required<ScrollBarAttri
         direction: string;
         round: boolean;
         sliderSize: number;
+        minSliderSize: number;
         sliderStyle: {
             fill: string;
         };

package/es/scrollbar/scrollbar.js

@@ -51,11 +51,11 @@ export class ScrollBar extends AbstractComponent {
             }));
         }, this._computeScrollValue = e => {
             const {direction: direction} = this.attribute, {x: x, y: y} = this.stage.eventPointTransform(e);
-            let currentScrollValue, currentPos, delta = 0;
-            const {width: width, height: height} = this.getSliderRenderBounds();
-            return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, 
-            currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, 
-            currentScrollValue = delta / width), [ currentPos, currentScrollValue ];
+            let currentPos, currentScrollValue = 0, delta = 0;
+            const {width: width, height: height} = this.getSliderRenderBounds(), track = "vertical" === direction ? height : width, travel = Math.max(track - this._sliderSize, 0), {range: range} = this.attribute, ratio = clamp(range[1] - range[0], 0, 1);
+            return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos) : (currentPos = x, 
+            delta = currentPos - this._prePos), currentScrollValue = travel > 0 && ratio < 1 ? delta / travel * (1 - ratio) : 0, 
+            [ currentPos, currentScrollValue ];
         }, this._onSliderPointerMove = e => {
             const {stopSliderMovePropagation: stopSliderMovePropagation = !0} = this.attribute;
             stopSliderMovePropagation && e.stopPropagation();
@@ -159,8 +159,8 @@ export class ScrollBar extends AbstractComponent {
         return 0;
     }
     _getSliderPos(range) {
-        const {direction: direction} = this.attribute, {width: width, height: height, x1: x1, y1: y1} = this.getSliderRenderBounds();
-        return "horizontal" === direction ? [ width * range[0] + x1, width * range[1] + x1 ] : [ height * range[0] + y1, height * range[1] + y1 ];
+        const {direction: direction, minSliderSize: minSliderSize = 0} = this.attribute, {width: width, height: height, x1: x1, y1: y1} = this.getSliderRenderBounds(), track = "horizontal" === direction ? width : height, origin = "horizontal" === direction ? x1 : y1, start = clamp(range[0], 0, 1), end = clamp(range[1], 0, 1), ratio = clamp(end - start, 0, 1), L = Math.max(ratio * track, minSliderSize), T = Math.max(track - L, 0), pStart = origin + start / Math.max(1 - ratio, 1e-12) * T;
+        return [ pStart, pStart + L ];
     }
     _getScrollRange() {
         if (this._sliderLimitRange) return this._sliderLimitRange;
@@ -179,7 +179,7 @@ export class ScrollBar extends AbstractComponent {
         this._sliderRenderBounds = null, this._sliderLimitRange = null;
     }
     release(all) {
-        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
             passive: !1
         }), this._clearDragEvents();
     }
@@ -189,6 +189,7 @@ ScrollBar.defaultAttributes = {
     direction: "horizontal",
     round: !0,
     sliderSize: 20,
+    minSliderSize: 0,
     sliderStyle: {
         fill: "rgba(0, 0, 0, .5)"
     },

package/es/scrollbar/scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scrollbar/scrollbar.ts"],"names":[],"mappings":"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","file":"scrollbar.js","sourcesContent":["/**\n * @description 滚动条组件\n */\nimport type { IRectGraphicAttribute, FederatedPointerEvent, IGroup, IRect } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { vglobal } from '@visactor/vrender-core';\nimport { merge, normalizePadding, clamp, clampRange, debounce, throttle, isValid } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\n\nimport type { ScrollBarAttributes } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { loadScrollbarComponent } from './register';\nimport { SCROLLBAR_START_EVENT, SCROLLBAR_EVENT, SCROLLBAR_END_EVENT } from '../constant';\nimport { getEndTriggersOfDrag } from '../util/event';\n\ntype ComponentBounds = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  width: number;\n  height: number;\n};\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nloadScrollbarComponent();\n\nexport class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>> {\n  name = 'scrollbar';\n\n  static defaultAttributes = {\n    direction: 'horizontal',\n    round: true,\n    sliderSize: 20,\n    sliderStyle: {\n      fill: 'rgba(0, 0, 0, .5)'\n    },\n    railStyle: {\n      fill: 'rgba(0, 0, 0, .0)'\n    },\n    padding: 2,\n    scrollRange: [0, 1],\n    delayType: 'throttle',\n    delayTime: 0,\n    realTime: true\n  };\n\n  private _container!: IGroup;\n  // 滚动条滑块\n  private _slider!: IRect;\n  // 滚动条滑轨\n  private _rail!: IRect;\n  // 滑块可渲染的区域包围盒\n  private _sliderRenderBounds!: ComponentBounds | null;\n  // 滑块滑动的范围\n  private _sliderLimitRange!: [number, number] | null;\n  // 保留滑块上一次的位置\n  private _prePos!: number;\n  // TODO: 临时方案\n  private _viewPosition!: { x: number; y: number };\n  private _sliderSize!: number;\n\n  constructor(attributes: ScrollBarAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, ScrollBar.defaultAttributes, attributes));\n  }\n\n  setScrollRange(range: [number, number], render = true) {\n    const {\n      direction = 'horizontal',\n      limitRange = [0, 1],\n      range: preRange,\n      realTime = true\n    } = this.attribute as ScrollBarAttributes;\n\n    const currScrollRange = clampRange(range, limitRange[0], limitRange[1]);\n    if (render) {\n      // 更新图形\n      const sliderPos = this._getSliderPos(currScrollRange);\n      if (this._slider) {\n        const sliderSize = sliderPos[1] - sliderPos[0];\n        this._sliderSize = sliderSize;\n\n        if (direction === 'horizontal') {\n          this._slider.setAttributes(\n            {\n              x: sliderPos[0],\n              width: sliderSize\n            },\n            true\n          );\n        } else {\n          this._slider.setAttributes(\n            {\n              y: sliderPos[0],\n              height: sliderSize\n            },\n            true\n          );\n        }\n\n        if (this.stage && !this.stage.autoRender) {\n          this.stage.renderNextFrame();\n        }\n      }\n    }\n    (this.attribute as ScrollBarAttributes).range = currScrollRange;\n    // 发射 change 事件\n    if (realTime) {\n      this._dispatchEvent(SCROLLBAR_EVENT, {\n        pre: preRange,\n        value: currScrollRange\n      });\n    }\n  }\n\n  getScrollRange(): [number, number] {\n    return (this.attribute as ScrollBarAttributes).range;\n  }\n\n  // public setLocation(point: PointLocationCfg) {\n  //   this.translateTo(point.x, point.y);\n  // }\n\n  // 绑定事件\n  protected bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    const { delayType = 'throttle', delayTime = 0 } = this.attribute as ScrollBarAttributes;\n    // TODO: wheel 事件支持\n    if (this._rail) {\n      this._rail.addEventListener(\n        'pointerdown',\n        delayMap[delayType](this._onRailPointerDown, delayTime) as EventListener\n      );\n    }\n    if (this._slider) {\n      this._slider.addEventListener('pointerdown', this._onSliderPointerDown as EventListener);\n    }\n\n    (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {\n      passive: false\n    });\n  }\n\n  private _handleTouchMove = (e: TouchEvent) => {\n    if (isValid(this._prePos)) {\n      // 正在滚动中的时候\n      /**\n       * https://developer.mozilla.org/zh-CN/docs/Web/CSS/overscroll-behavior\n       * 由于浏览器的overscroll-behavior属性，需要在move的时候阻止浏览器默认行为，否则会因为浏览器检测到scroll行为，阻止pointer事件，\n       * 抛出pointercancel事件，导致拖拽行为中断。\n       */\n      e.preventDefault();\n    }\n  };\n\n  protected render() {\n    this._reset();\n    const {\n      direction = 'horizontal',\n      width,\n      height,\n      range,\n      limitRange = [0, 1],\n      // sliderSize = 20,\n      // scrollValue = 0,\n      // scrollRange = [0, 1],\n      railStyle,\n      sliderStyle,\n      padding = 2\n    } = this.attribute as ScrollBarAttributes;\n\n    const group = this.createOrUpdateChild('scrollbar-container', {}, 'group') as IGroup;\n    // 绘制轨道\n\n    const rail = group.createOrUpdateChild(\n      'scrollbar-rail',\n      {\n        x: 0,\n        y: 0,\n        width,\n        height,\n        ...railStyle\n      },\n      'rect'\n    ) as IRect;\n    this._rail = rail;\n\n    // 滑块\n    const sliderRenderBounds = this.getSliderRenderBounds();\n    const sliderPos = this._getSliderPos(clampRange(range, limitRange[0], limitRange[1]));\n    const sliderSize = sliderPos[1] - sliderPos[0];\n    this._sliderSize = sliderSize;\n    // const sliderRangePos = this._getScrollRange();\n\n    let sliderAttribute: IRectGraphicAttribute;\n    if (direction === 'horizontal') {\n      sliderAttribute = {\n        x: sliderPos[0],\n        y: sliderRenderBounds.y1,\n        width: sliderSize,\n        height: sliderRenderBounds.height\n      };\n    } else {\n      sliderAttribute = {\n        x: sliderRenderBounds.x1,\n        y: sliderPos[0],\n        width: sliderRenderBounds.width,\n        height: sliderSize\n      };\n    }\n\n    const slider = group.createOrUpdateChild(\n      'slider',\n      {\n        ...sliderAttribute,\n        cornerRadius: this._getDefaultSliderCornerRadius(),\n        ...sliderStyle,\n        boundsPadding: normalizePadding(padding),\n        pickMode: 'imprecise'\n      },\n      'rect'\n    ) as IRect;\n    this._slider = slider;\n    this._container = group;\n\n    const containerAABBBounds = this._container.AABBBounds;\n    this._viewPosition = {\n      x: containerAABBBounds.x1,\n      y: containerAABBBounds.y1\n    };\n  }\n\n  // 获取滑块渲染的包围盒区域\n  getSliderRenderBounds() {\n    if (this._sliderRenderBounds) {\n      return this._sliderRenderBounds;\n    }\n    const { width, height, padding = 2 } = this.attribute as ScrollBarAttributes;\n    const [top, right, bottom, left] = normalizePadding(padding);\n    const renderBounds = {\n      x1: left,\n      y1: top,\n      x2: width - right,\n      y2: height - bottom,\n      width: Math.max(0, width - (left + right)),\n      height: Math.max(0, height - (top + bottom))\n    };\n    this._sliderRenderBounds = renderBounds;\n    return renderBounds;\n  }\n\n  // 获取默认的滑块圆角\n  private _getDefaultSliderCornerRadius() {\n    const { direction, round } = this.attribute as ScrollBarAttributes;\n\n    if (round) {\n      const { width, height } = this.getSliderRenderBounds();\n      return direction === 'horizontal' ? height : width;\n    }\n\n    return 0;\n  }\n\n  // 计算滑块在轨道的位置\n  private _getSliderPos(range: [number, number]) {\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { width, height, x1, y1 } = this.getSliderRenderBounds();\n\n    if (direction === 'horizontal') {\n      return [width * range[0] + x1, width * range[1] + x1];\n    }\n    return [height * range[0] + y1, height * range[1] + y1];\n  }\n\n  private _getScrollRange() {\n    if (this._sliderLimitRange) {\n      return this._sliderLimitRange;\n    }\n    const { limitRange = [0, 1], direction } = this.attribute as ScrollBarAttributes;\n    const [min, max] = clampRange(limitRange, 0, 1);\n    const { width, height, x1, y1 } = this.getSliderRenderBounds();\n    const sliderSize = this._sliderSize;\n\n    return direction === 'horizontal'\n      ? clampRange([x1 + min * width, x1 + max * width], x1, width - sliderSize)\n      : clampRange([y1 + min * height, y1 + max * height], y1, height - sliderSize);\n  }\n\n  private _onRailPointerDown = (e: FederatedPointerEvent) => {\n    // 将事件坐标转换为实际的滑块位置\n    // TODO: 这里有问题，应该拿  viewX viewY，同时 graphic 要提供接口获取它的 相对 view 的坐标\n    const { viewX, viewY } = e;\n    const { direction, width, height, range } = this.attribute as ScrollBarAttributes;\n    const sliderSize = this._sliderSize;\n    const [min, max] = this._getScrollRange();\n    let currentScrollValue;\n    if (direction === 'vertical') {\n      const relativeY = viewY - this._viewPosition.y;\n      const currentYPos = clamp(relativeY - sliderSize / 2, min, max);\n      currentScrollValue = relativeY / height;\n      this._slider.setAttribute('y', currentYPos, true);\n    } else {\n      const relativeX = viewX - this._viewPosition.x;\n      const currentXPos = clamp(relativeX - sliderSize / 2, min, max);\n      currentScrollValue = relativeX / width;\n      this._slider.setAttribute('x', currentXPos, true);\n    }\n\n    this.setScrollRange(\n      [currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2],\n      false\n    );\n\n    if (this.stage && !this.stage.autoRender) {\n      this.stage.renderNextFrame();\n    }\n  };\n\n  private _onSliderPointerDown = (e: FederatedPointerEvent) => {\n    this._clearDragEvents();\n    const { stopSliderDownPropagation = true } = this.attribute as ScrollBarAttributes;\n    if (stopSliderDownPropagation) {\n      e.stopPropagation();\n    }\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { x, y } = this.stage.eventPointTransform(e);\n    this._prePos = direction === 'horizontal' ? x : y;\n    this._dispatchEvent(SCROLLBAR_START_EVENT, {\n      pos: this._prePos,\n      event: e\n    });\n\n    const triggers = getEndTriggersOfDrag();\n    const obj = vglobal.env === 'browser' ? vglobal : this.stage;\n\n    /**\n     * move的时候，需要通过 capture: true，能够在捕获截断被拦截，\n     * move的时候，需要显示的设置passive: false，因为在移动端需要禁用浏览器默认行为\n     */\n    obj.addEventListener('pointermove', this._onSliderPointerMoveWithDelay, { capture: true });\n    triggers.forEach((trigger: string) => {\n      obj.addEventListener(trigger, this._onSliderPointerUp);\n    });\n  };\n\n  private _computeScrollValue = (e: any) => {\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { x, y } = this.stage.eventPointTransform(e);\n\n    let currentScrollValue;\n    let currentPos;\n    let delta = 0;\n\n    const { width, height } = this.getSliderRenderBounds();\n    if (direction === 'vertical') {\n      currentPos = y;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / height;\n    } else {\n      currentPos = x;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / width;\n    }\n    return [currentPos, currentScrollValue];\n  };\n\n  private _onSliderPointerMove = (e: any) => {\n    const { stopSliderMovePropagation = true } = this.attribute as ScrollBarAttributes;\n    if (stopSliderMovePropagation) {\n      e.stopPropagation();\n    }\n    const preScrollRange = this.getScrollRange();\n    const [currentPos, currentScrollValue] = this._computeScrollValue(e);\n    this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], true);\n    this._prePos = currentPos;\n  };\n\n  private _onSliderPointerMoveWithDelay =\n    this.attribute.delayTime === 0\n      ? this._onSliderPointerMove\n      : delayMap[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime);\n\n  private _clearDragEvents() {\n    const triggers = getEndTriggersOfDrag();\n    const obj = vglobal.env === 'browser' ? vglobal : this.stage;\n\n    obj.removeEventListener('pointermove', this._onSliderPointerMoveWithDelay, { capture: true });\n    triggers.forEach((trigger: string) => {\n      obj.removeEventListener(trigger, this._onSliderPointerUp);\n    });\n  }\n\n  private _onSliderPointerUp = (e: any) => {\n    const { range: preRange, limitRange = [0, 1] } = this.attribute as ScrollBarAttributes;\n    // 发射 change 事件\n    const preScrollRange = this.getScrollRange();\n    const [currentPos, currentScrollValue] = this._computeScrollValue(e);\n    const range: [number, number] = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];\n    this._prePos = null;\n\n    this._dispatchEvent(SCROLLBAR_END_EVENT, {\n      pre: preRange,\n      value: clampRange(range, limitRange[0], limitRange[1])\n    });\n\n    this._clearDragEvents();\n  };\n\n  private _reset() {\n    this._sliderRenderBounds = null;\n    this._sliderLimitRange = null;\n  }\n\n  release(all?: boolean): void {\n    /**\n     * 浏览器上的事件必须解绑，防止内存泄漏，场景树上的事件会自动解绑\n     */\n    super.release(all);\n    (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {\n      passive: false\n    });\n    this._clearDragEvents();\n  }\n}\n"]}
+{"version":3,"sources":["../src/scrollbar/scrollbar.ts"],"names":[],"mappings":"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","file":"scrollbar.js","sourcesContent":["/**\n * @description 滚动条组件\n */\nimport type { IRectGraphicAttribute, FederatedPointerEvent, IGroup, IRect } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { vglobal } from '@visactor/vrender-core';\nimport { merge, normalizePadding, clamp, clampRange, debounce, throttle, isValid } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\n\nimport type { ScrollBarAttributes } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { loadScrollbarComponent } from './register';\nimport { SCROLLBAR_START_EVENT, SCROLLBAR_EVENT, SCROLLBAR_END_EVENT } from '../constant';\nimport { getEndTriggersOfDrag } from '../util/event';\n\ntype ComponentBounds = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  width: number;\n  height: number;\n};\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nloadScrollbarComponent();\n\nexport class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>> {\n  name = 'scrollbar';\n\n  static defaultAttributes = {\n    direction: 'horizontal',\n    round: true,\n    sliderSize: 20,\n    minSliderSize: 0,\n    sliderStyle: {\n      fill: 'rgba(0, 0, 0, .5)'\n    },\n    railStyle: {\n      fill: 'rgba(0, 0, 0, .0)'\n    },\n    padding: 2,\n    scrollRange: [0, 1],\n    delayType: 'throttle',\n    delayTime: 0,\n    realTime: true\n  };\n\n  private _container!: IGroup;\n  // 滚动条滑块\n  private _slider!: IRect;\n  // 滚动条滑轨\n  private _rail!: IRect;\n  // 滑块可渲染的区域包围盒\n  private _sliderRenderBounds!: ComponentBounds | null;\n  // 滑块滑动的范围\n  private _sliderLimitRange!: [number, number] | null;\n  // 保留滑块上一次的位置\n  private _prePos!: number;\n  // TODO: 临时方案\n  private _viewPosition!: { x: number; y: number };\n  private _sliderSize!: number;\n\n  constructor(attributes: ScrollBarAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, ScrollBar.defaultAttributes, attributes));\n  }\n\n  setScrollRange(range: [number, number], render = true) {\n    const {\n      direction = 'horizontal',\n      limitRange = [0, 1],\n      range: preRange,\n      realTime = true\n    } = this.attribute as ScrollBarAttributes;\n\n    const currScrollRange = clampRange(range, limitRange[0], limitRange[1]);\n    if (render) {\n      // 更新图形\n      const sliderPos = this._getSliderPos(currScrollRange);\n      if (this._slider) {\n        const sliderSize = sliderPos[1] - sliderPos[0];\n        this._sliderSize = sliderSize;\n\n        if (direction === 'horizontal') {\n          this._slider.setAttributes(\n            {\n              x: sliderPos[0],\n              width: sliderSize\n            },\n            true\n          );\n        } else {\n          this._slider.setAttributes(\n            {\n              y: sliderPos[0],\n              height: sliderSize\n            },\n            true\n          );\n        }\n\n        if (this.stage && !this.stage.autoRender) {\n          this.stage.renderNextFrame();\n        }\n      }\n    }\n    (this.attribute as ScrollBarAttributes).range = currScrollRange;\n    // 发射 change 事件\n    if (realTime) {\n      this._dispatchEvent(SCROLLBAR_EVENT, {\n        pre: preRange,\n        value: currScrollRange\n      });\n    }\n  }\n\n  getScrollRange(): [number, number] {\n    return (this.attribute as ScrollBarAttributes).range;\n  }\n\n  // public setLocation(point: PointLocationCfg) {\n  //   this.translateTo(point.x, point.y);\n  // }\n\n  // 绑定事件\n  protected bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    const { delayType = 'throttle', delayTime = 0 } = this.attribute as ScrollBarAttributes;\n    // TODO: wheel 事件支持\n    if (this._rail) {\n      this._rail.addEventListener(\n        'pointerdown',\n        delayMap[delayType](this._onRailPointerDown, delayTime) as EventListener\n      );\n    }\n    if (this._slider) {\n      this._slider.addEventListener('pointerdown', this._onSliderPointerDown as EventListener);\n    }\n\n    (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {\n      passive: false\n    });\n  }\n\n  private _handleTouchMove = (e: TouchEvent) => {\n    if (isValid(this._prePos)) {\n      // 正在滚动中的时候\n      /**\n       * https://developer.mozilla.org/zh-CN/docs/Web/CSS/overscroll-behavior\n       * 由于浏览器的overscroll-behavior属性，需要在move的时候阻止浏览器默认行为，否则会因为浏览器检测到scroll行为，阻止pointer事件，\n       * 抛出pointercancel事件，导致拖拽行为中断。\n       */\n      e.preventDefault();\n    }\n  };\n\n  protected render() {\n    this._reset();\n    const {\n      direction = 'horizontal',\n      width,\n      height,\n      range,\n      limitRange = [0, 1],\n      // sliderSize = 20,\n      // scrollValue = 0,\n      // scrollRange = [0, 1],\n      railStyle,\n      sliderStyle,\n      padding = 2\n    } = this.attribute as ScrollBarAttributes;\n\n    const group = this.createOrUpdateChild('scrollbar-container', {}, 'group') as IGroup;\n    // 绘制轨道\n\n    const rail = group.createOrUpdateChild(\n      'scrollbar-rail',\n      {\n        x: 0,\n        y: 0,\n        width,\n        height,\n        ...railStyle\n      },\n      'rect'\n    ) as IRect;\n    this._rail = rail;\n\n    // 滑块\n    const sliderRenderBounds = this.getSliderRenderBounds();\n    const sliderPos = this._getSliderPos(clampRange(range, limitRange[0], limitRange[1]));\n    const sliderSize = sliderPos[1] - sliderPos[0];\n    this._sliderSize = sliderSize;\n    // const sliderRangePos = this._getScrollRange();\n\n    let sliderAttribute: IRectGraphicAttribute;\n    if (direction === 'horizontal') {\n      sliderAttribute = {\n        x: sliderPos[0],\n        y: sliderRenderBounds.y1,\n        width: sliderSize,\n        height: sliderRenderBounds.height\n      };\n    } else {\n      sliderAttribute = {\n        x: sliderRenderBounds.x1,\n        y: sliderPos[0],\n        width: sliderRenderBounds.width,\n        height: sliderSize\n      };\n    }\n\n    const slider = group.createOrUpdateChild(\n      'slider',\n      {\n        ...sliderAttribute,\n        cornerRadius: this._getDefaultSliderCornerRadius(),\n        ...sliderStyle,\n        boundsPadding: normalizePadding(padding),\n        pickMode: 'imprecise'\n      },\n      'rect'\n    ) as IRect;\n    this._slider = slider;\n    this._container = group;\n\n    const containerAABBBounds = this._container.AABBBounds;\n    this._viewPosition = {\n      x: containerAABBBounds.x1,\n      y: containerAABBBounds.y1\n    };\n  }\n\n  // 获取滑块渲染的包围盒区域\n  getSliderRenderBounds() {\n    if (this._sliderRenderBounds) {\n      return this._sliderRenderBounds;\n    }\n    const { width, height, padding = 2 } = this.attribute as ScrollBarAttributes;\n    const [top, right, bottom, left] = normalizePadding(padding);\n    const renderBounds = {\n      x1: left,\n      y1: top,\n      x2: width - right,\n      y2: height - bottom,\n      width: Math.max(0, width - (left + right)),\n      height: Math.max(0, height - (top + bottom))\n    };\n    this._sliderRenderBounds = renderBounds;\n    return renderBounds;\n  }\n\n  // 获取默认的滑块圆角\n  private _getDefaultSliderCornerRadius() {\n    const { direction, round } = this.attribute as ScrollBarAttributes;\n\n    if (round) {\n      const { width, height } = this.getSliderRenderBounds();\n      return direction === 'horizontal' ? height : width;\n    }\n\n    return 0;\n  }\n\n  /**\n   * 计算滑块在轨道的位置（像素），应用最小展示尺寸但不改变 range 语义\n   */\n  private _getSliderPos(range: [number, number]) {\n    const { direction, minSliderSize = 0 } = this.attribute as ScrollBarAttributes;\n    const { width, height, x1, y1 } = this.getSliderRenderBounds();\n    const track = direction === 'horizontal' ? width : height;\n    const origin = direction === 'horizontal' ? x1 : y1;\n    const start = clamp(range[0], 0, 1);\n    const end = clamp(range[1], 0, 1);\n    const ratio = clamp(end - start, 0, 1);\n    const L = Math.max(ratio * track, minSliderSize);\n    const T = Math.max(track - L, 0);\n    const denom = Math.max(1 - ratio, 1e-12);\n    const pStart = origin + (start / denom) * T;\n    const pEnd = pStart + L;\n    return [pStart, pEnd];\n  }\n\n  private _getScrollRange() {\n    if (this._sliderLimitRange) {\n      return this._sliderLimitRange;\n    }\n    const { limitRange = [0, 1], direction } = this.attribute as ScrollBarAttributes;\n    const [min, max] = clampRange(limitRange, 0, 1);\n    const { width, height, x1, y1 } = this.getSliderRenderBounds();\n    const sliderSize = this._sliderSize;\n\n    return direction === 'horizontal'\n      ? clampRange([x1 + min * width, x1 + max * width], x1, width - sliderSize)\n      : clampRange([y1 + min * height, y1 + max * height], y1, height - sliderSize);\n  }\n\n  private _onRailPointerDown = (e: FederatedPointerEvent) => {\n    // 将事件坐标转换为实际的滑块位置\n    // TODO: 这里有问题，应该拿  viewX viewY，同时 graphic 要提供接口获取它的 相对 view 的坐标\n    const { viewX, viewY } = e;\n    const { direction, width, height, range } = this.attribute as ScrollBarAttributes;\n    const sliderSize = this._sliderSize;\n    const [min, max] = this._getScrollRange();\n    let currentScrollValue;\n    if (direction === 'vertical') {\n      const relativeY = viewY - this._viewPosition.y;\n      const currentYPos = clamp(relativeY - sliderSize / 2, min, max);\n      currentScrollValue = relativeY / height;\n      this._slider.setAttribute('y', currentYPos, true);\n    } else {\n      const relativeX = viewX - this._viewPosition.x;\n      const currentXPos = clamp(relativeX - sliderSize / 2, min, max);\n      currentScrollValue = relativeX / width;\n      this._slider.setAttribute('x', currentXPos, true);\n    }\n\n    this.setScrollRange(\n      [currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2],\n      false\n    );\n\n    if (this.stage && !this.stage.autoRender) {\n      this.stage.renderNextFrame();\n    }\n  };\n\n  private _onSliderPointerDown = (e: FederatedPointerEvent) => {\n    this._clearDragEvents();\n    const { stopSliderDownPropagation = true } = this.attribute as ScrollBarAttributes;\n    if (stopSliderDownPropagation) {\n      e.stopPropagation();\n    }\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { x, y } = this.stage.eventPointTransform(e);\n    this._prePos = direction === 'horizontal' ? x : y;\n    this._dispatchEvent(SCROLLBAR_START_EVENT, {\n      pos: this._prePos,\n      event: e\n    });\n\n    const triggers = getEndTriggersOfDrag();\n    const obj = vglobal.env === 'browser' ? vglobal : this.stage;\n\n    /**\n     * move的时候，需要通过 capture: true，能够在捕获截断被拦截，\n     * move的时候，需要显示的设置passive: false，因为在移动端需要禁用浏览器默认行为\n     */\n    obj.addEventListener('pointermove', this._onSliderPointerMoveWithDelay, { capture: true });\n    triggers.forEach((trigger: string) => {\n      obj.addEventListener(trigger, this._onSliderPointerUp);\n    });\n  };\n\n  /**\n   * 将拖拽像素位移映射为逻辑 range 增量，保证最小尺寸下仍覆盖 [0,1]\n   */\n  private _computeScrollValue = (e: any) => {\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { x, y } = this.stage.eventPointTransform(e);\n\n    let currentScrollValue = 0;\n    let currentPos;\n    let delta = 0;\n\n    const { width, height } = this.getSliderRenderBounds();\n    const track = direction === 'vertical' ? height : width;\n    const travel = Math.max(track - this._sliderSize, 0);\n    const { range } = this.attribute as ScrollBarAttributes;\n    const ratio = clamp(range[1] - range[0], 0, 1);\n\n    if (direction === 'vertical') {\n      currentPos = y;\n      delta = currentPos - this._prePos;\n    } else {\n      currentPos = x;\n      delta = currentPos - this._prePos;\n    }\n\n    if (travel > 0 && ratio < 1) {\n      currentScrollValue = (delta / travel) * (1 - ratio);\n    } else {\n      currentScrollValue = 0;\n    }\n\n    return [currentPos, currentScrollValue];\n  };\n\n  private _onSliderPointerMove = (e: any) => {\n    const { stopSliderMovePropagation = true } = this.attribute as ScrollBarAttributes;\n    if (stopSliderMovePropagation) {\n      e.stopPropagation();\n    }\n    const preScrollRange = this.getScrollRange();\n    const [currentPos, currentScrollValue] = this._computeScrollValue(e);\n    this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], true);\n    this._prePos = currentPos;\n  };\n\n  private _onSliderPointerMoveWithDelay =\n    this.attribute.delayTime === 0\n      ? this._onSliderPointerMove\n      : delayMap[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime);\n\n  private _clearDragEvents() {\n    const triggers = getEndTriggersOfDrag();\n    const obj = vglobal.env === 'browser' ? vglobal : this.stage;\n\n    obj.removeEventListener('pointermove', this._onSliderPointerMoveWithDelay, { capture: true });\n    triggers.forEach((trigger: string) => {\n      obj.removeEventListener(trigger, this._onSliderPointerUp);\n    });\n  }\n\n  private _onSliderPointerUp = (e: any) => {\n    const { range: preRange, limitRange = [0, 1] } = this.attribute as ScrollBarAttributes;\n    // 发射 change 事件\n    const preScrollRange = this.getScrollRange();\n    const [currentPos, currentScrollValue] = this._computeScrollValue(e);\n    const range: [number, number] = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];\n    this._prePos = null;\n\n    this._dispatchEvent(SCROLLBAR_END_EVENT, {\n      pre: preRange,\n      value: clampRange(range, limitRange[0], limitRange[1])\n    });\n\n    this._clearDragEvents();\n  };\n\n  private _reset() {\n    this._sliderRenderBounds = null;\n    this._sliderLimitRange = null;\n  }\n\n  release(all?: boolean): void {\n    /**\n     * 浏览器上的事件必须解绑，防止内存泄漏，场景树上的事件会自动解绑\n     */\n    super.release(all);\n    (vglobal.env === 'browser' ? vglobal : this.stage).removeEventListener('touchmove', this._handleTouchMove, {\n      passive: false\n    });\n    this._clearDragEvents();\n  }\n}\n"]}

package/es/scrollbar/type.d.ts

@@ -11,6 +11,7 @@ export interface ScrollBarAttributes extends IGroupGraphicAttribute {
     railStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;
     sliderStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;
     padding?: Padding;
+    minSliderSize?: number;
     range: [number, number];
     limitRange?: [number, number];
     disableTriggerEvent?: boolean;

package/es/scrollbar/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scrollbar/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender-core';\nimport type { Direction, IDelayType } from '../interface';\nimport type { Padding } from '../core/type';\nexport interface ScrollBarAttributes extends IGroupGraphicAttribute {\n  x: number;\n  y: number;\n  /**\n   * 滚动条的布局方向，默认为 `horizontal`，水平布局。\n   * @default horizontal\n   */\n  direction?: Direction;\n  /** 滚动条的宽度。 */\n  width: number;\n  /** 滚动条的高度。 */\n  height: number;\n  /** 滑块是否圆角。 */\n  round?: boolean;\n  /**\n   * 滚动条轨道样式。\n   */\n  railStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;\n  /**\n   * 滚动条滑块样式。\n   */\n  sliderStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;\n  /**\n   * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n   */\n  padding?: Padding;\n  /** 滑块当前的可视范围，数值为 0 - 1 */\n  range: [number, number];\n  /**\n   * 滑块限制的滚动范围，数值为 0 - 1\n   */\n  limitRange?: [number, number];\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n  /*\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n\n  /**\n   * 事件触发延迟时长\n   * @default 0\n   */\n  delayTime?: number;\n  /**\n   * 是否在操作时动态更新视图\n   * @default true\n   */\n  realTime?: boolean;\n  /**\n   * pointerMove时是否阻止冒泡\n   * @default true\n   * 内部使用, vtable不需要阻止冒泡\n   */\n  stopSliderMovePropagation?: boolean;\n  /**\n   * pointerDown时是否阻止冒泡\n   * @default true\n   * 内部使用, vtable不需要阻止冒泡\n   */\n  stopSliderDownPropagation?: boolean;\n}\n"]}
+{"version":3,"sources":["../src/scrollbar/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender-core';\nimport type { Direction, IDelayType } from '../interface';\nimport type { Padding } from '../core/type';\nexport interface ScrollBarAttributes extends IGroupGraphicAttribute {\n  x: number;\n  y: number;\n  /**\n   * 滚动条的布局方向，默认为 `horizontal`，水平布局。\n   * @default horizontal\n   */\n  direction?: Direction;\n  /** 滚动条的宽度。 */\n  width: number;\n  /** 滚动条的高度。 */\n  height: number;\n  /** 滑块是否圆角。 */\n  round?: boolean;\n  /**\n   * 滚动条轨道样式。\n   */\n  railStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;\n  /**\n   * 滚动条滑块样式。\n   */\n  sliderStyle?: Omit<IRectGraphicAttribute, 'width' | 'height'>;\n  /**\n   * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n   */\n  padding?: Padding;\n  /**\n   * 滑块最小展示尺寸，单位像素。仅影响视觉大小，不改变 range 表示的内容比例。\n   */\n  minSliderSize?: number;\n  /** 滑块当前的可视范围，数值为 0 - 1 */\n  range: [number, number];\n  /**\n   * 滑块限制的滚动范围，数值为 0 - 1\n   */\n  limitRange?: [number, number];\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n  /*\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n\n  /**\n   * 事件触发延迟时长\n   * @default 0\n   */\n  delayTime?: number;\n  /**\n   * 是否在操作时动态更新视图\n   * @default true\n   */\n  realTime?: boolean;\n  /**\n   * pointerMove时是否阻止冒泡\n   * @default true\n   * 内部使用, vtable不需要阻止冒泡\n   */\n  stopSliderMovePropagation?: boolean;\n  /**\n   * pointerDown时是否阻止冒泡\n   * @default true\n   * 内部使用, vtable不需要阻止冒泡\n   */\n  stopSliderDownPropagation?: boolean;\n}\n"]}

package/es/segment/arc-segment.js

@@ -1,6 +1,6 @@
 import { isEmpty, merge } from "@visactor/vutils";
 
-import { graphicCreator } from "@visactor/vrender-core";
+import { graphicCreator } from "../util/graphic-creator";
 
 import { loadArcSegmentComponent } from "./register";
 

package/es/segment/arc-segment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/segment/arc-segment.ts"],"names":[],"mappings":"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","file":"arc-segment.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { isEmpty, merge } from '@visactor/vutils';\nimport type { IArc } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '@visactor/vrender-core';\nimport type { ArcSegmentAttributes, SymbolAttributes } from './type';\nimport type { Point } from '../core/type';\nimport type { ComponentOptions } from '../interface';\nimport { loadArcSegmentComponent } from './register';\nimport { Segment } from './segment';\n\nloadArcSegmentComponent();\nexport class ArcSegment extends Segment {\n  name = 'arc-segment';\n  key = 'arc-segment';\n  line?: IArc;\n  isReverseArc: boolean = false;\n\n  constructor(attributes: ArcSegmentAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Segment.defaultAttributes, attributes));\n  }\n\n  /**\n   * 外部获取segment起点切线正方向\n   */\n  getStartAngle() {\n    // 如果是顺时针弧, start切线方向 = 弧度方向 - Math.PI / 2, 反之相反\n    const tangAng = this.isReverseArc ? this._startAngle + Math.PI / 2 : this._startAngle - Math.PI / 2;\n\n    // 经过刚刚的计算角度范围: [0, 360] => [-90, 270] 或 [0, 450]\n    // 将其规范范围到[0, 360]\n    return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;\n  }\n\n  /**\n   * 外部获取segment终点切线正方向\n   */\n  getEndAngle() {\n    // 如果是顺时针弧, end切线方向 = 弧度方向 + Math.PI / 2, 反之相反\n    const tangAng = this.isReverseArc ? this._endAngle - Math.PI / 2 : this._endAngle + Math.PI / 2;\n\n    // 经过刚刚的计算角度范围: [0, 360] => [-90, 270] 或 [0, 450]\n    // 将其规范范围到[0, 360]\n    return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;\n  }\n\n  getMainSegmentPoints() {\n    return this._mainSegmentPoints;\n  }\n\n  protected _computeStartRotate(angle: number) {\n    return this.isReverseArc ? angle + Math.PI : angle;\n  }\n\n  protected _computeEndRotate(angle: number) {\n    return this.isReverseArc ? angle : angle + Math.PI;\n  }\n\n  protected render() {\n    this.removeAllChild(true);\n    this._reset();\n    const {\n      // points,\n      startSymbol,\n      endSymbol,\n      lineStyle,\n      state,\n      visible = true,\n      radius,\n      startAngle,\n      endAngle,\n      center\n    } = this.attribute as ArcSegmentAttributes;\n\n    if (!visible) {\n      return;\n    }\n\n    this._startAngle = startAngle;\n    this._endAngle = endAngle;\n    this.isReverseArc = startAngle > endAngle;\n\n    // 绘制start和end symbol\n    const startPoint: Point = {\n      x: center.x + radius * Math.cos(this._startAngle),\n      y: center.y + radius * Math.sin(this._startAngle)\n    };\n    const endPoint: Point = {\n      x: center.x + radius * Math.cos(this._endAngle),\n      y: center.y + radius * Math.sin(this._endAngle)\n    };\n    this._mainSegmentPoints = [startPoint, endPoint];\n\n    const startSymbolShape = this._renderSymbol(startSymbol as SymbolAttributes, this._mainSegmentPoints, 'start');\n    const endSymbolShape = this._renderSymbol(endSymbol as SymbolAttributes, this._mainSegmentPoints, 'end');\n\n    this.startSymbol = startSymbolShape;\n    this.endSymbol = endSymbolShape;\n\n    const line = graphicCreator.arc({\n      x: center.x,\n      y: center.y,\n      // startAngle: Math.PI + 0.5,\n      // endAngle: 0,\n      startAngle,\n      endAngle,\n      innerRadius: radius,\n      outerRadius: radius,\n      ...lineStyle\n    });\n\n    line.name = `${this.name}-line`;\n    line.id = this._getNodeId('arc');\n    if (!isEmpty(state?.line)) {\n      line.states = [].concat(state.line)[0];\n    }\n    this.add(line);\n    this.line = line;\n  }\n}\n"]}
+{"version":3,"sources":["../src/segment/arc-segment.ts"],"names":[],"mappings":"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","file":"arc-segment.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { isEmpty, merge } from '@visactor/vutils';\nimport type { IArc } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '../util/graphic-creator';\nimport type { ArcSegmentAttributes, SymbolAttributes } from './type';\nimport type { Point } from '../core/type';\nimport type { ComponentOptions } from '../interface';\nimport { loadArcSegmentComponent } from './register';\nimport { Segment } from './segment';\n\nloadArcSegmentComponent();\nexport class ArcSegment extends Segment {\n  name = 'arc-segment';\n  key = 'arc-segment';\n  line?: IArc;\n  isReverseArc: boolean = false;\n\n  constructor(attributes: ArcSegmentAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Segment.defaultAttributes, attributes));\n  }\n\n  /**\n   * 外部获取segment起点切线正方向\n   */\n  getStartAngle() {\n    // 如果是顺时针弧, start切线方向 = 弧度方向 - Math.PI / 2, 反之相反\n    const tangAng = this.isReverseArc ? this._startAngle + Math.PI / 2 : this._startAngle - Math.PI / 2;\n\n    // 经过刚刚的计算角度范围: [0, 360] => [-90, 270] 或 [0, 450]\n    // 将其规范范围到[0, 360]\n    return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;\n  }\n\n  /**\n   * 外部获取segment终点切线正方向\n   */\n  getEndAngle() {\n    // 如果是顺时针弧, end切线方向 = 弧度方向 + Math.PI / 2, 反之相反\n    const tangAng = this.isReverseArc ? this._endAngle - Math.PI / 2 : this._endAngle + Math.PI / 2;\n\n    // 经过刚刚的计算角度范围: [0, 360] => [-90, 270] 或 [0, 450]\n    // 将其规范范围到[0, 360]\n    return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;\n  }\n\n  getMainSegmentPoints() {\n    return this._mainSegmentPoints;\n  }\n\n  protected _computeStartRotate(angle: number) {\n    return this.isReverseArc ? angle + Math.PI : angle;\n  }\n\n  protected _computeEndRotate(angle: number) {\n    return this.isReverseArc ? angle : angle + Math.PI;\n  }\n\n  protected render() {\n    this.removeAllChild(true);\n    this._reset();\n    const {\n      // points,\n      startSymbol,\n      endSymbol,\n      lineStyle,\n      state,\n      visible = true,\n      radius,\n      startAngle,\n      endAngle,\n      center\n    } = this.attribute as ArcSegmentAttributes;\n\n    if (!visible) {\n      return;\n    }\n\n    this._startAngle = startAngle;\n    this._endAngle = endAngle;\n    this.isReverseArc = startAngle > endAngle;\n\n    // 绘制start和end symbol\n    const startPoint: Point = {\n      x: center.x + radius * Math.cos(this._startAngle),\n      y: center.y + radius * Math.sin(this._startAngle)\n    };\n    const endPoint: Point = {\n      x: center.x + radius * Math.cos(this._endAngle),\n      y: center.y + radius * Math.sin(this._endAngle)\n    };\n    this._mainSegmentPoints = [startPoint, endPoint];\n\n    const startSymbolShape = this._renderSymbol(startSymbol as SymbolAttributes, this._mainSegmentPoints, 'start');\n    const endSymbolShape = this._renderSymbol(endSymbol as SymbolAttributes, this._mainSegmentPoints, 'end');\n\n    this.startSymbol = startSymbolShape;\n    this.endSymbol = endSymbolShape;\n\n    const line = graphicCreator.arc({\n      x: center.x,\n      y: center.y,\n      // startAngle: Math.PI + 0.5,\n      // endAngle: 0,\n      startAngle,\n      endAngle,\n      innerRadius: radius,\n      outerRadius: radius,\n      ...lineStyle\n    });\n\n    line.name = `${this.name}-line`;\n    line.id = this._getNodeId('arc');\n    if (!isEmpty(state?.line)) {\n      line.states = [].concat(state.line)[0];\n    }\n    this.add(line);\n    this.line = line;\n  }\n}\n"]}

package/es/segment/segment.js

@@ -1,6 +1,6 @@
 import { array, flattenArray, isArray, isEmpty, isValidNumber, merge } from "@visactor/vutils";
 
-import { graphicCreator } from "@visactor/vrender-core";
+import { graphicCreator } from "../util/graphic-creator";
 
 import { AbstractComponent } from "../core/base";