@dfsj/components 3.7.0-beta.5 → 3.7.1-alpha.1

package/dist/components/Modal/src/BasicModal.vue.d.ts

@@ -91,6 +91,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,7 +139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
         of<T>(...items: T[]): T[];
         fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
         readonly [Symbol.species]: ArrayConstructor;
     };
     offset: ObjectConstructor;
@@ -252,6 +256,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;
@@ -296,7 +304,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
         of<T>(...items: T[]): T[];
         fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
         readonly [Symbol.species]: ArrayConstructor;
     };
     offset: ObjectConstructor;
@@ -326,6 +334,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:maximum"?: (...args: any[]) => any;
     onResize?: (...args: any[]) => any;
 }>, {
+    minimize: boolean;
     footer: boolean;
     cancel: boolean;
     submit: boolean;

package/dist/components/Modal/src/BasicModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, Transition, ref, toRefs, watch, computed, unref, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
+import { defineComponent, Transition, ref, toRefs, watch, computed, unref, createVNode, resolveComponent } from 'vue';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { toMainStyle, toBodyStyle } from './utils/index.js';
 import { baseProps, headerProps, footerProps } from './props.js';
@@ -13,7 +13,7 @@ import script$2 from './components/ModalHeader.vue2.js';
 import script$3 from '../../Icon/src/Icon.vue2.js';
 
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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({
   components: {
     ModalFooter: script$1,
@@ -63,9 +63,9 @@ var script = defineComponent({
       emit('update:maximum', maximum.value = !maximum.value);
       emit('resize');
     }
-    function onClose() {
+    function onClose(e) {
       innerVisible.value = false;
-      emit('close');
+      emit('close', e);
     }
     var mainClass = computed(function () {
       var cls = [unref(maximum) ? 'maximum' : '', props.modally ? 'modally' : '', props.modalClass];
@@ -90,30 +90,32 @@ var script = defineComponent({
     });
     var getTitleBefore = function getTitleBefore() {
       var _slot = getSlot(slots, 'titleBefore', _objectSpread({}, props));
-      var _slotFn = props === null || props === void 0 ? void 0 : props.titleBefore;
-      return _slot !== null && _slot !== void 0 ? _slot : _slotFn;
+      var _slotFn = props === null || props === undefined ? undefined : props.titleBefore;
+      return _slot !== null && _slot !== undefined ? _slot : _slotFn === null || _slotFn === undefined ? undefined : _slotFn();
     };
     var getTitleAfter = function getTitleAfter() {
       var _slot = getSlot(slots, 'titleAfter', _objectSpread({}, props));
-      var _slotFn = props === null || props === void 0 ? void 0 : props.titleAfter;
-      return _slot !== null && _slot !== void 0 ? _slot : _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn();
+      var _slotFn = props === null || props === undefined ? undefined : props.titleAfter;
+      return _slot !== null && _slot !== undefined ? _slot : _slotFn === null || _slotFn === undefined ? undefined : _slotFn();
     };
     var getTitle = function getTitle() {
       var _slot = getSlot(slots, 'title', _objectSpread({}, props));
-      var _slotFn = props === null || props === void 0 ? void 0 : props.title;
-      return (_slot !== null && _slot !== void 0 ? _slot : isFunction(_slotFn)) ? _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn() : _slotFn;
+      var _slotFn = props === null || props === undefined ? undefined : props.title;
+      return (_slot !== null && _slot !== undefined ? _slot : isFunction(_slotFn)) ? _slotFn === null || _slotFn === undefined ? undefined : _slotFn() : _slotFn;
     };
     var hasMover = computed(function () {
-      return !!(slots !== null && slots !== void 0 && slots['mover']);
+      return !!(slots !== null && slots !== undefined && slots['mover']);
     });
     return function () {
       var _props$animation, _props$animation2, _slots$mover, _slots$default;
       return innerVisible.value ? createVNode("div", {
-        "class": "component modal dialog component-modal-page-wrap ".concat(mainClass.value),
+        "class": ["component modal dialog component-modal-page-wrap ".concat(mainClass.value), {
+          minimized: props.minimize
+        }],
         "style": mainStyle.value
       }, [createVNode(resolveComponent("transition"), {
-        "enter-active-class": ((_props$animation = props.animation) === null || _props$animation === void 0 ? void 0 : _props$animation.enter) || 'window--enter-active',
-        "leave-active-class": ((_props$animation2 = props.animation) === null || _props$animation2 === void 0 ? void 0 : _props$animation2.leave) || 'window--leave-active',
+        "enter-active-class": ((_props$animation = props.animation) === null || _props$animation === undefined ? undefined : _props$animation.enter) || 'window--enter-active',
+        "leave-active-class": ((_props$animation2 = props.animation) === null || _props$animation2 === undefined ? undefined : _props$animation2.leave) || 'window--leave-active',
         "appear": true
       }, {
         "default": function _default() {
@@ -142,7 +144,7 @@ var script = defineComponent({
             "class": "modal--content component-modal-content"
           }, [hasMover.value && createVNode("div", {
             "class": "mover ".concat(moverClass)
-          }, [(_slots$mover = slots.mover) === null || _slots$mover === void 0 ? void 0 : _slots$mover.call(slots)]), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]), withDirectives(createVNode(script$1, null, null), [[resolveDirective("bind"), getBindValue]])])];
+          }, [(_slots$mover = slots.mover) === null || _slots$mover === undefined ? undefined : _slots$mover.call(slots)]), (_slots$default = slots["default"]) === null || _slots$default === undefined ? undefined : _slots$default.call(slots)]), createVNode(script$1, unref(getBindValue), null)])];
         }
       })]) : null;
     };

package/dist/components/Modal/src/components/ModalFooter.vue2.js

@@ -1,6 +1,5 @@
-import { normalizeClass, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode } from 'vue';
+import { normalizeClass, defineComponent, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { footerProps } from '../props.js';
-import { cancel, submit } from '../config.js';
 
 var _hoisted_1 = {
   key: 0,
@@ -10,19 +9,30 @@ var script = defineComponent({
   __name: 'ModalFooter',
   props: footerProps,
   setup: function setup(__props) {
+    var props = __props;
+    var _toRefs = toRefs(props),
+      submitOpt = _toRefs.submitOpt,
+      cancelOpt = _toRefs.cancelOpt;
     return function (_ctx, _cache) {
+      var _unref2, _unref3;
       var _component_el_button = resolveComponent("el-button");
-      return !!_ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_button, null, {
+      return !!_ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_button, {
+        onClick: _ctx.onCancel,
+        type: (_unref2 = unref(cancelOpt)) === null || _unref2 === undefined ? undefined : _unref2.color
+      }, {
         "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(unref(cancel).label), 1)];
+          return [createTextVNode(toDisplayString(unref(cancelOpt).label), 1)];
         }),
         _: 1
-      }), createVNode(_component_el_button, null, {
+      }, 8, ["onClick", "type"]), createVNode(_component_el_button, {
+        onClick: _ctx.onSubmit,
+        type: (_unref3 = unref(submitOpt)) === null || _unref3 === undefined ? undefined : _unref3.color
+      }, {
         "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(unref(submit).label), 1)];
+          return [createTextVNode(toDisplayString(unref(submitOpt).label), 1)];
         }),
         _: 1
-      })])) : createCommentVNode("v-if", true);
+      }, 8, ["onClick", "type"])])) : createCommentVNode("v-if", true);
     };
   }
 });

package/dist/components/Modal/src/components/ModalHeader.vue2.js

@@ -36,7 +36,7 @@ var script = defineComponent({
     });
     var sIcon = computed(function () {
       var _props$switcherIcon;
-      return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === void 0 ? void 0 : _props$switcherIcon[props.maximum].image;
+      return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === undefined ? undefined : _props$switcherIcon[props.maximum].image;
     });
     return function (_ctx, _cache) {
       var _ctx$minimizerIcon;
@@ -58,7 +58,7 @@ var script = defineComponent({
         size: 28,
         color: "white",
         onClick: withModifiers(_ctx.onMinimize, ["stop"]),
-        icon: (_ctx$minimizerIcon = _ctx.minimizerIcon) === null || _ctx$minimizerIcon === void 0 ? void 0 : _ctx$minimizerIcon.image
+        icon: (_ctx$minimizerIcon = _ctx.minimizerIcon) === null || _ctx$minimizerIcon === undefined ? undefined : _ctx$minimizerIcon.image
       }, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.switcherIcon && props.maximizer ? (openBlock(), createBlock(script$1, {
         key: 1,
         "class": "cursor-pointer",

package/dist/components/Modal/src/config.js

@@ -15,11 +15,11 @@ var closer = {
 };
 var cancel = {
   label: '取消',
-  color: 'warning'
+  color: 'info'
 };
 var submit = {
   label: '提交',
-  color: 'warning'
+  color: 'primary'
 };
 var minimizer = {
   image: 'mdi:minimize',

package/dist/components/Modal/src/hooks/useModalDrag.js

@@ -78,7 +78,7 @@ function useModalDragMove(context) {
     var dragWrap = proxy.$el;
     if (!dragWrap) return;
     var display = getStyle(dragWrap, 'display');
-    var draggable = (_dragWrap$getAttribut = dragWrap.getAttribute('data-drag')) !== null && _dragWrap$getAttribut !== void 0 ? _dragWrap$getAttribut : true;
+    var draggable = (_dragWrap$getAttribut = dragWrap.getAttribute('data-drag')) !== null && _dragWrap$getAttribut !== undefined ? _dragWrap$getAttribut : true;
     if (display !== 'none') {
       if (draggable === null || unref(context.destroyOnClose)) {
         drag(dragWrap);

package/dist/components/Modal/src/hooks/useTimeout.js

@@ -1,5 +1,5 @@
 import { watch, ref } from 'vue';
-import { tryOnUnmounted } from '../../../../node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/shared/index.js';
+import { tryOnUnmounted } from '../../../../node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/shared/index.js';
 
 function isFunction(val) {
   return typeof val === 'function';

package/dist/components/{src/components/Modal → Modal}/src/props.d.ts

@@ -17,7 +17,7 @@ export declare const baseProps: {
         from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
         of<T>(...items: T[]): T[];
         fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
         readonly [Symbol.species]: ArrayConstructor;
     };
     offset: ObjectConstructor;
@@ -100,6 +100,10 @@ export declare const headerProps: {
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/Modal/src/props.js

@@ -1,5 +1,5 @@
 import { switcher, closer, minimizer, submit, cancel } from './config.js';
-import { propTypes } from '@dfsj/utils';
+import propTypes from 'vue-types';
 
 var zIndex = 1000;
 var baseProps = {
@@ -77,6 +77,10 @@ var headerProps = {
       return closer;
     }
   },
+  minimize: {
+    type: Boolean,
+    "default": false
+  },
   minimizer: {
     type: Boolean,
     "default": false

package/dist/components/Modal/src/utils/index.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { unref } from 'vue';
 
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
 function ensure(value) {
   return value == null ? null : isNaN(value) ? value : "".concat(value, "px");
 }

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

@@ -9,9 +9,9 @@ import NodeMath from '../../Visual/src/utils/NodeMath.js';
 import NodeRender from './NodeRender.js';
 import * as zrender from 'zrender/dist/zrender';
 
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+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, e, o, r) { var p = _get(_getPrototypeOf(t.prototype ), e, o); return "function" == typeof p ? function (t) { return p.apply(o, t); } : p; }
+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;
@@ -20,11 +20,11 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
       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, "canvas", undefined);
+    _defineProperty(_this, "context", undefined);
+    _defineProperty(_this, "overlay", undefined);
     _defineProperty(_this, "cache", {});
-    _defineProperty(_this, "zrender", void 0);
+    _defineProperty(_this, "zrender", undefined);
     return _this;
   }
   _inherits(CanvasNodeRender, _NodeRender);
@@ -32,8 +32,8 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
     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();
+      event === null || event === undefined || (_event$event = event.event) === null || _event$event === undefined || _event$event.preventDefault();
+      event === null || event === undefined || (_event$event2 = event.event) === null || _event$event2 === undefined || _event$event2.stopImmediatePropagation();
       var provider = this.model.provider;
       var bounds = this.model.bounds;
       var extent = this.model.extent;
@@ -74,8 +74,8 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
         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);
+          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);
@@ -87,8 +87,8 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
     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();
+      event === null || event === undefined || (_event$event3 = event.event) === null || _event$event3 === undefined || _event$event3.preventDefault();
+      event === null || event === undefined || (_event$event4 = event.event) === null || _event$event4 === undefined || _event$event4.stopImmediatePropagation();
       this.overlay.style.opacity = String(0);
       this.model.dragging = false;
       this.model.pressed = false;
@@ -131,8 +131,8 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
         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!";
+      console.log('this.model.options.overlay?.empty ', (_this$model$options$o = this.model.options.overlay) === null || _this$model$options$o === undefined ? undefined : _this$model$options$o.empty);
+      this.overlay.innerHTML = ((_this$model$options$o2 = this.model.options.overlay) === null || _this$model$options$o2 === undefined ? undefined : _this$model$options$o2.empty) || "Node is unavailable!";
     }
   }, {
     key: "getBoundingClientRect",
@@ -145,20 +145,20 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
         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);
+        label = NodeMath.valueBy((_this$model$options$l = this.model.options.label) === null || _this$model$options$l === undefined ? undefined : _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);
+        top = height / ((_options$label = options.label) !== null && _options$label !== undefined && _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;
+        label = Math.max(options.cursor.size, (_options$node = options.node) === null || _options$node === undefined ? undefined : _options$node.size, options.track.height) / 2 + 10;
       }
       var length = width - (left + right);
       return {
@@ -240,9 +240,9 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
     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 = this.zrender) === null || _this$zrender === undefined || _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);
+      (_this$container = this.container) === null || _this$container === undefined || (_this$container$remov = _this$container.remove) === null || _this$container$remov === undefined || _this$container$remov.call(_this$container);
     }
   }, {
     key: "render",
@@ -257,22 +257,22 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
         var b = this.model.bounds,
         o = this.model.options,
         h = o.track.height,
-        c = (provider === null || provider === void 0 ? void 0 : provider.count) || 0,
+        c = (provider === null || provider === undefined ? undefined : 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();
+      if (this.zrender) (_this$zrender2 = this.zrender) === null || _this$zrender2 === undefined || _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]]
+          points: [[b === null || b === undefined ? undefined : b.left, b === null || b === undefined ? undefined : b.top], [(b === null || b === undefined ? undefined : b.left) + (b === null || b === undefined ? undefined : b.length), b === null || b === undefined ? undefined : 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));
+      this.zrender && ((_this$zrender3 = this.zrender) === null || _this$zrender3 === undefined || (_this$zrender3$add = _this$zrender3.add) === null || _this$zrender3$add === undefined ? undefined : _this$zrender3$add.call(_this$zrender3, lineTrack));
       var sections = provider.sections;
       if (sections && sections.length) {
         sections.forEach(function (section) {
@@ -290,7 +290,7 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
               },
               cursor: 'default'
             });
-            (_this3$zrender = _this3.zrender) === null || _this3$zrender === void 0 || _this3$zrender.add(lineSections);
+            (_this3$zrender = _this3.zrender) === null || _this3$zrender === undefined || _this3$zrender.add(lineSections);
           }
         });
       }
@@ -299,7 +299,7 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
         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]]
+            points: [[b === null || b === undefined ? undefined : b.left, b === null || b === undefined ? undefined : b.top], [(b === null || b === undefined ? undefined : b.left) + x, b === null || b === undefined ? undefined : b.top]]
           },
           style: {
             stroke: o.progress.color,
@@ -307,7 +307,7 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
           },
           cursor: 'default'
         });
-        (_this$zrender4 = this.zrender) === null || _this$zrender4 === void 0 || _this$zrender4.add(lineProgress);
+        (_this$zrender4 = this.zrender) === null || _this$zrender4 === undefined || _this$zrender4.add(lineProgress);
       }
       if (this.model.nodes) {
         var labeled = o.label && o.label.enabled;
@@ -317,7 +317,7 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
           var circle = new zrender.Circle({
             shape: {
               cx: x,
-              cy: b === null || b === void 0 ? void 0 : b.top,
+              cy: b === null || b === undefined ? undefined : b.top,
               r: o.node.size / 2
             },
             style: {
@@ -326,7 +326,7 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
               lineWidth: o.node.outlineWidth
             }
           });
-          (_this3$zrender2 = _this3.zrender) === null || _this3$zrender2 === void 0 || _this3$zrender2.add(circle);
+          (_this3$zrender2 = _this3.zrender) === null || _this3$zrender2 === undefined || _this3$zrender2.add(circle);
           circle.onmouseover = function (ev) {
             _this3.onMouseMove(ev);
           };
@@ -339,8 +339,8 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
           };
           circle.oncontextmenu = function (ev) {
             console.log('oncontextmenu', ev);
-            ev === null || ev === void 0 || ev.event.preventDefault();
-            ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
+            ev === null || ev === undefined || ev.event.preventDefault();
+            ev === null || ev === undefined || ev.event.stopImmediatePropagation();
           };
           if (labeled) {
             var _this3$zrender3;
@@ -366,10 +366,10 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
               _this3.onMouseDown(ev);
             };
             t1.oncontextmenu = function (ev) {
-              ev === null || ev === void 0 || ev.event.preventDefault();
-              ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
+              ev === null || ev === undefined || ev.event.preventDefault();
+              ev === null || ev === undefined || ev.event.stopImmediatePropagation();
             };
-            (_this3$zrender3 = _this3.zrender) === null || _this3$zrender3 === void 0 || _this3$zrender3.add(t1);
+            (_this3$zrender3 = _this3.zrender) === null || _this3$zrender3 === undefined || _this3$zrender3.add(t1);
           }
         });
       }
@@ -398,10 +398,10 @@ var CanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
           _this3.onMouseDown(ev);
         };
         circle.oncontextmenu = function (ev) {
-          ev === null || ev === void 0 || ev.event.preventDefault();
-          ev === null || ev === void 0 || ev.event.stopImmediatePropagation();
+          ev === null || ev === undefined || ev.event.preventDefault();
+          ev === null || ev === undefined || ev.event.stopImmediatePropagation();
         };
-        (_this$zrender5 = this.zrender) === null || _this$zrender5 === void 0 || _this$zrender5.add(circle);
+        (_this$zrender5 = this.zrender) === null || _this$zrender5 === undefined || _this$zrender5.add(circle);
       }
       this.model.extent[2] = index;
       this.accept.call(this, index);

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

@@ -5,7 +5,7 @@ import CanvasNodeRender from './CanvasNodeRender.js';
 import TimerNodePlayer from './TimerNodePlayer.js';
 
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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: {

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

@@ -8,21 +8,21 @@ import NullProvider from './NullProvider.js';
 var NodeModel = /*#__PURE__*/function () {
   function NodeModel(options) {
     _classCallCheck(this, NodeModel);
-    _defineProperty(this, "options", void 0);
-    _defineProperty(this, "nodes", void 0);
+    _defineProperty(this, "options", undefined);
+    _defineProperty(this, "nodes", undefined);
     _defineProperty(this, "limit", [0.01, 100]);
-    _defineProperty(this, "scale", void 0);
+    _defineProperty(this, "scale", undefined);
     _defineProperty(this, "dragging", false);
     _defineProperty(this, "pressed", false);
     _defineProperty(this, "index", 0);
-    _defineProperty(this, "range", void 0);
+    _defineProperty(this, "range", undefined);
     _defineProperty(this, "press", [0, 0]);
     _defineProperty(this, "right", false);
-    _defineProperty(this, "bounds", void 0);
+    _defineProperty(this, "bounds", undefined);
     _defineProperty(this, "height", 0);
     _defineProperty(this, "width", 0);
-    _defineProperty(this, "provider", void 0);
-    _defineProperty(this, "extent", void 0);
+    _defineProperty(this, "provider", undefined);
+    _defineProperty(this, "extent", undefined);
     this.options = assign({}, render, options);
     this.update(NullProvider.SINGLETON);
   }
@@ -35,7 +35,7 @@ var NodeModel = /*#__PURE__*/function () {
       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) {
+      if (count > 0 && (_options$node = options.node) !== null && _options$node !== undefined && _options$node.enabled) {
         this.nodes = this.provider.extract(extent, options.node.count, this.nodes);
       }
     }
@@ -47,9 +47,9 @@ var NodeModel = /*#__PURE__*/function () {
       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) {
+      if (provider.count > 0 && (_options$node2 = options.node) !== null && _options$node2 !== undefined && _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);
+        this.nodes = provider.extract(provider.extent, (_options$node3 = options.node) === null || _options$node3 === undefined ? undefined : _options$node3.count, this.nodes);
       }
     }
   }, {

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

@@ -5,10 +5,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 var NodeRender = /*#__PURE__*/function () {
   function NodeRender(model) {
     _classCallCheck(this, NodeRender);
-    _defineProperty(this, "model", void 0);
-    _defineProperty(this, "container", void 0);
+    _defineProperty(this, "model", undefined);
+    _defineProperty(this, "container", undefined);
     _defineProperty(this, "initialized", false);
-    _defineProperty(this, "accept", void 0);
+    _defineProperty(this, "accept", undefined);
     this.model = model;
   }
   return _createClass(NodeRender, [{

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

@@ -9,10 +9,10 @@ import NodeMath from '../../Visual/src/utils/NodeMath.js';
 var TimerNodePlayer = /*#__PURE__*/function () {
   function TimerNodePlayer(model, renderer, options) {
     _classCallCheck(this, TimerNodePlayer);
-    _defineProperty(this, "renderer", void 0);
-    _defineProperty(this, "model", void 0);
-    _defineProperty(this, "timer", void 0);
-    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "renderer", undefined);
+    _defineProperty(this, "model", undefined);
+    _defineProperty(this, "timer", undefined);
+    _defineProperty(this, "options", undefined);
     this.model = model;
     this.renderer = renderer;
     this.options = assign({}, play, options);

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

@@ -28,7 +28,7 @@ var script = defineComponent({
     var getStyle = computed(function () {
       var _state$value;
       return {
-        color: (_state$value = state.value) === null || _state$value === void 0 ? void 0 : _state$value.color
+        color: (_state$value = state.value) === null || _state$value === undefined ? undefined : _state$value.color
       };
     });
     return function (_ctx, _cache) {
@@ -37,15 +37,15 @@ var script = defineComponent({
         "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$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), {
+      }, [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 === undefined ? undefined : _state$value2.tag) == 'Icon' ? script$1 : (_state$value3 = state.value) === null || _state$value3 === undefined ? undefined : _state$value3.tag), {
         "class": "cover--icon",
-        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'
+        icon: (_state$value4 = state.value) === null || _state$value4 === undefined ? undefined : _state$value4.image,
+        color: (_state$value5 = state.value) === null || _state$value5 === undefined ? undefined : _state$value5.color,
+        size: ((_state$value6 = state.value) === null || _state$value6 === undefined ? undefined : _state$value6.size) || '28'
       }, null, 8, ["icon", "color", "size"])), createElementVNode("div", {
         "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)]);
+      }, toDisplayString((_state$value7 = state.value) === null || _state$value7 === undefined ? undefined : _state$value7.label), 5)])])) : createCommentVNode("v-if", true)]);
     };
   }
 });

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

@@ -1,4 +1,4 @@
-import { propTypes } from '@dfsj/utils';
+import propTypes from 'vue-types';
 
 var DEFAULT_STATES = {
   error: {