@dfsj/components 3.1.1 → 3.1.2

package/dist/components/Visual/src/resolvers/tools.resolver.js

@@ -0,0 +1,145 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import get from 'lodash-es/get';
+import { DateTime, Interval } from 'luxon';
+
+var TIME_DIFF_ADJUST = 1;
+function getCount(range, symbol, interval) {
+  var between = Interval.fromDateTimes(range[0], range[1]);
+  if (symbol === "xun") {
+    var xunOf = function xunOf(time) {
+      return Math.floor(time.day / 10);
+    };
+    var count = Math.max(Math.floor(between.count("month") - 2), 0);
+    return 3 - xunOf(range[0]) + xunOf(range[1]) + count * 3;
+  }
+  return Math.round(range[1].diff(range[0], symbol).get(symbol) / interval) + TIME_DIFF_ADJUST;
+}
+var reg = /{(.+?)?}/g;
+function toFormat(pattern, nodeInfo) {
+  var now = DateTime.fromMillis(Date.now());
+  var exec,
+    buf = pattern;
+  while (exec = reg.exec(pattern)) {
+    var items = exec[1].split("#");
+    var value = get(nodeInfo, items[0]);
+    if (items.length === 1) {
+      buf = buf.replace(exec[0], value == null ? "" : String(value));
+    } else if (items[0] === "time") {
+      var time = value;
+      var modifiers = items[1].split("@");
+      var format = modifiers[0];
+      if (modifiers.length > 0) {
+        if (modifiers.includes("<")) {
+          time = time.plus(_defineProperty({}, nodeInfo.unit, -nodeInfo.step));
+        }
+        if (modifiers.includes(">")) {
+          time = time.plus(_defineProperty({}, nodeInfo.unit, +nodeInfo.step));
+        }
+        var today = modifiers.find(function (e) {
+          return e.includes("today");
+        });
+        if (today) {
+          var flag = today.substring(5, 7);
+          var formats = today.substring(7).split("|");
+          var expression = "yyyy-MM-dd ".concat(formats[0]);
+          var target = DateTime.fromSQL(time.toFormat(expression));
+          if (target.valueOf() > now.valueOf()) {
+            if (flag === "<<") {
+              time = time.plus(_defineProperty({}, nodeInfo.unit, -nodeInfo.step));
+            } else {
+              if (now.minute > 1) {
+                time = now.startOf('hour').plus({
+                  hours: 1
+                });
+              } else {
+                time = now;
+              }
+            }
+            if (formats[1]) {
+              format = formats[1];
+            }
+          }
+        }
+        if (modifiers.includes("seconds")) {
+          if (format) time = DateTime.fromSQL(time.toFormat(format));
+          time = time.valueOf() / 1000;
+        } else if (modifiers.includes("mills")) {
+          if (format) time = DateTime.fromSQL(time.toFormat(format));
+          time = time.valueOf();
+        }
+      }
+      value = time instanceof DateTime ? time.toFormat(format) : time;
+      buf = buf.replace(exec[0], String(value));
+    }
+  }
+  return buf;
+}
+function getFormatDate(pattern, nodeInfo) {
+  var resolveFormat = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'M月d日H时';
+  var now = DateTime.fromMillis(Date.now());
+  var exec,
+    buf = pattern;
+  var arr = [];
+  while (exec = reg.exec(pattern)) {
+    var items = exec[1].split("#");
+    var value = get(nodeInfo, items[0]);
+    if (items.length === 1) {
+      buf = buf.replace(exec[0], value == null ? "" : String(value));
+    } else if (items[0] === "time") {
+      var time = value;
+      var modifiers = items[1].split("@");
+      var format = modifiers[0];
+      if (modifiers.length > 0) {
+        if (modifiers.includes("<")) {
+          time = time.plus(_defineProperty({}, nodeInfo.unit, -nodeInfo.step));
+        }
+        if (modifiers.includes(">")) {
+          time = time.plus(_defineProperty({}, nodeInfo.unit, +nodeInfo.step));
+        }
+        var today = modifiers.find(function (e) {
+          return e.includes("today");
+        });
+        if (today) {
+          var flag = today.substring(5, 7);
+          var formats = today.substring(7).split("|");
+          var expression = "yyyy-MM-dd ".concat(formats[0]);
+          var target = DateTime.fromSQL(time.toFormat(expression));
+          if (target.valueOf() > now.valueOf()) {
+            if (flag === "<<") {
+              time = time.plus(_defineProperty({}, nodeInfo.unit, -nodeInfo.step));
+            } else {
+              if (now.minute > 1) {
+                time = now.startOf('hour').plus({
+                  hours: 1
+                });
+              } else {
+                time = now;
+              }
+            }
+            if (formats[1]) {
+              format = formats[1];
+            }
+          }
+        }
+        if (modifiers.includes("seconds")) {
+          if (format) time = DateTime.fromSQL(time.toFormat(format));
+          time = time.valueOf() / 1000;
+        } else if (modifiers.includes("mills")) {
+          if (format) time = DateTime.fromSQL(time.toFormat(format));
+          time = time.valueOf();
+        }
+      }
+      value = time instanceof DateTime ? time.toFormat(format) : time;
+      if (time instanceof DateTime) {
+        var isYear = value.includes('年');
+        var tm = DateTime.fromFormat(value, isYear ? format : resolveFormat);
+        var tmRes = DateTime.fromMillis(tm.ts).toFormat("".concat(time.year, "-MM-dd HH:00:00"));
+        arr.push(tmRes);
+      }
+      buf = buf.replace(exec[0], String(value));
+    }
+  }
+  return arr;
+}
+
+export { getCount, getFormatDate, toFormat };

package/dist/components/Visual/src/utils/NodeMath.d.ts

@@ -0,0 +1,13 @@
+export default class NodeMath {
+    static offset(index: number, range: number[], length: number): number;
+    static index(offset: number, range: number[], length: number): number;
+    static clamp(value: number, min: number, max: number): number;
+    static clampArray(element: number[], limit: number[]): number[];
+    static toRange(scale: number[], count: number, accept?: number[]): number[];
+    static inRange(r1: number[], r2: number[]): boolean;
+    static equals(r1: number[], r2: number[]): boolean;
+    static valueBy(value: string | number, size: number, def?: number): number;
+    static translation(nodes: number[], step: number, start?: number, count?: number): void;
+    static extract(range: number[], count: number, accept?: number[]): number[];
+    static scale(offset: number, range: number[], length: number, direction: number, rate?: number, accept?: number[]): number[];
+}

package/dist/components/Visual/src/utils/NodeMath.js

@@ -0,0 +1,101 @@
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+
+var NodeMath = /*#__PURE__*/function () {
+  function NodeMath() {
+    _classCallCheck(this, NodeMath);
+  }
+  _createClass(NodeMath, null, [{
+    key: "offset",
+    value: function offset(index, range, length) {
+      if (range[1] - range[0] <= 1) {
+        return length >> 1;
+      }
+      return (index - range[0]) / (range[1] - range[0] - 1) * length;
+    }
+  }, {
+    key: "index",
+    value: function index(offset, range, length) {
+      return Math.round(offset * (range[1] - range[0] - 1) / length + range[0]);
+    }
+  }, {
+    key: "clamp",
+    value: function clamp(value, min, max) {
+      return value < min ? min : value > max ? max : value;
+    }
+  }, {
+    key: "clampArray",
+    value: function clampArray(element, limit) {
+      element[0] = Math.max(element[0], limit[0]);
+      element[1] = Math.min(element[1], limit[1]);
+      return element;
+    }
+  }, {
+    key: "toRange",
+    value: function toRange(scale, count) {
+      var accept = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      accept[0] = Math.round(scale[0] / 100 * count);
+      accept[1] = Math.round(scale[1] / 100 * count);
+      return accept;
+    }
+  }, {
+    key: "inRange",
+    value: function inRange(r1, r2) {
+      return !(r2[0] < r1[0] && r2[1] <= r1[0] || r2[0] >= r1[1] && r2[1] >= r1[1]);
+    }
+  }, {
+    key: "equals",
+    value: function equals(r1, r2) {
+      return r1[0] === r2[0] && r1[1] === r2[1];
+    }
+  }, {
+    key: "valueBy",
+    value: function valueBy(value, size, def) {
+      if (typeof value === "string" && /%$/.test(value)) {
+        return Number(value.substring(0, value.length - 1)) / 100 * size;
+      }
+      return value == null ? def : Number(value);
+    }
+  }, {
+    key: "translation",
+    value: function translation(nodes, step) {
+      var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : nodes === null || nodes === void 0 ? void 0 : nodes.length;
+      for (var i = start + count - 1; i >= 0; i--) nodes[i] += step;
+    }
+  }, {
+    key: "extract",
+    value: function extract(range, count) {
+      var accept = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      accept.length = 0;
+      var length = range[1] - range[0];
+      if (length === 1) {
+        accept[0] = range[0];
+      } else if (length <= count) {
+        for (var i = 0; i < length; i++) accept.push(range[0] + i);
+      } else {
+        var factor = (count - 1) / (length - 1);
+        for (var _i2 = 0; _i2 < length; _i2++) {
+          if (Math.floor((_i2 - 1) * factor) !== Math.floor(_i2 * factor)) {
+            accept.push(range[0] + _i2);
+          }
+        }
+      }
+      return accept;
+    }
+  }, {
+    key: "scale",
+    value: function scale(offset, range, length, direction) {
+      var rate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1.2;
+      var accept = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
+      var percent = offset / length * (range[1] - range[0]) + range[0];
+      var factor = direction < 0 ? 1 / rate : rate;
+      accept[0] = (range[0] - percent) * factor + percent;
+      accept[1] = (range[1] - percent) * factor + percent;
+      return accept;
+    }
+  }]);
+  return NodeMath;
+}();
+
+export { NodeMath as default };

package/dist/index.d.ts

@@ -11,3 +11,5 @@ export * from "./components/DatePicker";
 export * from "./components/UnifyChart";
 export * from "./components/Highlight";
 export * from "./components/InputPassword";
+export * from "./components/NodeAxis";
+export * from "./components/Visual";

package/dist/index.js

@@ -11,7 +11,7 @@ export { default as State, StateEnum } from './components/Stateful/src/State.js'
 import './components/Stateful/src/Stateful.vue.js';
 export { WindowsProps } from './components/Windows/src/props.js';
 import './components/Windows/src/Windows.vue.js';
-export { BoardProps } from './components/Boards/src/props.js';
+export { BoardPosition, BoardProps } from './components/Boards/src/props.js';
 import './components/Boards/src/Boards.vue.js';
 import './components/Video/src/VideoPlayer.vue.js';
 export { default as DatePicker } from './components/DatePicker/src/index.js';
@@ -20,6 +20,13 @@ import './components/UnifyChart/src/UnifyChart.vue.js';
 import './components/UnifyChart/src/ChartToolbox.vue.js';
 import './components/Highlight/src/Highlight.vue.js';
 import './components/InputPassword/src/InputPassword.vue.js';
+export { default as AbstractNodeProvider } from './components/NodeAxis/src/AbstractNodeProvider.js';
+export { default as CanvasNodeRender } from './components/NodeAxis/src/CanvasNodeRender.js';
+import './components/NodeAxis/src/NodeAxis.vue.js';
+export { default as NullLayerProvider } from './components/NodeAxis/src/NullLayerProvider.js';
+export { Direction, Extensible, TimeModes } from './components/NodeAxis/src/enum/index.js';
+export { default as ResolvableLayerProvider } from './components/Visual/src/ResolvableLayerProvider.js';
+export { default as BufferLayerPlayer } from './components/Visual/src/BufferLayerPlayer.js';
 export { default as Form } from './components/Form/src/Form.vue2.js';
 export { default as Table } from './components/Table/src/Table.vue2.js';
 export { default as Editor } from './components/Editor/src/Editor.vue2.js';
@@ -29,6 +36,7 @@ export { default as VideoPlayer } from './components/Video/src/VideoPlayer.vue2.
 export { default as UnifyChart } from './components/UnifyChart/src/UnifyChart.vue2.js';
 export { default as Highlight } from './components/Highlight/src/Highlight.vue2.js';
 export { default as InputPassword } from './components/InputPassword/src/InputPassword.vue2.js';
+export { default as NodeAxis } from './components/NodeAxis/src/NodeAxis.vue2.js';
 export { default as Icon } from './components/Icon/src/Icon.vue2.js';
 export { default as SvgIcon } from './components/Icon/src/SvgIcon.vue2.js';
 export { default as BasicModal } from './components/Modal/src/BasicModal.vue2.js';

package/dist/index.min.css

@@ -1,6 +1,6 @@
 /*
 @dfsj/components：通用的vue组件;包括专业组件、原子级组件
-版本： 3.1.0
+版本： 3.1.1
 作者：yangbo <1747837358@qq.com>
-日期：2024-05-21 17:05:09 
-*/.ec-component-board-container-page-wrap{position:fixed;right:0;bottom:0;z-index:100;max-width:500px;background:#fff;transition:transform 200ms ease-in-out}.ec-component-board-container-page-wrap__layout{display:flex;flex-direction:row-reverse}.ec-component-board-container-page-wrap .board--wing{position:absolute !important;z-index:1;width:18px;height:80px;border-radius:2px;background:rgba(3,19,78,.12);backdrop-filter:blur(2px);box-shadow:2px 1px 1px 0px rgba(0,0,0,.3),-2px -2px 2px 0px #fff;cursor:pointer}.ec-component-board-container-page-wrap .board--wing .app-iconify{position:absolute;top:50%;right:0;font-weight:bolder;color:#fff}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-wrap::after{display:none}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .custom-label{display:flex;width:100%;min-height:0;letter-spacing:5px;writing-mode:vertical-lr}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__active-bar{display:none;width:0;height:0}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item{height:auto;padding:10px;color:#11848f;background:#eee}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item.is-active{color:#fff;background:#11848f}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__nav{gap:10px}.ec-component-board-container-page-wrap.east{flex-direction:row-reverse;right:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:2px 0 0}.ec-component-board-container-page-wrap.east .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(-100%, -50%);top:50%;left:0;clip-path:polygon(0 18%, 100% 0, 100% 100%, 0 82%)}.ec-component-board-container-page-wrap.east.minify{transform:translateX(100%)}.ec-component-board-container-page-wrap.east .board--wing .app-iconify{transform:rotate(0deg) translateY(-50%)}.ec-component-board-container-page-wrap.east.minify .board--wing .app-iconify{transform:rotate(180deg) translateY(50%)}.ec-component-board-container-page-wrap.west{flex-direction:row-reverse;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:0 2px 0 0}.ec-component-board-container-page-wrap.west .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(100%, -50%);top:50%;right:0;clip-path:polygon(0 0, 100% 18%, 100% 82%, 0% 100%)}.ec-component-board-container-page-wrap.west .board--wing .app-iconify{transform:rotate(180deg) translateY(50%)}.ec-component-board-container-page-wrap.west.minify{transform:translateX(-100%)}.ec-component-board-container-page-wrap.west.minify .board--wing .app-iconify{transform:rotate(0deg) translateY(-50%)}.ec-component-board-container-page-wrap.full{flex-direction:row-reverse;right:0;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.full .board--wing{display:none;top:-30px;left:calc(50% - 70px);z-index:1;width:140px;height:30px;box-shadow:0 -8px 10px 0 rgba(64,72,191,.2);border-radius:10px 10px 0 0}.ec-component-board-container-page-wrap.full .board--wing .q-icon{transform:rotate(90deg)}.ec-component-board-container-page-wrap.full.minify{transform:translateY(100%)}.ec-component-board-container-page-wrap.full.minify .board--wing .q-icon{transform:rotate(-90deg)}.ec-component-board-container-page-wrap.south{min-width:100px;min-height:100px;left:50%;bottom:11px;transform:translateX(-62%);background:none}.ec-component-board-container-page-wrap.south .board--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap.south .board--wing{display:none}.ec-component-board-container-page-wrap.south .board--wing .q-icon{display:none}.ec-component-board-container-page-wrap.south.minify{display:none}.ec-component-board-container-page-wrap.south.minify .board--wing .q-icon{display:none}.custom-month-range .el-month-table .current .cell{background-color:var(--el-color-primary);color:#fff !important}.ec-component-svg-icon{display:inline-block;overflow:hidden;vertical-align:-0.15em;fill:currentColor}.svg-icon-spin{animation:loadingCircle 1s infinite linear}.app-iconify{display:inline-block;vertical-align:middle}.app-iconify-spin svg{animation:loadingCircle 1s infinite linear}span.iconify{display:block;min-width:1em;min-height:1em;background-color:rgba(225,223,223,.55);border-radius:100%}.ec-component-input-password :deep(.el-input__clear){margin-left:5px}.ec-component-input-password__bar{background-color:var(--el-text-color-disabled);border-radius:var(--el-border-radius-base)}.ec-component-input-password__bar::before,.ec-component-input-password__bar::after{position:absolute;z-index:10;display:block;width:20%;height:inherit;background-color:rgba(0,0,0,0);border-color:var(--el-color-white);border-style:solid;border-width:0 5px;content:""}.ec-component-input-password__bar::before{left:20%}.ec-component-input-password__bar::after{right:20%}.ec-component-input-password__bar--fill{position:absolute;width:0;height:inherit;background-color:rgba(0,0,0,0);border-radius:inherit;transition:width .5s ease-in-out,background .25s}.ec-component-input-password__bar--fill[data-score="0"]{width:20%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="1"]{width:40%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="2"]{width:60%;background-color:var(--el-color-warning)}.ec-component-input-password__bar--fill[data-score="3"]{width:80%;background-color:var(--el-color-success)}.ec-component-input-password__bar--fill[data-score="4"]{width:100%;background-color:var(--el-color-success)}.ec-component-input-password--mini>.ec-component-input-password__bar{border-radius:var(--el-border-radius-small)}.component.modal{position:fixed}.component.modal.maximum .modal--body,.component.modal.maximum,.component.modal.modally,.component.modal.modally.maximum .modal--body{top:0 !important;left:0 !important;width:100% !important;height:100% !important}.component.modal.modally:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}.component.modal .modal--body{display:flex;flex:1;border-radius:.3rem;background:rgba(0,0,0,0);box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.3)}.component.modal.modally .modal--body{position:absolute}.component.modal .modal--content{position:relative;flex:1;display:flex;background:#fff}.component-modal-page-wrap{display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body .component-modal-header{position:relative;width:100%;height:40px;background:gray}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-main-container-wrap{width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:center}.component-modal-page-wrap .component-modal-body .component-modal-content{flex:1}.component-modal-page-wrap .component-modal-body .component-modal-footer{display:flex;justify-content:center;padding:10px 0}.window--enter-active{animation:animate-window-enter-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}.window--leave-active{animation:animate-window-leave-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}@keyframes animate-window-enter-active{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-window-leave-active{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}.component.stateful{position:relative;flex:1}.component.stateful .stateful--content{display:flex;position:absolute;width:100%;height:100%;left:0;top:0}.component.stateful .stateful--content.cover{filter:blur(1.25px)}.component.stateful .stateful--cover{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}.component.stateful .stateful--cover .cover--icon{margin-right:10px}.component.stateful .stateful--cover .cover--box{display:flex;align-items:center;justify-content:center;padding:50px 70px;border-radius:.8rem;box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.15);position:relative;overflow:hidden;width:auto;height:auto}.component.stateful .stateful--cover .cover--text{font-size:20px;margin-bottom:2px;font-weight:400;text-shadow:0 0 rgba(64,72,191,.3)}.ec-chart-toolbox-wrap{height:100%;width:100%;min-height:0;min-width:0}.ec-chart-toolbox-wrap .tools-container{min-height:0;display:flex;justify-content:flex-end;cursor:pointer;right:0px;top:0px;gap:10px;z-index:9999}.ec-chart-toolbox-wrap .tools-container .app-iconify{cursor:pointer !important;transition:all .5s ease}.ec-chart-toolbox-wrap .tools-container .app-iconify:hover{transition:all .5s ease;box-shadow:0px 1px 10px 0px rgba(0,0,0,.05),0px 4px 5px 0px rgba(0,0,0,.08),0px 2px 4px -1px rgba(0,0,0,.12)}.wrap-el{position:relative;float:left;width:100%;height:100%;overflow:hidden}.video-player-toolbar{color:#fff;position:absolute;left:0;right:0;bottom:0;height:30px;background:rgba(0,0,0,.5);display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:0px 12px;z-index:1000}.video-player-toolbar .app-iconify{cursor:pointer}
+日期：2024-06-20 09:09:02 
+*/.ec-component-board-container-page-wrap{position:fixed;z-index:100;background:#fff;transition:transform 200ms ease-in-out}.ec-component-board-container-page-wrap .board--wing{position:absolute !important;z-index:1;width:18px;height:80px;border-radius:2px;background:rgba(3,19,78,.12);backdrop-filter:blur(2px);box-shadow:2px 1px 1px 0px rgba(0,0,0,.3),-2px -2px 2px 0px #fff;cursor:pointer}.ec-component-board-container-page-wrap .board--wing .app-iconify{position:absolute;top:50%;right:0;font-weight:bolder;color:#fff;transform-origin:50% 50%;max-width:fit-content;max-height:fit-content}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-wrap::after{display:none}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__active-bar{display:none;width:0;height:0}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item{height:auto;padding:10px;color:var(--board-tab-color);background:#eee}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item.is-active{color:#fff;background:var(--board-tab-color)}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__nav{gap:10px}.ec-component-board-container-page-wrap.east .custom-label,.ec-component-board-container-page-wrap.west .custom-label{display:flex;width:100%;min-height:0;letter-spacing:5px;writing-mode:vertical-lr}.ec-component-board-container-page-wrap.east{flex-direction:row-reverse;right:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:2px 0 0}.ec-component-board-container-page-wrap.east .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:row-reverse;align-items:flex-start}.ec-component-board-container-page-wrap.east .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(-100%, -50%);top:50%;left:0;clip-path:polygon(0 18%, 100% 0, 100% 100%, 0 82%)}.ec-component-board-container-page-wrap.east .board--wing .app-iconify{transform:translateY(-50%) rotate(0deg);top:50%;right:-2px}.ec-component-board-container-page-wrap.east.minify .board--wing .app-iconify{transform:rotate(180deg) translateY(50%)}.ec-component-board-container-page-wrap.west{flex-direction:row-reverse;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:0 2px 0 0}.ec-component-board-container-page-wrap.west .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(100%, -50%);top:50%;right:0;clip-path:polygon(0 0, 100% 18%, 100% 82%, 0% 100%)}.ec-component-board-container-page-wrap.west .board--wing .app-iconify{transform:translateY(-50%) rotate(180deg);top:50%;left:-2px}.ec-component-board-container-page-wrap.west.minify .board--wing .app-iconify{transform:translateY(-50%) rotate(0deg)}.ec-component-board-container-page-wrap.full{flex-direction:row-reverse;right:0;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.full .board--wing{display:none;top:-30px;left:calc(50% - 70px);z-index:1;width:140px;height:30px;box-shadow:0 -8px 10px 0 rgba(64,72,191,.2);border-radius:10px 10px 0 0}.ec-component-board-container-page-wrap.full.minify{transform:translateY(100%)}.ec-component-board-container-page-wrap.top{top:0px;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.top .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:column}.ec-component-board-container-page-wrap.top .board--wing{height:18px;width:80px;z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(50%, 100%);right:50%;bottom:0px;clip-path:polygon(0% 18%, 100% 18%, 82% 100%, 18% 100%)}.ec-component-board-container-page-wrap.top .board--wing .app-iconify{transform:translateX(-50%) rotate(270deg);left:50%;top:-2px}.ec-component-board-container-page-wrap.top.minify .board--wing .app-iconify{transform:translateX(-50%) rotate(90deg)}.ec-component-board-container-page-wrap.south{bottom:0px;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.south .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:column}.ec-component-board-container-page-wrap.south .board--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap.south .board--wing{height:18px;width:80px;z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(50%, -100%);right:50%;top:0px;clip-path:polygon(18% 18%, 82% 18%, 100% 100%, 0% 100%)}.ec-component-board-container-page-wrap.south .board--wing .app-iconify{transform:translateX(-50%) rotate(90deg);left:50%;top:-2px}.ec-component-board-container-page-wrap.south.minify .board--wing .app-iconify{transform:translateX(-50%) rotate(270deg)}.custom-month-range .el-month-table .current .cell{background-color:var(--el-color-primary);color:#fff !important}.ec-component-svg-icon{display:inline-block;overflow:hidden;vertical-align:-0.15em;fill:currentColor}.svg-icon-spin{animation:loadingCircle 1s infinite linear}.app-iconify{display:inline-block;vertical-align:middle}.app-iconify-spin svg{animation:loadingCircle 1s infinite linear}span.iconify{display:block;min-width:1em;min-height:1em;background-color:rgba(225,223,223,.55);border-radius:100%}.ec-component-input-password :deep(.el-input__clear){margin-left:5px}.ec-component-input-password__bar{background-color:var(--el-text-color-disabled);border-radius:var(--el-border-radius-base)}.ec-component-input-password__bar::before,.ec-component-input-password__bar::after{position:absolute;z-index:10;display:block;width:20%;height:inherit;background-color:rgba(0,0,0,0);border-color:var(--el-color-white);border-style:solid;border-width:0 5px;content:""}.ec-component-input-password__bar::before{left:20%}.ec-component-input-password__bar::after{right:20%}.ec-component-input-password__bar--fill{position:absolute;width:0;height:inherit;background-color:rgba(0,0,0,0);border-radius:inherit;transition:width .5s ease-in-out,background .25s}.ec-component-input-password__bar--fill[data-score="0"]{width:20%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="1"]{width:40%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="2"]{width:60%;background-color:var(--el-color-warning)}.ec-component-input-password__bar--fill[data-score="3"]{width:80%;background-color:var(--el-color-success)}.ec-component-input-password__bar--fill[data-score="4"]{width:100%;background-color:var(--el-color-success)}.ec-component-input-password--mini>.ec-component-input-password__bar{border-radius:var(--el-border-radius-small)}.component.modal{position:fixed}.component.modal.maximum .modal--body,.component.modal.maximum,.component.modal.modally,.component.modal.modally.maximum .modal--body{top:0 !important;left:0 !important;width:100% !important;height:100% !important}.component.modal.modally:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}.component.modal .modal--body{display:flex;flex:1;border-radius:.3rem;background:rgba(0,0,0,0);box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.3)}.component.modal.modally .modal--body{position:absolute}.component.modal .modal--content{position:relative;flex:1;display:flex;background:#fff;flex-direction:column}.component-modal-page-wrap{display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body .component-modal-header{position:relative;width:100%;height:40px}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-main-container-wrap{width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-right:10px}.component-modal-page-wrap .component-modal-body .component-modal-content{flex:1}.component-modal-page-wrap .component-modal-body .component-modal-footer{display:flex;justify-content:center;padding:10px 0}.window--enter-active{animation:animate-window-enter-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}.window--leave-active{animation:animate-window-leave-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}@keyframes animate-window-enter-active{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-window-leave-active{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}.component.stateful{position:relative;flex:1}.component.stateful .stateful--content{display:flex;position:absolute;width:100%;height:100%;left:0;top:0}.component.stateful .stateful--content.cover{filter:blur(1.25px)}.component.stateful .stateful--cover{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}.component.stateful .stateful--cover .cover--icon{margin-right:10px}.component.stateful .stateful--cover .cover--box{display:flex;align-items:center;justify-content:center;padding:50px 70px;border-radius:.8rem;box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.15);position:relative;overflow:hidden;width:auto;height:auto}.component.stateful .stateful--cover .cover--text{font-size:20px;margin-bottom:2px;font-weight:400;text-shadow:0 0 rgba(64,72,191,.3)}.ec-chart-toolbox-wrap{height:100%;width:100%;min-height:0;min-width:0}.ec-chart-toolbox-wrap .tools-container{min-height:0;display:flex;justify-content:flex-end;cursor:pointer;right:0px;top:0px;gap:10px;z-index:9999}.ec-chart-toolbox-wrap .tools-container .app-iconify{cursor:pointer !important;transition:all .5s ease}.ec-chart-toolbox-wrap .tools-container .app-iconify:hover{transition:all .5s ease;box-shadow:0px 1px 10px 0px rgba(0,0,0,.05),0px 4px 5px 0px rgba(0,0,0,.08),0px 2px 4px -1px rgba(0,0,0,.12)}.wrap-el{position:relative;float:left;width:100%;height:100%;overflow:hidden}.video-player-toolbar{color:#fff;position:absolute;left:0;right:0;bottom:0;height:30px;background:rgba(0,0,0,.5);display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:0px 12px;z-index:1000}.video-player-toolbar .app-iconify{cursor:pointer}.component.node-axis{position:relative}.component.node-axis .node-axis--overlay{top:0;left:0;position:absolute;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);box-shadow:0 0 5px 1px rgba(0,0,0,.5);color:#fff;padding:5px;font-size:14px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:3px;word-break:keep-all;white-space:nowrap;transition:all 80ms linear;opacity:0}

package/dist/node_modules/.pnpm/@vueuse_core@10.7.2_vue@3.4.21/node_modules/@vueuse/core/index.js

@@ -1,14 +1,19 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/typeof';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { tryOnScopeDispose, toValue, noop, isObject, isClient } from '../../../../@vueuse_shared@10.7.2_vue@3.4.21/node_modules/@vueuse/shared/index.js';
+import { tryOnMounted, tryOnScopeDispose, toValue, noop, isObject, isClient } from '../../../../@vueuse_shared@10.7.2_vue@3.4.21/node_modules/@vueuse/shared/index.js';
 export { getLifeCycleTarget, tryOnUnmounted } from '../../../../@vueuse_shared@10.7.2_vue@3.4.21/node_modules/@vueuse/shared/index.js';
-import { computed, ref, watch, getCurrentInstance, onMounted } from 'vue';
+import { ref, watch, computed, getCurrentInstance, onMounted } from 'vue';
 
+var _excluded = ["window"],
+  _excluded2 = ["window"];
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 unrefElement(elRef) {
@@ -94,6 +99,172 @@ function useSupported(callback) {
     return Boolean(callback());
   });
 }
+function useMutationObserver(target, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _options$window10 = options.window,
+    window = _options$window10 === void 0 ? defaultWindow : _options$window10,
+    mutationOptions = _objectWithoutProperties(options, _excluded);
+  var observer;
+  var isSupported = useSupported(function () {
+    return window && "MutationObserver" in window;
+  });
+  var cleanup = function cleanup() {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  var stopWatch = watch(function () {
+    return unrefElement(target);
+  }, function (el) {
+    cleanup();
+    if (isSupported.value && window && el) {
+      observer = new MutationObserver(callback);
+      observer.observe(el, mutationOptions);
+    }
+  }, {
+    immediate: true
+  });
+  var takeRecords = function takeRecords() {
+    return observer == null ? void 0 : observer.takeRecords();
+  };
+  var stop = function stop() {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported: isSupported,
+    stop: stop,
+    takeRecords: takeRecords
+  };
+}
+function useResizeObserver(target, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _options$window16 = options.window,
+    window = _options$window16 === void 0 ? defaultWindow : _options$window16,
+    observerOptions = _objectWithoutProperties(options, _excluded2);
+  var observer;
+  var isSupported = useSupported(function () {
+    return window && "ResizeObserver" in window;
+  });
+  var cleanup = function cleanup() {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  var targets = computed(function () {
+    return Array.isArray(target) ? target.map(function (el) {
+      return unrefElement(el);
+    }) : [unrefElement(target)];
+  });
+  var stopWatch = watch(targets, function (els) {
+    cleanup();
+    if (isSupported.value && window) {
+      observer = new ResizeObserver(callback);
+      var _iterator3 = _createForOfIteratorHelper(els),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _el = _step3.value;
+          _el && observer.observe(_el, observerOptions);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  }, {
+    immediate: true,
+    flush: "post",
+    deep: true
+  });
+  var stop = function stop() {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported: isSupported,
+    stop: stop
+  };
+}
+function useElementBounding(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$reset = options.reset,
+    reset = _options$reset === void 0 ? true : _options$reset,
+    _options$windowResize = options.windowResize,
+    windowResize = _options$windowResize === void 0 ? true : _options$windowResize,
+    _options$windowScroll = options.windowScroll,
+    windowScroll = _options$windowScroll === void 0 ? true : _options$windowScroll,
+    _options$immediate3 = options.immediate,
+    immediate = _options$immediate3 === void 0 ? true : _options$immediate3;
+  var height = ref(0);
+  var bottom = ref(0);
+  var left = ref(0);
+  var right = ref(0);
+  var top = ref(0);
+  var width = ref(0);
+  var x = ref(0);
+  var y = ref(0);
+  function update() {
+    var el = unrefElement(target);
+    if (!el) {
+      if (reset) {
+        height.value = 0;
+        bottom.value = 0;
+        left.value = 0;
+        right.value = 0;
+        top.value = 0;
+        width.value = 0;
+        x.value = 0;
+        y.value = 0;
+      }
+      return;
+    }
+    var rect = el.getBoundingClientRect();
+    height.value = rect.height;
+    bottom.value = rect.bottom;
+    left.value = rect.left;
+    right.value = rect.right;
+    top.value = rect.top;
+    width.value = rect.width;
+    x.value = rect.x;
+    y.value = rect.y;
+  }
+  useResizeObserver(target, update);
+  watch(function () {
+    return unrefElement(target);
+  }, function (ele) {
+    return !ele && update();
+  });
+  useMutationObserver(target, update, {
+    attributeFilter: ["style", "class"]
+  });
+  if (windowScroll) useEventListener("scroll", update, {
+    capture: true,
+    passive: true
+  });
+  if (windowResize) useEventListener("resize", update, {
+    passive: true
+  });
+  tryOnMounted(function () {
+    if (immediate) update();
+  });
+  return {
+    height: height,
+    bottom: bottom,
+    left: left,
+    right: right,
+    top: top,
+    width: width,
+    x: x,
+    y: y,
+    update: update
+  };
+}
 var eventHandlers = ["fullscreenchange", "webkitfullscreenchange", "webkitendfullscreen", "mozfullscreenchange", "MSFullscreenChange"];
 function useFullscreen(target) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -265,4 +436,4 @@ function useFullscreen(target) {
   };
 }
 
-export { defaultDocument, defaultWindow, isClient, isObject, noop, toValue, tryOnScopeDispose, unrefElement, useEventListener, useFullscreen, useMounted, useSupported };
+export { defaultDocument, defaultWindow, isClient, isObject, noop, toValue, tryOnMounted, tryOnScopeDispose, unrefElement, useElementBounding, useEventListener, useFullscreen, useMounted, useMutationObserver, useResizeObserver, useSupported };

package/dist/node_modules/.pnpm/@vueuse_shared@10.7.2_vue@3.4.21/node_modules/@vueuse/shared/index.js

@@ -4,7 +4,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/regenerator';
-import { getCurrentScope, onScopeDispose, unref, onUnmounted, getCurrentInstance } from 'vue';
+import { getCurrentScope, onScopeDispose, onMounted, nextTick, unref, getCurrentInstance, onUnmounted } from 'vue';
 
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
@@ -26,9 +26,15 @@ var noop = function noop() {};
 function getLifeCycleTarget(target) {
   return target || getCurrentInstance();
 }
+function tryOnMounted(fn) {
+  var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var target = arguments.length > 2 ? arguments[2] : undefined;
+  var instance = getLifeCycleTarget();
+  if (instance) onMounted(fn, target);else if (sync) fn();else nextTick(fn);
+}
 function tryOnUnmounted(fn, target) {
   var instance = getLifeCycleTarget(target);
   if (instance) onUnmounted(fn, target);
 }
 
-export { getLifeCycleTarget, isClient, isObject, noop, toValue, tryOnScopeDispose, tryOnUnmounted };
+export { getLifeCycleTarget, isClient, isObject, noop, toValue, tryOnMounted, tryOnScopeDispose, tryOnUnmounted };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfsj/components",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "通用的vue组件;包括专业组件、原子级组件",
   "type": "module",
   "keywords": [
@@ -43,8 +43,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.0",
-    "@dfsj/echarts": "^3.1.1",
-    "@dfsj/utils": "^3.1.1",
+    "@dfsj/echarts": "^3.1.2",
+    "@dfsj/utils": "^3.1.2",
     "@element-plus/icons-vue": "^2.3.1",
     "@iconify/iconify": "^3.1.1",
     "@wangeditor/editor": "^5.1.23",
@@ -52,10 +52,12 @@
     "@zxcvbn-ts/core": "^3.0.4",
     "dayjs": "^1.11.7",
     "lodash-es": "^4.17.21",
+    "luxon": "^3.4.4",
     "vue-draggable-plus": "^0.3.5",
-    "vue-types": "^5.0.2"
+    "vue-types": "^5.0.2",
+    "zrender": "^5.5.0"
   },
-  "gitHead": "0b570d86e0ba05e19a5713e24c05b2f0d5aaeb73",
+  "gitHead": "5337773b676c3cb5ae330505db675b1f44a1fd54",
   "module": "dist/index.js",
   "browser": "dist/index.js",
   "types": "dist/index.d.ts",