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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,5 @@
1
- import type { BoardItem, BoardState, BoardStatus } from './src/props';
2
- import { BoardProps, BoardPosition } from './src/props';
1
+ import type { BoardItem, BoardState, BoardPosition, BoardStatus, BoardCustomStyle, ResizableConfig } from './src/props';
2
+ import { BoardProps, BoardPositionEnum } from './src/props';
3
3
  import Boards from './src/Boards.vue';
4
- export { BoardProps, BoardState, BoardStatus, BoardItem, Boards, BoardPosition };
4
+ export type { BoardItem, BoardState, BoardPosition, BoardStatus, BoardCustomStyle, ResizableConfig };
5
+ export { BoardProps, Boards, BoardPositionEnum };
@@ -6,17 +6,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6
6
  default: string;
7
7
  };
8
8
  resizable: {
9
- type: () => import("vue").PropType<{
10
- handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
11
- minWidth: number;
12
- maxWidth: number;
13
- minHeight: number;
14
- maxHeight: number;
15
- handleWidth: number;
16
- handleZIndex: number;
17
- display: "fixed" | "absolute";
18
- disable: boolean;
19
- }>;
9
+ type: () => import("vue").PropType<import("./props").ResizableConfig>;
20
10
  default: () => {
21
11
  minWidth: number;
22
12
  maxWidth: number;
@@ -41,7 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
41
31
  };
42
32
  };
43
33
  customStyle: {
44
- type: () => import("vue").PropType<import("./props").CustomStyle>;
34
+ type: () => import("vue").PropType<import("./props").BoardCustomStyle>;
45
35
  default: () => {
46
36
  margin: any[];
47
37
  fixed: any[];
@@ -58,17 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
58
48
  default: string;
59
49
  };
60
50
  resizable: {
61
- type: () => import("vue").PropType<{
62
- handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
63
- minWidth: number;
64
- maxWidth: number;
65
- minHeight: number;
66
- maxHeight: number;
67
- handleWidth: number;
68
- handleZIndex: number;
69
- display: "fixed" | "absolute";
70
- disable: boolean;
71
- }>;
51
+ type: () => import("vue").PropType<import("./props").ResizableConfig>;
72
52
  default: () => {
73
53
  minWidth: number;
74
54
  maxWidth: number;
@@ -93,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
93
73
  };
94
74
  };
95
75
  customStyle: {
96
- type: () => import("vue").PropType<import("./props").CustomStyle>;
76
+ type: () => import("vue").PropType<import("./props").BoardCustomStyle>;
97
77
  default: () => {
98
78
  margin: any[];
99
79
  fixed: any[];
@@ -103,19 +83,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
103
83
  }>> & Readonly<{}>, {
104
84
  position: string;
105
85
  display: string;
106
- resizable: import("vue").PropType<{
107
- handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
108
- minWidth: number;
109
- maxWidth: number;
110
- minHeight: number;
111
- maxHeight: number;
112
- handleWidth: number;
113
- handleZIndex: number;
114
- display: "fixed" | "absolute";
115
- disable: boolean;
116
- }>;
86
+ resizable: import("vue").PropType<import("./props").ResizableConfig>;
117
87
  slotVisible: boolean;
118
88
  board: import("vue").PropType<import("./props").BoardState>;
119
- customStyle: import("vue").PropType<import("./props").CustomStyle>;
89
+ customStyle: import("vue").PropType<import("./props").BoardCustomStyle>;
120
90
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
121
91
  export default _default;
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  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';
3
- import { BoardProps, BoardPosition } from './props.js';
3
+ import { BoardProps, BoardPositionEnum } from './props.js';
4
4
  import '../../Icon/src/Icon.vue.js';
5
5
  import '../../Icon/src/SvgIcon.vue.js';
6
6
  import { useStyle } from './hooKs/useStyle.js';
@@ -63,14 +63,14 @@ var script = defineComponent({
63
63
  return board.value.state == 'hidden' ? null : 'ic:round-chevron-right';
64
64
  });
65
65
  var tabPosition = computed(function () {
66
- var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, 'right'), BoardPosition.WEST, 'left'), BoardPosition.SOUTH, 'top'), BoardPosition.TOP, 'top');
66
+ var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, 'right'), BoardPositionEnum.WEST, 'left'), BoardPositionEnum.SOUTH, 'bottom'), BoardPositionEnum.TOP, 'top');
67
67
  return mapping === null || mapping === void 0 ? void 0 : mapping[position.value];
68
68
  });
69
69
  watchEffect(function () {
70
70
  var _el$value;
71
71
  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);
72
72
  });
73
- var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, ['l']), BoardPosition.WEST, ['r']), BoardPosition.TOP, ['b']), BoardPosition.SOUTH, ['t']);
73
+ var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, ['l']), BoardPositionEnum.WEST, ['r']), BoardPositionEnum.TOP, ['b']), BoardPositionEnum.SOUTH, ['t']);
74
74
  var handles = computed(function () {
75
75
  var _handlesMapping$toRaw;
76
76
  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({
100
100
  size: 26,
101
101
  icon: icon.value
102
102
  }, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
103
- "class": normalizeClass("".concat(prefixCls, "__layout h-full flex"))
103
+ "class": normalizeClass("".concat(prefixCls, "__layout overflow-hidden h-full flex"))
104
104
  }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
105
105
  key: 0
106
106
  }, [createElementVNode("div", null, [createVNode(_component_el_tabs, {
@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
3
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
4
4
  import { toRefs, computed, unref } from 'vue';
5
- import { BoardPosition } from '../props.js';
5
+ import { BoardPositionEnum } from '../props.js';
6
6
 
7
7
  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; }
8
8
  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) {
31
31
  var getTransform = computed(function () {
32
32
  var transform = '';
33
33
  if (board.value.state !== 'spread') {
34
- if (position.value == BoardPosition.WEST) {
34
+ if (position.value == BoardPositionEnum.WEST) {
35
35
  var _calc = margin.value[3] ? "calc( -100% - ".concat(margin.value[3]) : '-100%';
36
36
  transform = "translateX( ".concat(_calc, ")");
37
- } else if (position.value == BoardPosition.EAST) {
37
+ } else if (position.value == BoardPositionEnum.EAST) {
38
38
  var _calc2 = margin.value[1] ? "calc( 100% + ".concat(margin.value[1]) : '100%';
39
39
  transform = "translateX( ".concat(_calc2, ")");
40
- } else if (position.value == BoardPosition.SOUTH) {
40
+ } else if (position.value == BoardPositionEnum.SOUTH) {
41
41
  var _calc3 = margin.value[2] ? "calc( 100% + ".concat(margin.value[2]) : '100%';
42
42
  transform = "translateY(".concat(_calc3, ")");
43
- } else if (position.value == BoardPosition.TOP) {
43
+ } else if (position.value == BoardPositionEnum.TOP) {
44
44
  var _calc4 = margin.value[0] ? "calc( - 100% - ".concat(margin.value[0]) : '-100%';
45
45
  transform = "translateY(".concat(_calc4, ")");
46
46
  }
@@ -55,14 +55,14 @@ function useStyle(props) {
55
55
  b = _fixed$value[2],
56
56
  l = _fixed$value[3];
57
57
  switch (position.value) {
58
- case BoardPosition.EAST:
59
- case BoardPosition.WEST:
58
+ case BoardPositionEnum.EAST:
59
+ case BoardPositionEnum.WEST:
60
60
  _fixed = {
61
61
  top: t || 0,
62
62
  bottom: b || 0
63
63
  };
64
64
  break;
65
- case BoardPosition.FULL:
65
+ case BoardPositionEnum.FULL:
66
66
  _fixed = {
67
67
  top: t || 0,
68
68
  bottom: b || 0,
@@ -70,7 +70,7 @@ function useStyle(props) {
70
70
  right: r || 0
71
71
  };
72
72
  break;
73
- case BoardPosition.TOP:
73
+ case BoardPositionEnum.TOP:
74
74
  _fixed = {
75
75
  top: t || 0,
76
76
  left: l || 0,
@@ -1,7 +1,7 @@
1
1
  import { AsyncComponentLoader, PropType } from 'vue';
2
2
  type Handle = 't' | 'r' | 'b' | 'l' | 'tr' | 'br' | 'bl' | 'tl';
3
3
  type Handles = Array<Handle>;
4
- type ResizableConfig = {
4
+ export type ResizableConfig = {
5
5
  handles: Handles;
6
6
  minWidth: number;
7
7
  maxWidth: number;
@@ -15,28 +15,31 @@ type ResizableConfig = {
15
15
  export type BoardItem = {
16
16
  id: string | number;
17
17
  label: string;
18
- props?: any;
19
- content: AsyncComponentLoader;
18
+ props?: {
19
+ [key: string]: any;
20
+ };
21
+ content: AsyncComponentLoader | Function;
20
22
  };
21
23
  export type BoardState = {
22
24
  items: BoardItem[];
23
25
  state: BoardStatus;
24
26
  index: number;
25
- value: string | number;
27
+ value: string | number | null;
26
28
  };
27
29
  export type BoardStatus = 'minify' | 'spread' | 'hidden';
28
- export type CustomStyle = {
29
- margin?: [string | number, string | number, string | number, string | number];
30
- fixed?: [string | number, string | number, string | number, string | number];
30
+ export type BoardCustomStyle = {
31
+ margin?: [string, string, string, string];
32
+ fixed?: [string, string, string, string];
31
33
  color?: string;
32
34
  };
33
- export declare enum BoardPosition {
35
+ export declare enum BoardPositionEnum {
34
36
  EAST = "east",
35
37
  TOP = "top",
36
38
  WEST = "west",
37
39
  SOUTH = "south",
38
40
  FULL = "full"
39
41
  }
42
+ export type BoardPosition = typeof BoardPositionEnum[keyof typeof BoardPositionEnum];
40
43
  export declare const BoardProps: {
41
44
  position: import("vue-types").VueTypeDef<string> & {
42
45
  default: string;
@@ -70,7 +73,7 @@ export declare const BoardProps: {
70
73
  };
71
74
  };
72
75
  customStyle: {
73
- type: () => PropType<CustomStyle>;
76
+ type: () => PropType<BoardCustomStyle>;
74
77
  default: () => {
75
78
  margin: any[];
76
79
  fixed: any[];
@@ -1,13 +1,13 @@
1
1
  import { propTypes } from '@dfsj/utils';
2
2
 
3
- var BoardPosition;
4
- (function (BoardPosition) {
5
- BoardPosition["EAST"] = "east";
6
- BoardPosition["TOP"] = "top";
7
- BoardPosition["WEST"] = "west";
8
- BoardPosition["SOUTH"] = "south";
9
- BoardPosition["FULL"] = "full";
10
- })(BoardPosition || (BoardPosition = {}));
3
+ var BoardPositionEnum;
4
+ (function (BoardPositionEnum) {
5
+ BoardPositionEnum["EAST"] = "east";
6
+ BoardPositionEnum["TOP"] = "top";
7
+ BoardPositionEnum["WEST"] = "west";
8
+ BoardPositionEnum["SOUTH"] = "south";
9
+ BoardPositionEnum["FULL"] = "full";
10
+ })(BoardPositionEnum || (BoardPositionEnum = {}));
11
11
  var BoardProps = {
12
12
  position: propTypes.oneOf(['east', 'top', 'west', 'south', 'full']).def('east'),
13
13
  display: propTypes.oneOf(['fixed', 'absolute']).def('fixed'),
@@ -52,4 +52,4 @@ var BoardProps = {
52
52
  }
53
53
  };
54
54
 
55
- export { BoardPosition, BoardProps };
55
+ export { BoardPositionEnum, BoardProps };
@@ -1,5 +1,5 @@
1
- import type { WindowItem } from './src/props';
1
+ import type { WindowItemOptions } from './src/props';
2
2
  import { WindowsProps } from './src/props';
3
3
  import Windows from './src/Windows.vue';
4
- export type { WindowItem };
4
+ export type { WindowItemOptions };
5
5
  export { WindowsProps, Windows };
@@ -1,6 +1,6 @@
1
1
  import { baseProps, footerProps, headerProps } from '../../Modal/src/props';
2
2
  import { PropType } from 'vue';
3
- export type WindowItem = {
3
+ export type WindowItemOptions = {
4
4
  id: string;
5
5
  onAction?: (action: string, model?: {}) => void;
6
6
  onSubmit?: (model?: {}) => void;
@@ -13,7 +13,7 @@ export type WindowItem = {
13
13
  } & Partial<typeof baseProps> & Partial<typeof headerProps> & Partial<typeof footerProps>;
14
14
  export declare const WindowsProps: {
15
15
  items: {
16
- type: PropType<WindowItem[]>;
16
+ type: PropType<WindowItemOptions[]>;
17
17
  };
18
18
  front: StringConstructor;
19
19
  layer: NumberConstructor;
package/dist/index.js CHANGED
@@ -11,7 +11,7 @@ export { default as State, StateEnum } from './components/Stateful/src/State.js'
11
11
  import './components/Stateful/src/Stateful.vue.js';
12
12
  export { WindowsProps } from './components/Windows/src/props.js';
13
13
  import './components/Windows/src/Windows.vue.js';
14
- export { BoardPosition, BoardProps } from './components/Boards/src/props.js';
14
+ export { BoardPositionEnum, BoardProps } from './components/Boards/src/props.js';
15
15
  import './components/Boards/src/Boards.vue.js';
16
16
  import './components/Video/src/VideoPlayer.vue.js';
17
17
  export { default as DatePicker } from './components/DatePicker/src/index.js';
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  @dfsj/components:通用的vue组件;包括专业组件、原子级组件
3
- 版本: 3.6.0
3
+ 版本: 3.7.0-beta.1
4
4
  作者:yangbo <1747837358@qq.com>
5
- 日期:2024-12-23 10:22:43
5
+ 日期:2024-12-23 15:07:33
6
6
  */.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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dfsj/components",
3
- "version": "3.7.0-beta.1",
3
+ "version": "3.7.0-beta.2",
4
4
  "description": "通用的vue组件;包括专业组件、原子级组件",
5
5
  "type": "module",
6
6
  "keywords": [