@dfsj/components 3.7.2 → 4.0.0-alpha.2

package/dist/components/NodeAxis/src/CanvasNodeRender.js

@@ -1,412 +1,11 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _get from '@babel/runtime/helpers/get';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import NodeMath from '../../Visual/src/utils/NodeMath.js';
-import NodeRender from './NodeRender.js';
-import * as zrender from 'zrender/dist/zrender';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(t.prototype ), o, e); return "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
-  function CanvasNodeRender() {
-    var _this;
-    _classCallCheck(this, CanvasNodeRender);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, CanvasNodeRender, [].concat(args));
-    _defineProperty(_this, "canvas", void 0);
-    _defineProperty(_this, "context", void 0);
-    _defineProperty(_this, "overlay", void 0);
-    _defineProperty(_this, "cache", {});
-    _defineProperty(_this, "zrender", void 0);
-    return _this;
-  }
-  _inherits(CanvasNodeRender, _NodeRender);
-  return _createClass(CanvasNodeRender, [{
-    key: "onMouseMove",
-    value: function onMouseMove(event) {
-      var _event$event, _event$event2;
-      event === null || event === void 0 || (_event$event = event.event) === null || _event$event === void 0 || _event$event.preventDefault();
-      event === null || event === void 0 || (_event$event2 = event.event) === null || _event$event2 === void 0 || _event$event2.stopImmediatePropagation();
-      var provider = this.model.provider;
-      var bounds = this.model.bounds;
-      var extent = this.model.extent;
-      var offset = event.offsetX - bounds.left;
-      var number = NodeMath.index(offset, extent, bounds.length);
-      var index = NodeMath.clamp(number, extent[0], extent[1] - 1);
-      var model = this.model,
-        o = model.options;
-      if (o.overlay.enabled) {
-        this.overlay.hidden = false;
-        var rect = this.overlay.getBoundingClientRect();
-        var left = event.offsetX + 10;
-        if (event.offsetX + rect.width > this.container.offsetWidth) {
-          left -= rect.width + 5;
-        }
-        var top = event.offsetY + 15;
-        if (event.y + rect.height > window.innerHeight) {
-          top -= rect.height + 5;
-        }
-        this.overlay.style.transform = "translate3d(".concat(left, "px, ").concat(top, "px, 0px)");
-        var cursor = model.dragging ? extent[2] : model.pressed ? model.index : index;
-        if (model.pressed === false) {
-          var ss = model.options.cursor.size / 2;
-          var x1 = NodeMath.offset(extent[2], extent, bounds.length) + bounds.left;
-          var y1 = bounds.top;
-          var x2 = event.offsetX,
-            y2 = event.offsetY;
-          var radius = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
-          if (radius <= ss) cursor = extent[2];
-        }
-        this.showOverlay(cursor);
-      }
-      if (model.dragging && model.pressed) {
-        if (index !== extent[2]) {
-          this.render(index);
-        }
-      } else if (model.pressed && model.right && o.translation) {
-        var move = index - model.index,
-          count = provider.count;
-        if (move < 0 && extent[1] < count) {
-          NodeMath.translation(extent, +1, 0, 2);
-          NodeMath.translation(model.nodes, +1);
-        } else if (move > 0 && extent[0] > 0) {
-          NodeMath.translation(extent, -1, 0, 2);
-          NodeMath.translation(model.nodes, -1);
-        }
-        this.render();
-      }
-    }
-  }, {
-    key: "onMouseLeave",
-    value: function onMouseLeave(event) {
-      var _event$event3, _event$event4;
-      event === null || event === void 0 || (_event$event3 = event.event) === null || _event$event3 === void 0 || _event$event3.preventDefault();
-      event === null || event === void 0 || (_event$event4 = event.event) === null || _event$event4 === void 0 || _event$event4.stopImmediatePropagation();
-      this.overlay.style.opacity = String(0);
-      this.model.dragging = false;
-      this.model.pressed = false;
-      this.model.right = false;
-    }
-  }, {
-    key: "onMouseDown",
-    value: function onMouseDown(event) {
-      var provider = this.model.provider;
-      var b = this.model.bounds,
-        x = event.offsetX,
-        y = event.offsetY,
-        e = this.model.extent,
-        o = this.model.options;
-      if (o.draggable && provider.count) {
-        var ss = this.model.options.cursor.size / 2;
-        var x1 = NodeMath.offset(e[2], this.model.range, b.length) + b.left;
-        var y1 = b.top;
-        var radius = Math.sqrt((x - x1) * (x - x1) + (y - y1) * (y - y1));
-        this.model.dragging = radius <= ss;
-      }
-      this.model.pressed = true;
-      this.model.press[0] = x;
-      this.model.press[1] = y;
-      this.model.right = event.button === 2;
-      this.model.index = NodeMath.index(x - b.left, e, b.length);
-      this.render(NodeMath.clamp(this.model.index, e[0], e[1] - 1));
-    }
-  }, {
-    key: "showOverlay",
-    value: function showOverlay(index) {
-      var _this$model$options$o, _this$model$options$o2;
-      this.overlay.style.opacity = String(1);
-      var provider = this.model.provider;
-      if (provider.count) {
-        var value = this.cache[index];
-        if (value == null) {
-          value = this.cache[index] = provider.format(index, "long");
-        }
-        console.log('value', value);
-        return this.overlay.innerText = value;
-      }
-      console.log('this.model.options.overlay?.empty ', (_this$model$options$o = this.model.options.overlay) === null || _this$model$options$o === void 0 ? void 0 : _this$model$options$o.empty);
-      this.overlay.innerHTML = ((_this$model$options$o2 = this.model.options.overlay) === null || _this$model$options$o2 === void 0 ? void 0 : _this$model$options$o2.empty) || "Node is unavailable!";
-    }
-  }, {
-    key: "getBoundingClientRect",
-    value: function getBoundingClientRect() {
-      var _this$model$options$l;
-      var options = this.model.options;
-      var bound = this.container.getBoundingClientRect();
-      var width = NodeMath.valueBy(options.width || bound.width, this.container.offsetWidth || window.innerWidth),
-        height = NodeMath.valueBy(options.height || bound.height, this.container.offsetHeight || window.innerHeight),
-        left = NodeMath.valueBy(options.track.left, width),
-        top = NodeMath.valueBy(options.track.top, height),
-        right = NodeMath.valueBy(options.track.right, width),
-        label = NodeMath.valueBy((_this$model$options$l = this.model.options.label) === null || _this$model$options$l === void 0 ? void 0 : _this$model$options$l.top, height);
-      if (left == null) {
-        left = Math.max(options.cursor.size, options.node.size || 0) / 2;
-      }
-      if (top == null) {
-        var _options$label;
-        top = height / ((_options$label = options.label) !== null && _options$label !== void 0 && _options$label.enabled ? 3 : 2);
-      }
-      if (right == null) {
-        right = left;
-      }
-      if (label == null) {
-        var _options$node;
-        label = Math.max(options.cursor.size, (_options$node = options.node) === null || _options$node === void 0 ? void 0 : _options$node.size, options.track.height) / 2 + 10;
-      }
-      var length = width - (left + right);
-      return {
-        length: length,
-        width: width,
-        height: height,
-        label: label,
-        left: left,
-        right: right,
-        top: top,
-        bound: bound
-      };
-    }
-  }, {
-    key: "initialize",
-    value: function initialize(container, accept) {
-      if (this.initialized === false) {
-        _superPropGet(CanvasNodeRender, "initialize", this)([container, accept]);
-        var _this$getBoundingClie = this.getBoundingClientRect(),
-          width = _this$getBoundingClie.width,
-          height = _this$getBoundingClie.height;
-        var sizes = this.getBoundingClientRect();
-        console.log('计算得到的尺寸', sizes);
-        this.zrender = zrender.init(this.container, {
-          renderer: 'canvas',
-          devicePixelRatio: 2,
-          width: width,
-          height: height,
-          pointerSize: 50
-        });
-        this.overlay = document.createElement("div");
-        this.overlay.className = "node-axis--overlay";
-        container.appendChild(this.overlay);
-        this.resize();
-        this.initialized = true;
-      }
-    }
-  }, {
-    key: "resize",
-    value: function resize() {
-      var _this$getBoundingClie2 = this.getBoundingClientRect(),
-        width = _this$getBoundingClie2.width,
-        height = _this$getBoundingClie2.height,
-        right = _this$getBoundingClie2.right,
-        left = _this$getBoundingClie2.left,
-        top = _this$getBoundingClie2.top,
-        label = _this$getBoundingClie2.label,
-        length = _this$getBoundingClie2.length;
-      this.model.width = width;
-      this.model.height = height;
-      this.model.bounds = {
-        left: left,
-        top: top,
-        right: right,
-        length: length,
-        label: label
-      };
-      this.zrender && this.zrender.resize({
-        width: width,
-        height: height
-      });
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.model.reset();
-      this.render();
-    }
-  }, {
-    key: "dataChange",
-    value: function dataChange() {
-      var _this2 = this;
-      Object.keys(this.cache).forEach(function (key) {
-        return delete _this2.cache[key];
-      });
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      var _this$zrender, _this$container, _this$container$remov;
-      this.dataChange();
-      (_this$zrender = this.zrender) === null || _this$zrender === void 0 || _this$zrender.dispose();
-      this.zrender = null;
-      (_this$container = this.container) === null || _this$container === void 0 || (_this$container$remov = _this$container.remove) === null || _this$container$remov === void 0 || _this$container$remov.call(_this$container);
-    }
-  }, {
-    key: "render",
-    value: function render(index) {
-      var _this$zrender2,
-        _this$zrender3,
-        _this$zrender3$add,
-        _this3 = this;
-      var provider = this.model.provider,
-        range = this.model.extent;
-        this.context;
-        var b = this.model.bounds,
-        o = this.model.options,
-        h = o.track.height,
-        c = (provider === null || provider === void 0 ? void 0 : provider.count) || 0,
-        d = range[1] - range[0];
-      if (index == null) index = range[2];
-      var indexColor = provider.color(index);
-      this.model.range = NodeMath.clampArray(range, [0, c]);
-      if (this.zrender) (_this$zrender2 = this.zrender) === null || _this$zrender2 === void 0 || _this$zrender2.clear();
-      var lineTrack = new zrender.Polyline({
-        shape: {
-          points: [[b === null || b === void 0 ? void 0 : b.left, b === null || b === void 0 ? void 0 : b.top], [(b === null || b === void 0 ? void 0 : b.left) + (b === null || b === void 0 ? void 0 : b.length), b === null || b === void 0 ? void 0 : b.top]]
-        },
-        style: {
-          stroke: o.track.color,
-          lineWidth: h
-        }
-      });
-      this.zrender && ((_this$zrender3 = this.zrender) === null || _this$zrender3 === void 0 || (_this$zrender3$add = _this$zrender3.add) === null || _this$zrender3$add === void 0 ? void 0 : _this$zrender3$add.call(_this$zrender3, lineTrack));
-      var sections = provider.sections;
-      if (sections && sections.length) {
-        sections.forEach(function (section) {
-          if (NodeMath.inRange(range, section.range)) {
-            var _this3$zrender;
-            var x1 = NodeMath.clamp(NodeMath.offset(section.range[0] - 1, range, b.length), 0, b.length);
-            var x2 = NodeMath.clamp(NodeMath.offset(section.range[1] - 1, range, b.length), 0, b.length);
-            var lineSections = new zrender.Polyline({
-              shape: {
-                points: [[b.left + x1, b.top], [b.left + x2, b.top]]
-              },
-              style: {
-                stroke: section.color,
-                lineWidth: h
-              },
-              cursor: 'default'
-            });
-            (_this3$zrender = _this3.zrender) === null || _this3$zrender === void 0 || _this3$zrender.add(lineSections);
-          }
-        });
-      }
-      if (c && d > 1 && o.progress && o.progress.enabled) {
-        var _this$zrender4;
-        var x = NodeMath.clamp(NodeMath.offset(index, range, b.length), 0, b.length);
-        var lineProgress = new zrender.Polyline({
-          shape: {
-            points: [[b === null || b === void 0 ? void 0 : b.left, b === null || b === void 0 ? void 0 : b.top], [(b === null || b === void 0 ? void 0 : b.left) + x, b === null || b === void 0 ? void 0 : b.top]]
-          },
-          style: {
-            stroke: o.progress.color,
-            lineWidth: h
-          },
-          cursor: 'default'
-        });
-        (_this$zrender4 = this.zrender) === null || _this$zrender4 === void 0 || _this$zrender4.add(lineProgress);
-      }
-      if (this.model.nodes) {
-        var labeled = o.label && o.label.enabled;
-        this.model.nodes.forEach(function (e, i) {
-          var _this3$zrender2;
-          var x = b.left + NodeMath.offset(e, range, b.length);
-          var circle = new zrender.Circle({
-            shape: {
-              cx: x,
-              cy: b === null || b === void 0 ? void 0 : b.top,
-              r: o.node.size / 2
-            },
-            style: {
-              fill: (e === index ? indexColor : provider.color(e)) || o.node.color,
-              stroke: o.node.outlineColor,
-              lineWidth: o.node.outlineWidth
-            }
-          });
-          (_this3$zrender2 = _this3.zrender) === null || _this3$zrender2 === void 0 || _this3$zrender2.add(circle);
-          circle.onmouseover = function (ev) {
-            _this3.onMouseMove(ev);
-          };
-          circle.onmouseout = function (ev) {
-            _this3.onMouseLeave(ev);
-          };
-          circle.onclick = function (ev) {
-            console.log('onclick', ev);
-            _this3.onMouseDown(ev);
-          };
-          circle.oncontextmenu = function (ev) {
-            console.log('oncontextmenu', ev);
-            ev === null || ev === void 0 || ev.event.preventDefault();
-            ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
-          };
-          if (labeled) {
-            var _this3$zrender3;
-            var t1 = new zrender.Text({
-              style: {
-                text: provider.format(e, 'short'),
-                align: i === 0 && d > 1 ? 'left' : e === range[1] - 1 && d > 1 ? 'right' : 'center',
-                textVerticalAlign: 'middle',
-                fontFamily: 'Lato',
-                fontWeight: 'bolder',
-                fill: o.label.color,
-                blend: 'lighten'
-              },
-              position: [x, b.label]
-            });
-            t1.onmouseover = function (ev) {
-              _this3.onMouseMove(ev);
-            };
-            t1.onmouseout = function (ev) {
-              _this3.onMouseLeave(ev);
-            };
-            t1.onclick = function (ev) {
-              _this3.onMouseDown(ev);
-            };
-            t1.oncontextmenu = function (ev) {
-              ev === null || ev === void 0 || ev.event.preventDefault();
-              ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
-            };
-            (_this3$zrender3 = _this3.zrender) === null || _this3$zrender3 === void 0 || _this3$zrender3.add(t1);
-          }
-        });
-      }
-      if (c && range[0] <= index && index < range[1]) {
-        var _this$zrender5;
-        var _x = b.left + NodeMath.offset(index, range, b.length);
-        var circle = new zrender.Circle({
-          shape: {
-            cx: _x,
-            cy: b.top,
-            r: o.cursor.size / 2
-          },
-          style: {
-            fill: indexColor || o.cursor.color,
-            stroke: o.cursor.outlineColor,
-            lineWidth: o.cursor.outlineWidth
-          }
-        });
-        circle.onmouseover = function (ev) {
-          _this3.onMouseMove(ev);
-        };
-        circle.onmouseout = function (ev) {
-          _this3.onMouseLeave(ev);
-        };
-        circle.onclick = function (ev) {
-          _this3.onMouseDown(ev);
-        };
-        circle.oncontextmenu = function (ev) {
-          ev === null || ev === void 0 || ev.event.preventDefault();
-          ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
-        };
-        (_this$zrender5 = this.zrender) === null || _this$zrender5 === void 0 || _this$zrender5.add(circle);
-      }
-      this.model.extent[2] = index;
-      this.accept.call(this, index);
-    }
-  }]);
-}(NodeRender);
-
-export { CanvasNodeRender as default };
+import{inherits as e,createClass as t,superPropGet as o,classCallCheck as i,callSuper as n,defineProperty as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import l from"../../Visual/src/utils/NodeMath.js";import a from"./NodeRender.js";var r="dfsj-node-axis",d=function(){function d(){var e;i(this,d);for(var t=arguments.length,o=new Array(t),l=0;l<t;l++)o[l]=arguments[l];return e=n(this,d,[].concat(o)),s(e,"canvas",void 0),s(e,"context",void 0),s(e,"overlay",void 0),s(e,"cache",{}),e}return e(d,a),t(d,[{key:"onMouseWheel",value:function(e){var t;e.stopImmediatePropagation();var o=this.model.options,i=this.model.provider;if(null!==(t=o.scale)&&void 0!==t&&t.enabled&&i.count){var n,s,a,r=this.model.bounds,d=e.offsetX-r.left,h=this.model,c=l.clampArray(i.scale(d,h.scale,r.length,e.deltaY),h.limit),u=l.toRange(c,i.count),v=null===(n=o.node)||void 0===n?void 0:n.minCount;if(e.deltaY<0&&u[1]-u[0]<v)return;if(null!==(s=o.node)&&void 0!==s&&s.enabled)h.nodes=i.extract(u,null===(a=o.node)||void 0===a?void 0:a.count);this.model.scale=c,this.model.extent[0]=u[0],this.model.extent[1]=u[1],this.render(),this.onMouseMove(e)}}},{key:"onMouseMove",value:function(e){e.preventDefault(),e.stopImmediatePropagation();var t=this.model.provider,o=this.model.bounds,i=this.model.extent,n=e.offsetX-o.left,s=l.index(n,i,o.length),a=l.clamp(s,i[0],i[1]-1),r=this.model,d=r.options;if(d.overlay.enabled){this.overlay.hidden=!1;var h=this.overlay.getBoundingClientRect(),c=e.offsetX+5;e.offsetX+h.width>this.container.offsetWidth&&(c-=h.width+5);var u=e.offsetY+5;e.y+h.height>window.innerHeight&&(u-=h.height+5),this.overlay.style.left=c+"px",this.overlay.style.top=u+"px";var v=r.dragging?i[2]:r.pressed?r.index:a;if(!1===r.pressed){var f=r.options.cursor.size/2,m=l.offset(i[2],i,o.length)+o.left,p=o.top,g=e.offsetX,y=e.offsetY;Math.sqrt((g-m)*(g-m)+(y-p)*(y-p))<=f&&(v=i[2])}this.showOverlay(v)}if(r.dragging&&r.pressed)a!==i[2]&&this.render(a);else if(r.pressed&&r.right&&d.translation){var b=a-r.index,k=t.count;b<0&&i[1]<k?(l.translation(i,1,0,2),l.translation(r.nodes,1)):b>0&&i[0]>0&&(l.translation(i,-1,0,2),l.translation(r.nodes,-1)),this.render()}}},{key:"onMouseLeave",value:function(e){e.stopImmediatePropagation(),this.overlay.hidden=!0,this.model.dragging=!1,this.model.pressed=!1,this.model.right=!1}},{key:"onMouseDown",value:function(e){e.preventDefault(),e.stopImmediatePropagation();var t=this.model.provider,o=this.model.bounds,i=e.offsetX,n=e.offsetY,s=this.model.extent;if(this.model.options.draggable&&t.count){var a=this.model.options.cursor.size/2,r=l.offset(s[2],this.model.range,o.length)+o.left,d=o.top,h=Math.sqrt((i-r)*(i-r)+(n-d)*(n-d));this.model.dragging=h<=a}this.model.pressed=!0,this.model.press[0]=i,this.model.press[1]=n,this.model.right=2===e.button,this.model.index=l.index(i-o.left,s,o.length),0===e.button&&this.render(l.clamp(this.model.index,s[0],s[1]-1))}},{key:"onMouseUp",value:function(e){e.preventDefault(),e.stopImmediatePropagation(),this.model.pressed=!1,this.model.right=!1}},{key:"showOverlay",value:function(e){var t,o,i=this.model.provider;if(i.count){var n=this.cache[e];return null==n&&(n=this.cache[e]=i.format(e,"long")),console.log("value",n),this.overlay.innerText=n}console.log("this.model.options.overlay?.empty ",null===(t=this.model.options.overlay)||void 0===t?void 0:t.empty),this.overlay.innerHTML=(null===(o=this.model.options.overlay)||void 0===o?void 0:o.empty)||"Node is unavailable!"}},{key:"initialize",value:function(e,t){!1===this.initialized&&(o(d,"initialize",this)([e,t]),this.canvas=document.createElement("canvas"),this.canvas.addEventListener("mousewheel",this.onMouseWheel.bind(this)),this.canvas.addEventListener("mouseleave",this.onMouseLeave.bind(this)),this.canvas.addEventListener("mousedown",this.onMouseDown.bind(this)),this.canvas.addEventListener("mousemove",this.onMouseMove.bind(this)),this.canvas.addEventListener("mouseup",this.onMouseUp.bind(this)),this.canvas.classList.add("".concat(r,"__canvas")),this.canvas.oncontextmenu=function(e){return e.preventDefault()},this.context=this.canvas.getContext("2d"),e.appendChild(this.canvas),this.overlay=document.createElement("div"),this.overlay.className="".concat(r,"__overlay"),this.overlay.hidden=!0,e.appendChild(this.overlay),this.resize(),this.initialized=!0)}},{key:"resize",value:function(){var e,t,o,i=this.model.options,n=this.container.getBoundingClientRect(),s=l.valueBy(i.width||n.width,window.innerWidth),a=l.valueBy(i.height||n.height,window.innerWidth),r=l.valueBy(i.track.left,s),d=l.valueBy(i.track.top,a),h=l.valueBy(i.track.right,s),c=l.valueBy(null===(e=this.model.options.label)||void 0===e?void 0:e.top,a);(null==r&&(r=Math.max(i.cursor.size,i.node.size||0)/2),null==d)&&(d=a/(null!==(t=i.label)&&void 0!==t&&t.enabled?3:2));(null==h&&(h=r),null==c)&&(c=Math.max(i.cursor.size,null===(o=i.node)||void 0===o?void 0:o.size,i.track.height)/2+10);var u=s-(r+h);this.model.width=s,this.model.height=a,this.model.bounds={left:r,top:d,right:h,length:u,label:c},this.canvas.width=s,this.canvas.height=a,this.canvas.style.width="".concat(s,"px"),this.canvas.style.background=i.background}},{key:"reset",value:function(){this.model.reset(),this.render()}},{key:"dataChange",value:function(){var e=this;Object.keys(this.cache).forEach(function(t){return delete e.cache[t]})}},{key:"dispose",value:function(){this.dataChange()}},{key:"render",value:function(e){var t=this.model.provider,o=this.model.extent,i=this.context,n=this.model.bounds,s=this.model.options,a=s.track.height,r=(null==t?void 0:t.count)||0,d=o[1]-o[0];null==e&&(e=o[2]);var h=t.color(e);this.model.range=l.clampArray(o,[0,r]),i.clearRect(0,0,this.model.width,this.model.height),i.beginPath(),i.moveTo(n.left,n.top),i.lineTo(n.left+n.length,n.top),i.lineCap="round",i.lineWidth=a,i.strokeStyle=s.track.color,i.stroke();var c=t.sections;if(c&&c.length&&c.forEach(function(e){if(l.inRange(o,e.range)){var t=l.clamp(l.offset(e.range[0]-1,o,n.length),0,n.length),s=l.clamp(l.offset(e.range[1]-1,o,n.length),0,n.length);i.beginPath(),i.moveTo(n.left+t,n.top),i.lineTo(n.left+s,n.top),i.lineCap="round",i.lineWidth=a,i.strokeStyle=e.color,i.stroke()}}),r&&d>1&&s.progress&&s.progress.enabled){var u=l.clamp(l.offset(e,o,n.length),0,n.length);i.beginPath(),i.moveTo(n.left,n.top),i.lineTo(n.left+u,n.top),i.lineCap="round",i.lineWidth=a,i.strokeStyle=s.progress.color,i.stroke()}if(this.model.nodes){var v=s.label&&s.label.enabled;this.model.nodes.forEach(function(a,r){var c=n.left+l.offset(a,o,n.length);i.beginPath(),i.fillStyle=(a===e?h:t.color(a))||s.node.color,i.arc(c,n.top,s.node.size/2,0,2*Math.PI),i.fill(),s.node.outlineWidth&&(i.lineWidth=s.node.outlineWidth,i.strokeStyle=s.node.outlineColor,i.stroke()),v&&(i.font=s.label.font,i.textAlign=0===r&&d>1?"left":a===o[1]-1&&d>1?"right":"center",i.textBaseline="top",i.fillStyle=s.label.color,i.fillText(t.format(a,"short"),c,n.label))})}if(r&&o[0]<=e&&e<o[1]){var f=n.left+l.offset(e,o,n.length);i.beginPath(),i.fillStyle=h||s.cursor.color,i.arc(f,n.top,s.cursor.size/2,0,2*Math.PI),i.fill(),s.cursor.outlineWidth&&(i.lineWidth=s.cursor.outlineWidth,i.strokeStyle=s.cursor.outlineColor,i.stroke())}this.model.extent[2]=e,this.accept.call(this,e)}}])}();export{d as default};

package/dist/components/NodeAxis/src/NodeAxis.vue.js

@@ -1,5 +1,11 @@
-import script from './NodeAxis.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-script.__file = "src/components/NodeAxis/src/NodeAxis.vue";
-
-export { script as default };
+import e from"./NodeAxis.vue2.js";e.__file="src/components/NodeAxis/src/NodeAxis.vue";export{e as default};

package/dist/components/NodeAxis/src/NodeAxis.vue2.js

@@ -1,69 +1,11 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock } from 'vue';
-import NodeModel from './NodeModel.js';
-import CanvasNodeRender from './CanvasNodeRender.js';
-import TimerNodePlayer from './TimerNodePlayer.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var script = defineComponent({
-  __name: 'NodeAxis',
-  props: {
-    config: Object,
-    res: {
-      type: Object
-    }
-  },
-  emits: ['update:frame', 'register'],
-  setup: function setup(__props, _ref) {
-    var __expose = _ref.expose,
-      __emit = _ref.emit;
-    var def = {
-      height: 40,
-      width: "100%",
-      track: {
-        top: "20%"
-      },
-      label: {
-        top: "55%"
-      }
-    };
-    var props = __props;
-    var emits = __emit;
-    var model = new NodeModel(_objectSpread(_objectSpread({}, def), props.config));
-    console.log('model', model);
-    var renderer = new CanvasNodeRender(model);
-    var player = new TimerNodePlayer(model, renderer);
-    var container = ref();
-    var accept = function accept(index) {
-      return emits("update:frame", index);
-    };
-    onMounted(function () {
-      nextTick(function () {
-        renderer.initialize(container.value, accept);
-        renderer.render();
-        emits('register', {
-          renderer: renderer,
-          player: player
-        });
-      });
-    });
-    function update(provider) {
-      renderer.update(provider);
-      renderer.render();
-    }
-    __expose({
-      renderer: renderer,
-      update: update
-    });
-    return function (_ctx, _cache) {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "container",
-        ref: container,
-        "class": "component node-axis"
-      }, null, 512);
-    };
-  }
-});
-
-export { script as default };
+import{objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{defineComponent as r,ref as t,onMounted as o,nextTick as n,openBlock as i,createElementBlock as a,normalizeClass as d}from"vue";import l from"./NodeModel.js";import p from"./CanvasNodeRender.js";import s from"./TimerNodePlayer.js";var u=r({__name:"NodeAxis",props:{config:Object,res:{type:Object}},emits:["update:frame","register"],setup:function(r,u){var f=u.expose,m=r,c=u.emit,v=new l(e(e({},{height:40,width:"100%",track:{top:"20%"},label:{top:"55%"}}),m.config));console.log("model",v);var j=new p(v),g=new s(v,j),b=t(),_=function(e){return c("update:frame",e)};return o(function(){n(function(){j.initialize(b.value,_),j.render(),c("register",{renderer:j,player:g})})}),f({renderer:j,update:function(e){j.update(e),j.render()}}),function(e,r){return i(),a("div",{ref_key:"container",ref:b,class:d(["dfsj-node-axis","relative"])},null,2)}}});export{u as default};

package/dist/components/NodeAxis/src/NodeModel.js

@@ -1,63 +1,11 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import assign from './utils/assign.js';
-import { render } from './config/node-axis.options.js';
-import NullProvider from './NullProvider.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-var NodeModel = /*#__PURE__*/function () {
-  function NodeModel(options) {
-    _classCallCheck(this, NodeModel);
-    _defineProperty(this, "options", void 0);
-    _defineProperty(this, "nodes", void 0);
-    _defineProperty(this, "limit", [0.01, 100]);
-    _defineProperty(this, "scale", void 0);
-    _defineProperty(this, "dragging", false);
-    _defineProperty(this, "pressed", false);
-    _defineProperty(this, "index", 0);
-    _defineProperty(this, "range", void 0);
-    _defineProperty(this, "press", [0, 0]);
-    _defineProperty(this, "right", false);
-    _defineProperty(this, "bounds", void 0);
-    _defineProperty(this, "height", 0);
-    _defineProperty(this, "width", 0);
-    _defineProperty(this, "provider", void 0);
-    _defineProperty(this, "extent", void 0);
-    this.options = assign({}, render, options);
-    this.update(NullProvider.SINGLETON);
-  }
-  return _createClass(NodeModel, [{
-    key: "update",
-    value: function update(provider) {
-      var _options$node;
-      this.provider = provider;
-      var options = this.options;
-      var count = provider.count;
-      var extent = this.extent = provider.extent;
-      this.scale = count ? [extent[0] / count * 100, extent[1] / count * 100] : [0, 100];
-      if (count > 0 && (_options$node = options.node) !== null && _options$node !== void 0 && _options$node.enabled) {
-        this.nodes = this.provider.extract(extent, options.node.count, this.nodes);
-      }
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      var _options$node2;
-      var provider = this.provider;
-      var options = this.options;
-      this.provider.reset();
-      this.extent = provider.extent;
-      if (provider.count > 0 && (_options$node2 = options.node) !== null && _options$node2 !== void 0 && _options$node2.enabled) {
-        var _options$node3;
-        this.nodes = provider.extract(provider.extent, (_options$node3 = options.node) === null || _options$node3 === void 0 ? void 0 : _options$node3.count, this.nodes);
-      }
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      this.nodes.length = 0;
-    }
-  }]);
-}();
-
-export { NodeModel as default };
+import{createClass as t,classCallCheck as i,defineProperty as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"./utils/assign.js";import{render as o}from"./config/node-axis.options.js";import n from"./NullProvider.js";var r=function(){return t(function t(r){i(this,t),s(this,"options",void 0),s(this,"nodes",void 0),s(this,"limit",[.01,100]),s(this,"scale",void 0),s(this,"dragging",!1),s(this,"pressed",!1),s(this,"index",0),s(this,"range",void 0),s(this,"press",[0,0]),s(this,"right",!1),s(this,"bounds",void 0),s(this,"height",0),s(this,"width",0),s(this,"provider",void 0),s(this,"extent",void 0),this.options=e({},o,r),this.update(n.SINGLETON)},[{key:"update",value:function(t){var i;this.provider=t;var s=this.options,e=t.count,o=this.extent=t.extent;this.scale=e?[o[0]/e*100,o[1]/e*100]:[0,100],e>0&&null!==(i=s.node)&&void 0!==i&&i.enabled&&(this.nodes=this.provider.extract(o,s.node.count,this.nodes))}},{key:"reset",value:function(){var t,i,s=this.provider,e=this.options;(this.provider.reset(),this.extent=s.extent,s.count>0&&null!==(t=e.node)&&void 0!==t&&t.enabled)&&(this.nodes=s.extract(s.extent,null===(i=e.node)||void 0===i?void 0:i.count,this.nodes))}},{key:"dispose",value:function(){this.nodes.length=0}}])}();export{r as default};

package/dist/components/NodeAxis/src/NodeRender.js

@@ -1,29 +1,11 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-var NodeRender = /*#__PURE__*/function () {
-  function NodeRender(model) {
-    _classCallCheck(this, NodeRender);
-    _defineProperty(this, "model", void 0);
-    _defineProperty(this, "container", void 0);
-    _defineProperty(this, "initialized", false);
-    _defineProperty(this, "accept", void 0);
-    this.model = model;
-  }
-  return _createClass(NodeRender, [{
-    key: "initialize",
-    value: function initialize(container, accept) {
-      this.container = container;
-      this.accept = accept;
-    }
-  }, {
-    key: "update",
-    value: function update(provider) {
-      this.model.update(provider);
-      this.dataChange();
-    }
-  }]);
-}();
-
-export { NodeRender as default };
+import{createClass as i,classCallCheck as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";var a=function(){return i(function i(a){t(this,i),e(this,"model",void 0),e(this,"container",void 0),e(this,"initialized",!1),e(this,"accept",void 0),this.model=a},[{key:"initialize",value:function(i,t){this.container=i,this.accept=t}},{key:"update",value:function(i){this.model.update(i),this.dataChange()}}])}();export{a as default};