@dfsj/components 3.1.0 → 3.1.2

package/dist/components/NodeAxis/src/config/node-axis.options.js

@@ -0,0 +1,56 @@
+var render = {
+  background: null,
+  width: 360,
+  height: 45,
+  jump: true,
+  draggable: true,
+  translation: true,
+  edgeAdjust: "50%",
+  overlay: {
+    enabled: true,
+    empty: "暂无数据..."
+  },
+  track: {
+    left: 10,
+    top: "50%",
+    right: 10,
+    height: 7,
+    color: "rgba(233,233,233,0.7)"
+  },
+  node: {
+    enabled: true,
+    size: 10,
+    count: 7,
+    minCount: 3,
+    color: "#fff",
+    outlineWidth: 0.5,
+    outlineColor: "#1ab7ff",
+    shadow: ""
+  },
+  cursor: {
+    size: 15,
+    color: "#1ab7ff",
+    outlineWidth: 0.5,
+    outlineColor: "#027BE3"
+  },
+  scale: {
+    enabled: false,
+    limit: [0, 100]
+  },
+  progress: {
+    enabled: true,
+    color: "rgba(66,63,68,0.6)"
+  },
+  label: {
+    enabled: true,
+    top: "75%",
+    font: "14px blob arial",
+    color: "#333"
+  }
+};
+var play = {
+  interval: 1500,
+  loop: false
+};
+
+export { play, render };

package/dist/components/NodeAxis/src/enum/index.d.ts

@@ -0,0 +1,15 @@
+export declare enum Extensible {
+    NONE = 0,
+    HEAD = 1,
+    TAIL = 2,
+    ALL = 3
+}
+export declare enum Direction {
+    FORWARD = 1,
+    BACKWARD = -1
+}
+export declare enum TimeModes {
+    DAILY = "daily",
+    INTERVAL = "interval",
+    STATISTIC = "statistic"
+}

package/dist/components/NodeAxis/src/enum/index.js

@@ -0,0 +1,20 @@
+var Extensible;
+(function (Extensible) {
+  Extensible[Extensible["NONE"] = 0] = "NONE";
+  Extensible[Extensible["HEAD"] = 1] = "HEAD";
+  Extensible[Extensible["TAIL"] = 2] = "TAIL";
+  Extensible[Extensible["ALL"] = 3] = "ALL";
+})(Extensible || (Extensible = {}));
+var Direction;
+(function (Direction) {
+  Direction[Direction["FORWARD"] = 1] = "FORWARD";
+  Direction[Direction["BACKWARD"] = -1] = "BACKWARD";
+})(Direction || (Direction = {}));
+var TimeModes;
+(function (TimeModes) {
+  TimeModes["DAILY"] = "daily";
+  TimeModes["INTERVAL"] = "interval";
+  TimeModes["STATISTIC"] = "statistic";
+})(TimeModes || (TimeModes = {}));
+
+export { Direction, Extensible, TimeModes };

package/dist/components/NodeAxis/src/interface/NodePlayer.d.ts

@@ -0,0 +1,9 @@
+export default interface NodePlayer {
+    get playing(): boolean;
+    play(): void;
+    stop(): void;
+    reset(): void;
+    backward(loop?: boolean): void;
+    forward(loop?: boolean): void;
+    jump(index: number): void;
+}

package/dist/components/NodeAxis/src/interface/NodeProvider.d.ts

@@ -0,0 +1,15 @@
+export default class NodeProvider {
+    get extent(): any;
+    get count(): any;
+    get sections(): any;
+    get extensible(): any;
+    color(index: any): void;
+    extract(range: any, split: any, nodes: any): void;
+    scale(offset: any, range: any, length: any, direction: any): void;
+    format(index: any, type: any): void;
+    yield(): void;
+    activate(action: any): void;
+    extends(direction: any, minimum: any): void;
+    reset(): void;
+    dispose(): void;
+}

package/dist/components/NodeAxis/src/utils/assign.d.ts

@@ -0,0 +1 @@
+export default function assign(target: any | any[], ...sources: any): any | any[];

package/dist/components/NodeAxis/src/utils/assign.js

@@ -0,0 +1,43 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+
+function ordinary(object) {
+  if (_typeof(object) !== 'object' || object === null) {
+    return false;
+  }
+  if (Object.getPrototypeOf(object) === null) {
+    return true;
+  }
+  var proto = object;
+  while (Object.getPrototypeOf(proto) !== null) {
+    proto = Object.getPrototypeOf(proto);
+  }
+  return Object.getPrototypeOf(object) === proto;
+}
+function clone(target, source) {
+  for (var key in source) {
+    var older = target[key],
+      newer = source[key];
+    if (older === newer && newer != null) continue;
+    if (newer && ordinary(newer)) {
+      target[key] = clone(ordinary(older) ? older : {}, newer);
+    } else if (newer && Array.isArray(newer)) {
+      target[key] = clone(Array.isArray(older) ? older : [], newer);
+    } else {
+      target[key] = newer;
+    }
+  }
+  return target;
+}
+function assign(target) {
+  if (target == null) {
+    return target;
+  }
+  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    sources[_key - 1] = arguments[_key];
+  }
+  return sources.reduce(function (last, source) {
+    return clone(last, source);
+  }, target);
+}
+
+export { assign as default };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createCommentVNode } from 'vue';
 import { isObject } from '../../../utils/is.js';
 import '../../Icon/src/Icon.vue.js';
 import { statefulProps } from './props.js';
@@ -25,20 +25,27 @@ var script = defineComponent({
       }
       return props.value ? props.states[props.value] : null;
     });
+    var getStyle = computed(function () {
+      var _state$value;
+      return {
+        color: (_state$value = state.value) === null || _state$value === void 0 ? void 0 : _state$value.color
+      };
+    });
     return function (_ctx, _cache) {
-      var _state$value, _state$value2, _state$value3, _state$value4, _state$value5, _state$value6, _state$value7;
+      var _state$value2, _state$value3, _state$value4, _state$value5, _state$value6, _state$value7;
       return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
         "class": normalizeClass(["stateful--content h-full w-full", [_ctx.contentClass, {
           cover: !!state.value
         }]])
-      }, [renderSlot(_ctx.$slots, "default")], 2), state.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(((_state$value = state.value) === null || _state$value === void 0 ? void 0 : _state$value.tag) == 'Icon' ? script$1 : (_state$value2 = state.value) === null || _state$value2 === void 0 ? void 0 : _state$value2.tag), {
+      }, [renderSlot(_ctx.$slots, "default")], 2), state.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(((_state$value2 = state.value) === null || _state$value2 === void 0 ? void 0 : _state$value2.tag) == 'Icon' ? script$1 : (_state$value3 = state.value) === null || _state$value3 === void 0 ? void 0 : _state$value3.tag), {
         "class": "cover--icon",
-        icon: (_state$value3 = state.value) === null || _state$value3 === void 0 ? void 0 : _state$value3.image,
-        color: (_state$value4 = state.value) === null || _state$value4 === void 0 ? void 0 : _state$value4.color,
-        size: ((_state$value5 = state.value) === null || _state$value5 === void 0 ? void 0 : _state$value5.size) || '28'
+        icon: (_state$value4 = state.value) === null || _state$value4 === void 0 ? void 0 : _state$value4.image,
+        color: (_state$value5 = state.value) === null || _state$value5 === void 0 ? void 0 : _state$value5.color,
+        size: ((_state$value6 = state.value) === null || _state$value6 === void 0 ? void 0 : _state$value6.size) || '28'
       }, null, 8, ["icon", "color", "size"])), createElementVNode("div", {
-        "class": normalizeClass(["cover--text", ((_state$value6 = state.value) === null || _state$value6 === void 0 ? void 0 : _state$value6.color) + '--text'])
-      }, toDisplayString((_state$value7 = state.value) === null || _state$value7 === void 0 ? void 0 : _state$value7.label), 3)])])) : createCommentVNode("v-if", true)]);
+        "class": "cover--text",
+        style: normalizeStyle(getStyle.value)
+      }, toDisplayString((_state$value7 = state.value) === null || _state$value7 === void 0 ? void 0 : _state$value7.label), 5)])])) : createCommentVNode("v-if", true)]);
     };
   }
 });

package/dist/components/Visual/index.d.ts

@@ -0,0 +1,3 @@
+import ResolvableLayerProvider from "./src/ResolvableLayerProvider";
+import BufferLayerPlayer from "./src/BufferLayerPlayer";
+export { ResolvableLayerProvider, BufferLayerPlayer };

package/dist/components/Visual/src/BufferLayerPlayer.d.ts

@@ -0,0 +1,27 @@
+import { Layer } from "./types";
+import LayerPlayer from "./interface/LayerPlayer";
+import LayerProvider from "./interface/LayerProvider";
+import { Visual } from "./types";
+import LayerManager from "./interface/LayerManager";
+export default class BufferLayerPlayer implements LayerPlayer {
+    protected manager: LayerManager;
+    protected provider: LayerProvider;
+    protected options: any;
+    protected queue: Layer[];
+    protected index: number;
+    protected cursor: number;
+    protected center: number;
+    protected last: Layer;
+    constructor(manager: LayerManager, provider: LayerProvider, options?: Visual.PlayerOptions);
+    backward(): Promise<void>;
+    forward(): Promise<void>;
+    jump(index: any): void;
+    visible(value: boolean): Promise<void>;
+    status(index: any): string;
+    update(index: any): void;
+    clear(): void;
+    dispose(): void;
+    protected get(index: any): Promise<Layer>;
+    protected ready(index: any): Promise<void>;
+    protected render(): void;
+}

package/dist/components/Visual/src/BufferLayerPlayer.js

@@ -0,0 +1,293 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import def from './config/default.manager.js';
+
+var BufferLayerPlayer = /*#__PURE__*/function () {
+  function BufferLayerPlayer(manager, provider, options) {
+    _classCallCheck(this, BufferLayerPlayer);
+    _defineProperty(this, "manager", void 0);
+    _defineProperty(this, "provider", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "queue", []);
+    _defineProperty(this, "index", 0);
+    _defineProperty(this, "cursor", 0);
+    _defineProperty(this, "center", 0);
+    _defineProperty(this, "last", null);
+    this.manager = manager;
+    this.provider = provider;
+    this.options = options;
+    this.options = Object.assign({}, def, options);
+    this.manager.remove(this.queue);
+    this.queue.length = 0;
+  }
+  _createClass(BufferLayerPlayer, [{
+    key: "backward",
+    value: function () {
+      var _backward = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var index, cursor;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              index = this.index;
+              cursor = this.cursor;
+              if (!(index === 0 && cursor === 0)) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              if (!(index === 0 || cursor > this.center)) {
+                _context.next = 8;
+                break;
+              }
+              this.cursor--;
+              _context.next = 16;
+              break;
+            case 8:
+              _context.t0 = this.queue;
+              _context.next = 11;
+              return this.get(--this.index);
+            case 11:
+              _context.t1 = _context.sent;
+              _context.t0.splice.call(_context.t0, 0, 0, _context.t1);
+              _context.next = 15;
+              return this.manager.addition(this.queue[0]);
+            case 15:
+              if (this.queue.length > this.options.buffer) {
+                this.manager.remove(this.queue.pop());
+              }
+            case 16:
+              this.render();
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function backward() {
+        return _backward.apply(this, arguments);
+      }
+      return backward;
+    }()
+  }, {
+    key: "forward",
+    value: function () {
+      var _forward = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var size, index, count;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              size = this.queue.length;
+              index = this.index;
+              count = this.provider.count;
+              if (!(index + size >= count && this.cursor >= size)) {
+                _context2.next = 5;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 5:
+              if (!(this.cursor < this.center || index + size >= count)) {
+                _context2.next = 9;
+                break;
+              }
+              this.cursor++;
+              _context2.next = 17;
+              break;
+            case 9:
+              _context2.t0 = this.queue;
+              _context2.next = 12;
+              return this.get(size + this.index++);
+            case 12:
+              _context2.t1 = _context2.sent;
+              _context2.t0.push.call(_context2.t0, _context2.t1);
+              _context2.next = 16;
+              return this.manager.addition(this.queue[this.queue.length - 1]);
+            case 16:
+              this.manager.remove(this.queue.shift());
+            case 17:
+              this.render();
+            case 18:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function forward() {
+        return _forward.apply(this, arguments);
+      }
+      return forward;
+    }()
+  }, {
+    key: "jump",
+    value: function jump(index) {
+      var size = this.queue.length;
+      if (size === 0) {
+        this.ready(index);
+      } else if (index - this.index === -1) {
+        this.backward();
+      } else if (index - (this.index + this.cursor) === 1) {
+        this.forward();
+      } else if (index - this.index === size) {
+        this.forward();
+      } else if (index >= this.index && index < this.index + size) {
+        this.cursor = index - this.index;
+        this.render();
+      } else {
+        this.clear();
+        this.ready(index);
+      }
+    }
+  }, {
+    key: "visible",
+    value: function () {
+      var _visible = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (value === false) {
+                this.manager.remove(this.queue);
+              }
+              if (!(value === true)) {
+                _context3.next = 4;
+                break;
+              }
+              _context3.next = 4;
+              return this.manager.addition(this.queue);
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function visible(_x) {
+        return _visible.apply(this, arguments);
+      }
+      return visible;
+    }()
+  }, {
+    key: "status",
+    value: function status(index) {
+      return this.manager.query(this.queue[index + this.cursor], "status");
+    }
+  }, {
+    key: "update",
+    value: function update(index) {
+      this.manager.remove(this.queue);
+      this.queue.length = 0;
+      this.ready(index || this.index);
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.manager.remove(this.queue);
+      this.queue.length = 0;
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.clear();
+      this.queue = null;
+      this.options = null;
+      this.manager = null;
+      this.provider = null;
+    }
+  }, {
+    key: "get",
+    value: function () {
+      var _get = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(index) {
+        var _this$provider, _this$manager, _this$manager2, _this$manager3;
+        var layer, opacity;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return (_this$provider = this.provider) === null || _this$provider === void 0 ? void 0 : _this$provider.get(index);
+            case 2:
+              layer = _context4.sent;
+              opacity = (_this$manager = this.manager) === null || _this$manager === void 0 ? void 0 : _this$manager.query(layer, "opacity");
+              (_this$manager2 = this.manager) === null || _this$manager2 === void 0 || _this$manager2.modify(layer, "$opacity", opacity);
+              (_this$manager3 = this.manager) === null || _this$manager3 === void 0 || _this$manager3.modify(layer, "opacity", 0);
+              return _context4.abrupt("return", layer);
+            case 7:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function get(_x2) {
+        return _get.apply(this, arguments);
+      }
+      return get;
+    }()
+  }, {
+    key: "ready",
+    value: function () {
+      var _ready = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(index) {
+        var _this$queue2, _this$manager4;
+        var max, i, _this$queue;
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              max = Math.min(this.provider.count, index + this.options.buffer);
+              i = index;
+            case 2:
+              if (!(i < max)) {
+                _context5.next = 13;
+                break;
+              }
+              _context5.t0 = (_this$queue = this.queue) === null || _this$queue === void 0;
+              if (_context5.t0) {
+                _context5.next = 10;
+                break;
+              }
+              _context5.t1 = _this$queue;
+              _context5.next = 8;
+              return this.get(i);
+            case 8:
+              _context5.t2 = _context5.sent;
+              _context5.t1.push.call(_context5.t1, _context5.t2);
+            case 10:
+              i++;
+              _context5.next = 2;
+              break;
+            case 13:
+              this.index = index;
+              this.cursor = 0;
+              this.center = ((_this$queue2 = this.queue) === null || _this$queue2 === void 0 ? void 0 : _this$queue2.length) >> 1;
+              _context5.next = 18;
+              return (_this$manager4 = this.manager) === null || _this$manager4 === void 0 ? void 0 : _this$manager4.addition(this.queue);
+            case 18:
+              this.render();
+            case 19:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function ready(_x3) {
+        return _ready.apply(this, arguments);
+      }
+      return ready;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var queue = this.queue;
+      var cursor = this.cursor;
+      if (this.last && this.last !== queue[cursor]) {
+        this.manager.modify(this.last, "opacity", 0);
+      }
+      if (!queue || (queue === null || queue === void 0 ? void 0 : queue.length) <= 0) return;
+      if ((this.last = queue[cursor]) != null) {
+        var opacity = this.manager.query(queue[cursor], "$opacity");
+        this.manager.modify(queue[cursor], "opacity", opacity);
+      }
+    }
+  }]);
+  return BufferLayerPlayer;
+}();
+
+export { BufferLayerPlayer as default };

package/dist/components/Visual/src/ResolvableLayerProvider.d.ts

@@ -0,0 +1,36 @@
+import AbstractNodeProvider from "../../NodeAxis/src/AbstractNodeProvider";
+import { NodeAxis } from "../../NodeAxis/src/types";
+import { Layer } from "./types";
+import LayerFactory from "./interface/LayerFactory";
+import LayerResolver from "./interface/LayerResolver";
+import { Visual } from "./types";
+export default class ResolvableLayerProvider extends AbstractNodeProvider {
+    protected factory: LayerFactory;
+    protected interceptor: Function;
+    protected config: any;
+    protected cache: any[];
+    protected total: number;
+    protected marks: NodeAxis.Section[];
+    protected init: NodeAxis.Extent;
+    protected back: NodeAxis.Extent;
+    protected options: any;
+    protected extended: number;
+    protected nodes: LayerResolver[];
+    constructor(factory: LayerFactory, data: any, injection: any, interceptor?: Function, config?: any);
+    protected read(options: any, injection: any): void;
+    protected findNode(index: any, accept?: any[]): any[];
+    protected makeSections(): void;
+    get(index: number): Promise<Layer>;
+    getNodeInfo(index: number): Visual.NodeInfo;
+    get extent(): NodeAxis.Extent;
+    get count(): number;
+    get sections(): NodeAxis.Section[];
+    get extensible(): number;
+    color(index: number): string;
+    format(index: number, type: NodeAxis.Format): string;
+    formatByInject(index: number, type: NodeAxis.Format, finalFormat: string): string;
+    find(query: Visual.Condition): number;
+    extends(direction: number, minimum: number): Promise<number> | number;
+    reset(): void;
+    dispose(): void;
+}