@dfsj/components 3.7.0-beta.1 → 3.7.0-beta.3

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

@@ -1,4 +1,5 @@
-import type { BoardItem, BoardState, BoardStatus } from './src/props';
-import { BoardProps, BoardPosition } from './src/props';
+import type { BoardItem, BoardState, BoardPosition, BoardStatus, BoardCustomStyle, ResizableConfig } from './src/props';
+import { BoardProps, BoardPositionEnum } from './src/props';
 import Boards from './src/Boards.vue';
-export { BoardProps, BoardState, BoardStatus, BoardItem, Boards, BoardPosition };
+export type { BoardItem, BoardState, BoardPosition, BoardStatus, BoardCustomStyle, ResizableConfig };
+export { BoardProps, Boards, BoardPositionEnum };

package/dist/components/Boards/src/Boards.vue.d.ts

@@ -6,17 +6,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     resizable: {
-        type: () => import("vue").PropType<{
-            handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
-            minWidth: number;
-            maxWidth: number;
-            minHeight: number;
-            maxHeight: number;
-            handleWidth: number;
-            handleZIndex: number;
-            display: "fixed" | "absolute";
-            disable: boolean;
-        }>;
+        type: () => import("vue").PropType<import("./props").ResizableConfig>;
         default: () => {
             minWidth: number;
             maxWidth: number;
@@ -41,7 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     };
     customStyle: {
-        type: () => import("vue").PropType<import("./props").CustomStyle>;
+        type: () => import("vue").PropType<import("./props").BoardCustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];
@@ -58,17 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     resizable: {
-        type: () => import("vue").PropType<{
-            handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
-            minWidth: number;
-            maxWidth: number;
-            minHeight: number;
-            maxHeight: number;
-            handleWidth: number;
-            handleZIndex: number;
-            display: "fixed" | "absolute";
-            disable: boolean;
-        }>;
+        type: () => import("vue").PropType<import("./props").ResizableConfig>;
         default: () => {
             minWidth: number;
             maxWidth: number;
@@ -93,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     };
     customStyle: {
-        type: () => import("vue").PropType<import("./props").CustomStyle>;
+        type: () => import("vue").PropType<import("./props").BoardCustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];
@@ -103,19 +83,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     position: string;
     display: string;
-    resizable: import("vue").PropType<{
-        handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
-        minWidth: number;
-        maxWidth: number;
-        minHeight: number;
-        maxHeight: number;
-        handleWidth: number;
-        handleZIndex: number;
-        display: "fixed" | "absolute";
-        disable: boolean;
-    }>;
+    resizable: import("vue").PropType<import("./props").ResizableConfig>;
     slotVisible: boolean;
     board: import("vue").PropType<import("./props").BoardState>;
-    customStyle: import("vue").PropType<import("./props").CustomStyle>;
+    customStyle: import("vue").PropType<import("./props").BoardCustomStyle>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, Fragment, withCtx, renderList, createBlock, toDisplayString, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
-import { BoardProps, BoardPosition } from './props.js';
+import { BoardProps, BoardPositionEnum } from './props.js';
 import '../../Icon/src/Icon.vue.js';
 import '../../Icon/src/SvgIcon.vue.js';
 import { useStyle } from './hooKs/useStyle.js';
@@ -63,14 +63,14 @@ var script = defineComponent({
       return board.value.state == 'hidden' ? null : 'ic:round-chevron-right';
     });
     var tabPosition = computed(function () {
-      var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, 'right'), BoardPosition.WEST, 'left'), BoardPosition.SOUTH, 'top'), BoardPosition.TOP, 'top');
+      var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, 'right'), BoardPositionEnum.WEST, 'left'), BoardPositionEnum.SOUTH, 'bottom'), BoardPositionEnum.TOP, 'top');
       return mapping === null || mapping === void 0 ? void 0 : mapping[position.value];
     });
     watchEffect(function () {
       var _el$value;
       return el === null || el === void 0 || (_el$value = el.value) === null || _el$value === void 0 || (_el$value = _el$value.style) === null || _el$value === void 0 ? void 0 : _el$value.setProperty('--board-tab-color', color.value);
     });
-    var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, ['l']), BoardPosition.WEST, ['r']), BoardPosition.TOP, ['b']), BoardPosition.SOUTH, ['t']);
+    var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, ['l']), BoardPositionEnum.WEST, ['r']), BoardPositionEnum.TOP, ['b']), BoardPositionEnum.SOUTH, ['t']);
     var handles = computed(function () {
       var _handlesMapping$toRaw;
       return (_handlesMapping$toRaw = handlesMapping === null || handlesMapping === void 0 ? void 0 : handlesMapping[toRaw(unref(position))]) !== null && _handlesMapping$toRaw !== void 0 ? _handlesMapping$toRaw : [];
@@ -100,7 +100,7 @@ var script = defineComponent({
         size: 26,
         icon: icon.value
       }, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
-        "class": normalizeClass("".concat(prefixCls, "__layout h-full flex"))
+        "class": normalizeClass("".concat(prefixCls, "__layout overflow-hidden h-full flex"))
       }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createElementVNode("div", null, [createVNode(_component_el_tabs, {

package/dist/components/Boards/src/hooKs/useStyle.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { toRefs, computed, unref } from 'vue';
-import { BoardPosition } from '../props.js';
+import { BoardPositionEnum } from '../props.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; }
@@ -31,16 +31,16 @@ function useStyle(props) {
   var getTransform = computed(function () {
     var transform = '';
     if (board.value.state !== 'spread') {
-      if (position.value == BoardPosition.WEST) {
+      if (position.value == BoardPositionEnum.WEST) {
         var _calc = margin.value[3] ? "calc( -100% - ".concat(margin.value[3]) : '-100%';
         transform = "translateX( ".concat(_calc, ")");
-      } else if (position.value == BoardPosition.EAST) {
+      } else if (position.value == BoardPositionEnum.EAST) {
         var _calc2 = margin.value[1] ? "calc( 100% + ".concat(margin.value[1]) : '100%';
         transform = "translateX( ".concat(_calc2, ")");
-      } else if (position.value == BoardPosition.SOUTH) {
+      } else if (position.value == BoardPositionEnum.SOUTH) {
         var _calc3 = margin.value[2] ? "calc( 100% + ".concat(margin.value[2]) : '100%';
         transform = "translateY(".concat(_calc3, ")");
-      } else if (position.value == BoardPosition.TOP) {
+      } else if (position.value == BoardPositionEnum.TOP) {
         var _calc4 = margin.value[0] ? "calc( - 100% - ".concat(margin.value[0]) : '-100%';
         transform = "translateY(".concat(_calc4, ")");
       }
@@ -55,14 +55,14 @@ function useStyle(props) {
       b = _fixed$value[2],
       l = _fixed$value[3];
     switch (position.value) {
-      case BoardPosition.EAST:
-      case BoardPosition.WEST:
+      case BoardPositionEnum.EAST:
+      case BoardPositionEnum.WEST:
         _fixed = {
           top: t || 0,
           bottom: b || 0
         };
         break;
-      case BoardPosition.FULL:
+      case BoardPositionEnum.FULL:
         _fixed = {
           top: t || 0,
           bottom: b || 0,
@@ -70,7 +70,7 @@ function useStyle(props) {
           right: r || 0
         };
         break;
-      case BoardPosition.TOP:
+      case BoardPositionEnum.TOP:
         _fixed = {
           top: t || 0,
           left: l || 0,

package/dist/components/Boards/src/props.d.ts

@@ -1,7 +1,7 @@
 import { AsyncComponentLoader, PropType } from 'vue';
 type Handle = 't' | 'r' | 'b' | 'l' | 'tr' | 'br' | 'bl' | 'tl';
 type Handles = Array<Handle>;
-type ResizableConfig = {
+export type ResizableConfig = {
     handles: Handles;
     minWidth: number;
     maxWidth: number;
@@ -15,37 +15,42 @@ type ResizableConfig = {
 export type BoardItem = {
     id: string | number;
     label: string;
-    props?: any;
-    content: AsyncComponentLoader;
+    props?: {
+        [key: string]: any;
+    };
+    content: AsyncComponentLoader | Function;
 };
 export type BoardState = {
     items: BoardItem[];
     state: BoardStatus;
     index: number;
-    value: string | number;
+    value: string | number | null;
 };
 export type BoardStatus = 'minify' | 'spread' | 'hidden';
-export type CustomStyle = {
-    margin?: [string | number, string | number, string | number, string | number];
-    fixed?: [string | number, string | number, string | number, string | number];
+export type BoardCustomStyle = {
+    margin?: [string, string, string, string];
+    fixed?: [string, string, string, string];
     color?: string;
 };
-export declare enum BoardPosition {
+export declare enum BoardPositionEnum {
     EAST = "east",
     TOP = "top",
     WEST = "west",
     SOUTH = "south",
     FULL = "full"
 }
+export type BoardPosition = typeof BoardPositionEnum[keyof typeof BoardPositionEnum];
 export declare const BoardProps: {
-    position: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    position: {
+        type: PropType<"east" | "top" | "west" | "south" | "full">;
+        default: () => string;
     };
-    display: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    display: {
+        type: PropType<"fixed" | "absolute">;
+        default: () => string;
     };
     resizable: {
-        type: () => PropType<ResizableConfig>;
+        type: PropType<ResizableConfig>;
         default: () => {
             minWidth: number;
             maxWidth: number;
@@ -61,7 +66,7 @@ export declare const BoardProps: {
         default: boolean;
     };
     board: {
-        type: () => PropType<BoardState>;
+        type: PropType<BoardState>;
         default: () => {
             items: any[];
             index: number;
@@ -70,7 +75,7 @@ export declare const BoardProps: {
         };
     };
     customStyle: {
-        type: () => PropType<CustomStyle>;
+        type: PropType<BoardCustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];

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

@@ -1,16 +1,24 @@
-import { propTypes } from '@dfsj/utils';
-
-var BoardPosition;
-(function (BoardPosition) {
-  BoardPosition["EAST"] = "east";
-  BoardPosition["TOP"] = "top";
-  BoardPosition["WEST"] = "west";
-  BoardPosition["SOUTH"] = "south";
-  BoardPosition["FULL"] = "full";
-})(BoardPosition || (BoardPosition = {}));
+var BoardPositionEnum;
+(function (BoardPositionEnum) {
+  BoardPositionEnum["EAST"] = "east";
+  BoardPositionEnum["TOP"] = "top";
+  BoardPositionEnum["WEST"] = "west";
+  BoardPositionEnum["SOUTH"] = "south";
+  BoardPositionEnum["FULL"] = "full";
+})(BoardPositionEnum || (BoardPositionEnum = {}));
 var BoardProps = {
-  position: propTypes.oneOf(['east', 'top', 'west', 'south', 'full']).def('east'),
-  display: propTypes.oneOf(['fixed', 'absolute']).def('fixed'),
+  position: {
+    type: String,
+    "default": function _default() {
+      return 'east';
+    }
+  },
+  display: {
+    type: String,
+    "default": function _default() {
+      return 'fixed';
+    }
+  },
   resizable: {
     type: Object,
     "default": function _default() {
@@ -52,4 +60,4 @@ var BoardProps = {
   }
 };
 
-export { BoardPosition, BoardProps };
+export { BoardPositionEnum, BoardProps };

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

@@ -1,5 +1,5 @@
-import type { WindowItem } from './src/props';
+import type { WindowItemOptions } from './src/props';
 import { WindowsProps } from './src/props';
 import Windows from './src/Windows.vue';
-export type { WindowItem };
+export type { WindowItemOptions };
 export { WindowsProps, Windows };

package/dist/components/Windows/src/props.d.ts

@@ -1,6 +1,6 @@
 import { baseProps, footerProps, headerProps } from '../../Modal/src/props';
 import { PropType } from 'vue';
-export type WindowItem = {
+export type WindowItemOptions = {
     id: string;
     onAction?: (action: string, model?: {}) => void;
     onSubmit?: (model?: {}) => void;
@@ -13,7 +13,7 @@ export type WindowItem = {
 } & Partial<typeof baseProps> & Partial<typeof headerProps> & Partial<typeof footerProps>;
 export declare const WindowsProps: {
     items: {
-        type: PropType<WindowItem[]>;
+        type: PropType<WindowItemOptions[]>;
     };
     front: StringConstructor;
     layer: NumberConstructor;

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 { BoardPosition, BoardProps } from './components/Boards/src/props.js';
+export { BoardPositionEnum, 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';

package/dist/index.min.css

@@ -1,6 +1,6 @@
 /*
 @dfsj/components：通用的vue组件;包括专业组件、原子级组件
-版本： 3.6.0
+版本： 3.7.0-beta.2
 作者：yangbo <1747837358@qq.com>
-日期：2024-12-23 10:22:43 
+日期：2024-12-23 16:04:44 
 */.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 .r-dot{background:rgba(0,0,0,.21);border-radius:6px;color:#f2f2f2;display:flex;align-items:center;justify-content:center}.ec-component-board-container-page-wrap .r-dot.r-l-dot,.ec-component-board-container-page-wrap .r-dot.r-r-dot{height:30px !important;top:50% !important;transform:translateY(-50%)}.ec-component-board-container-page-wrap .r-dot.r-l-dot:before,.ec-component-board-container-page-wrap .r-dot.r-r-dot:before{content:"";height:70%;border-left:2px dotted rgba(0,0,0,.36);box-sizing:border-box}.ec-component-board-container-page-wrap .r-dot.r-t-dot,.ec-component-board-container-page-wrap .r-dot.r-b-dot{width:30px !important;left:50% !important;transform:translateX(-50%)}.ec-component-board-container-page-wrap .r-dot.r-t-dot:before,.ec-component-board-container-page-wrap .r-dot.r-b-dot:before{content:"";width:70%;border-top:2px dotted rgba(0,0,0,.36);box-sizing:border-box}.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{--ec-modal-border-radius: 0.3rem;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:var(--ec-modal-border-radius);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;min-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;height:100%}.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}:deep(.el-descriptions__header){display:none !important}:deep(.ec-descriptions-component-label){width:150px !important}.ec-descriptions-component__default .item{padding:8px 11px;font-size:14px}.ec-descriptions-component__default .ec-descriptions-component-content{padding:8px 1px}.ec-descriptions-component__small .item{padding:4px 7px;font-size:12px}.ec-descriptions-component__small .ec-descriptions-component-content{padding:5px 1px}.ec-descriptions-component__large .item{padding:12px 15px;font-size:16px}.ec-descriptions-component__large .ec-descriptions-component-content{padding:10px 1px}.ec-descriptions-component-header__default{font-size:16px;height:32px}.ec-descriptions-component-header__small{font-size:14px;height:32px}.ec-descriptions-component-header__large{font-size:18px;height:40px}.ec-descriptions-component-header__title::after{position:absolute;top:3px;left:-10px;width:4px;height:70%;background:var(--el-color-primary);content:""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfsj/components",
-  "version": "3.7.0-beta.1",
+  "version": "3.7.0-beta.3",
   "description": "通用的vue组件;包括专业组件、原子级组件",
   "type": "module",
   "keywords": [