@dfsj/components 3.7.2-alpha.1 → 3.7.2-alpha.3
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.
- package/dist/components/Boards/src/Boards.vue.d.ts +2 -0
- package/dist/components/Boards/src/Boards.vue2.js +10 -5
- package/dist/components/Boards/src/hooKs/useStyle.d.ts +5 -1
- package/dist/components/Boards/src/hooKs/useStyle.js +7 -2
- package/dist/components/Boards/src/props.d.ts +2 -0
- package/dist/components/Boards/src/props.js +2 -1
- package/dist/components/Form/src/helper/componentMap.js +0 -2
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.min.css +3 -3
- package/package.json +1 -1
- package/dist/components/DatePicker/index.d.ts +0 -2
- package/dist/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
- package/dist/components/DatePicker/src/composables/use-month-range-header.js +0 -52
- package/dist/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
- package/dist/components/DatePicker/src/composables/use-range-picker.js +0 -99
- package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
- package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.js +0 -5
- package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue2.js +0 -564
- package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
- package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.js +0 -5
- package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue2.js +0 -210
- package/dist/components/DatePicker/src/index.d.ts +0 -224
- package/dist/components/DatePicker/src/index.js +0 -87
- package/dist/components/DatePicker/src/panel-utils.d.ts +0 -2
- package/dist/components/DatePicker/src/panel-utils.js +0 -25
- package/dist/components/src/components/Boards/src/hooKs/useStyle.d.ts +0 -9
- package/dist/components/src/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
- package/dist/components/src/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
- package/dist/components/src/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
- package/dist/components/src/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
- package/dist/components/src/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
- package/dist/components/src/components/Form/src/components/useRenderCheckbox.d.ts +0 -4
- package/dist/components/src/components/Form/src/components/useRenderRadio.d.ts +0 -4
- package/dist/components/src/components/Form/src/components/useRenderSelect.d.ts +0 -4
- package/dist/components/src/components/Form/src/helper/componentMap.d.ts +0 -5
- package/dist/components/src/components/Form/src/helper/index.d.ts +0 -7
- package/dist/components/src/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
- package/dist/components/src/components/Modal/src/hooks/useTimeout.d.ts +0 -15
- package/dist/components/src/components/Modal/src/utils/index.d.ts +0 -3
- package/dist/components/src/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
- package/dist/components/src/components/NodeAxis/src/NodeAxis.d.ts +0 -12
- package/dist/components/src/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
- package/dist/components/src/components/NodeAxis/src/TimerNodePlayer.d.ts +0 -19
- package/dist/components/src/components/NodeAxis/src/interface/NodePlayer.d.ts +0 -9
- package/dist/components/src/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
- package/dist/components/src/components/Table/src/components/TableActions.vue.d.ts +0 -96
- package/dist/components/src/components/Table/src/helper/index.d.ts +0 -2
- package/dist/components/src/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
- package/dist/components/src/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
- package/dist/components/src/components/Video/src/abstract/Observable.d.ts +0 -6
- package/dist/components/src/components/Video/src/abstract/VideoControl.d.ts +0 -32
- package/dist/components/src/components/Video/src/control/DaHua.d.ts +0 -12
- package/dist/components/src/components/Video/src/control/Hikvision.d.ts +0 -28
- package/dist/components/src/components/Video/src/control/VideoFactory.d.ts +0 -3
- package/dist/components/src/components/Video/src/enums/CommonEnum.d.ts +0 -26
- package/dist/components/src/helper/lang.d.ts +0 -1
- package/dist/components/src/themes/index.d.ts +0 -1
- package/dist/components/src/utils/index.d.ts +0 -11
- package/dist/node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/core/index.js +0 -335
- package/dist/node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/shared/index.js +0 -40
|
@@ -36,6 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
36
|
margin: any[];
|
|
37
37
|
fixed: any[];
|
|
38
38
|
color: string;
|
|
39
|
+
width: string;
|
|
39
40
|
};
|
|
40
41
|
};
|
|
41
42
|
customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
|
|
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
84
|
margin: any[];
|
|
84
85
|
fixed: any[];
|
|
85
86
|
color: string;
|
|
87
|
+
width: string;
|
|
86
88
|
};
|
|
87
89
|
};
|
|
88
90
|
customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, KeepAlive, resolveDynamicComponent, markRaw, mergeProps,
|
|
2
|
+
import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, KeepAlive, resolveDynamicComponent, markRaw, mergeProps, renderSlot, defineAsyncComponent } from 'vue';
|
|
3
3
|
import { BoardProps, BoardPositionEnum } from './props.js';
|
|
4
4
|
import '../../Icon/src/Icon.vue.js';
|
|
5
5
|
import '../../Icon/src/SvgIcon.vue.js';
|
|
@@ -31,7 +31,8 @@ var script = defineComponent({
|
|
|
31
31
|
resizable = _toRefs.resizable,
|
|
32
32
|
display = _toRefs.display,
|
|
33
33
|
customId = _toRefs.customId;
|
|
34
|
-
var
|
|
34
|
+
var resized = ref(false);
|
|
35
|
+
var _useStyle = useStyle(props, resized),
|
|
35
36
|
getStyle = _useStyle.getStyle,
|
|
36
37
|
position = _useStyle.position,
|
|
37
38
|
board = _useStyle.board,
|
|
@@ -92,6 +93,9 @@ var script = defineComponent({
|
|
|
92
93
|
style: normalizeStyle(unref(getStyle)),
|
|
93
94
|
ref_key: "el",
|
|
94
95
|
ref: el,
|
|
96
|
+
onResize: _cache[1] || (_cache[1] = function ($event) {
|
|
97
|
+
return resized.value = true;
|
|
98
|
+
}),
|
|
95
99
|
id: unref(customId)
|
|
96
100
|
}, [unref(board).items.length ? (openBlock(), createElementBlock("span", {
|
|
97
101
|
key: 0,
|
|
@@ -135,12 +139,13 @@ var script = defineComponent({
|
|
|
135
139
|
"class": normalizeClass(["board--panel-container", {
|
|
136
140
|
active: unref(board).value === item.id
|
|
137
141
|
}])
|
|
138
|
-
}, [(openBlock(), createBlock(KeepAlive, null, [
|
|
142
|
+
}, [(openBlock(), createBlock(KeepAlive, null, [unref(board).value === item.id ? (openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
|
|
143
|
+
key: 0,
|
|
139
144
|
ref_for: true
|
|
140
|
-
}, item.props), null, 16))
|
|
145
|
+
}, item.props), null, 16)) : createCommentVNode("v-if", true)], 1024))], 2);
|
|
141
146
|
}), 128))]), createCommentVNode(" <div class=\"flex-1 w-full min-w-0 box-border h-full overflow-hidden\">"), createCommentVNode(" <div class=\"board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden\">"), createCommentVNode(" <template v-for=\"item in board.items\" :key=\"item.id\">"), createCommentVNode(" <component"), createCommentVNode(" v-show=\"board.value === item.id\""), createCommentVNode(" :is=\"markRaw(resolve(item.content))\""), createCommentVNode(" v-bind=\"item.props\">"), createCommentVNode(" </component>"), createCommentVNode(" </template>"), createCommentVNode(" </div>"), createCommentVNode(" </div>")], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
|
|
142
147
|
key: 1
|
|
143
|
-
}) : createCommentVNode("v-if", true)],
|
|
148
|
+
}) : createCommentVNode("v-if", true)], 46, _hoisted_1)), [[unref(vResizable), getResizable.value]]);
|
|
144
149
|
};
|
|
145
150
|
}
|
|
146
151
|
});
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
export declare function useStyle(props: any): {
|
|
1
|
+
export declare function useStyle(props: any, resized: any): {
|
|
2
2
|
position: import("vue").Ref<any, any>;
|
|
3
3
|
board: import("vue").Ref<any, any>;
|
|
4
4
|
customStyle: import("vue").Ref<any, any>;
|
|
5
5
|
getStyle: import("vue").ComputedRef<{
|
|
6
6
|
margin: string;
|
|
7
7
|
transform: string;
|
|
8
|
+
} | {
|
|
9
|
+
margin: string;
|
|
10
|
+
transform: string;
|
|
11
|
+
width: any;
|
|
8
12
|
}>;
|
|
9
13
|
};
|
|
@@ -6,7 +6,7 @@ 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; }
|
|
9
|
-
function useStyle(props) {
|
|
9
|
+
function useStyle(props, resized) {
|
|
10
10
|
var _toRefs = toRefs(props),
|
|
11
11
|
position = _toRefs.position,
|
|
12
12
|
board = _toRefs.board,
|
|
@@ -48,6 +48,7 @@ function useStyle(props) {
|
|
|
48
48
|
return transform;
|
|
49
49
|
});
|
|
50
50
|
var getStyle = computed(function () {
|
|
51
|
+
var _customStyle$value4;
|
|
51
52
|
var _fixed = {};
|
|
52
53
|
var _fixed$value = _slicedToArray(fixed.value, 4),
|
|
53
54
|
t = _fixed$value[0],
|
|
@@ -84,9 +85,13 @@ function useStyle(props) {
|
|
|
84
85
|
};
|
|
85
86
|
break;
|
|
86
87
|
}
|
|
87
|
-
return _objectSpread(_objectSpread({}, _fixed), {}, {
|
|
88
|
+
return resized.value ? _objectSpread(_objectSpread({}, _fixed), {}, {
|
|
88
89
|
margin: marginCssStr.value,
|
|
89
90
|
transform: getTransform.value
|
|
91
|
+
}) : _objectSpread(_objectSpread({}, _fixed), {}, {
|
|
92
|
+
margin: marginCssStr.value,
|
|
93
|
+
transform: getTransform.value,
|
|
94
|
+
width: ((_customStyle$value4 = customStyle.value) === null || _customStyle$value4 === void 0 ? void 0 : _customStyle$value4.width) || 'auto'
|
|
90
95
|
});
|
|
91
96
|
});
|
|
92
97
|
return {
|
|
@@ -32,6 +32,7 @@ export interface BoardCustomStyle {
|
|
|
32
32
|
margin?: [string, string, string, string];
|
|
33
33
|
fixed?: [string, string, string, string];
|
|
34
34
|
color?: string;
|
|
35
|
+
width?: string;
|
|
35
36
|
}
|
|
36
37
|
export declare enum BoardPositionEnum {
|
|
37
38
|
EAST = "east",
|
|
@@ -79,6 +80,7 @@ export declare const BoardProps: {
|
|
|
79
80
|
margin: any[];
|
|
80
81
|
fixed: any[];
|
|
81
82
|
color: string;
|
|
83
|
+
width: string;
|
|
82
84
|
};
|
|
83
85
|
};
|
|
84
86
|
customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ElRadioGroup, ElCheckboxGroup, ElInput, ElAutocomplete, ElInputNumber, ElSelect, ElCascader, ElSwitch, ElSlider, ElTimePicker, ElDatePicker, ElRate, ElColorPicker, ElTransfer, ElDivider, ElTimeSelect, ElSelectV2, ElTreeSelect, ElUpload } from 'element-plus';
|
|
2
2
|
import '../../../InputPassword/src/InputPassword.vue.js';
|
|
3
3
|
import '../../../Editor/src/Editor.vue.js';
|
|
4
|
-
import CustomDatePicker from '../../../DatePicker/src/index.js';
|
|
5
4
|
import script from '../../../InputPassword/src/InputPassword.vue2.js';
|
|
6
5
|
import script$1 from '../../../Editor/src/Editor.vue2.js';
|
|
7
6
|
|
|
@@ -19,7 +18,6 @@ var componentMap = {
|
|
|
19
18
|
Slider: ElSlider,
|
|
20
19
|
TimePicker: ElTimePicker,
|
|
21
20
|
DatePicker: ElDatePicker,
|
|
22
|
-
CustomDatePicker: CustomDatePicker,
|
|
23
21
|
Rate: ElRate,
|
|
24
22
|
ColorPicker: ElColorPicker,
|
|
25
23
|
Transfer: ElTransfer,
|
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ export * from './components/Stateful';
|
|
|
7
7
|
export * from './components/Windows';
|
|
8
8
|
export * from './components/Boards';
|
|
9
9
|
export * from "./components/Video";
|
|
10
|
-
export * from "./components/DatePicker";
|
|
11
10
|
export * from "./components/UnifyChart";
|
|
12
11
|
export * from "./components/Highlight";
|
|
13
12
|
export * from "./components/InputPassword";
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,6 @@ import './components/Windows/src/Windows.vue.js';
|
|
|
14
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
|
-
export { default as DatePicker } from './components/DatePicker/src/index.js';
|
|
18
17
|
export { EToolbox, compProps, toolboxProps, unifyChartProps } from './components/UnifyChart/src/props.js';
|
|
19
18
|
import './components/UnifyChart/src/UnifyChart.vue.js';
|
|
20
19
|
import './components/UnifyChart/src/ChartToolbox.vue.js';
|
package/dist/index.min.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
@dfsj/components:通用的vue组件;包括专业组件、原子级组件
|
|
3
|
-
版本: 3.7.2
|
|
3
|
+
版本: 3.7.2-alpha.3
|
|
4
4
|
作者:yangbo <1747837358@qq.com>
|
|
5
|
-
日期:2025-08-
|
|
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.minimized{height:0 !important;width:0 !important;overflow:hidden}.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;position:relative;z-index:1}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;z-index:4;top: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{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 12px rgba(0,0,0,.12)}.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:""}
|
|
5
|
+
日期:2025-08-27 11:18:06
|
|
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 .board--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap .board--panels .board--panel-container.active{height:100%}.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--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.minimized{height:0 !important;width:0 !important;overflow:hidden}.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;position:relative;z-index:1}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;z-index:4;top: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{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 12px rgba(0,0,0,.12)}.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,16 +0,0 @@
|
|
|
1
|
-
import type { Ref, ToRef } from 'vue';
|
|
2
|
-
import type { Dayjs } from 'dayjs';
|
|
3
|
-
export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
|
|
4
|
-
unlinkPanels: ToRef<boolean>;
|
|
5
|
-
leftDate: Ref<Dayjs>;
|
|
6
|
-
rightDate: Ref<Dayjs>;
|
|
7
|
-
}) => {
|
|
8
|
-
leftPrevYear: () => void;
|
|
9
|
-
rightNextYear: () => void;
|
|
10
|
-
leftNextYear: () => void;
|
|
11
|
-
rightPrevYear: () => void;
|
|
12
|
-
leftLabel: import("vue").ComputedRef<string>;
|
|
13
|
-
rightLabel: import("vue").ComputedRef<string>;
|
|
14
|
-
leftYear: import("vue").ComputedRef<number>;
|
|
15
|
-
rightYear: import("vue").ComputedRef<number>;
|
|
16
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { computed } from 'vue';
|
|
2
|
-
import { useLocale } from 'element-plus';
|
|
3
|
-
|
|
4
|
-
var useMonthRangeHeader = function useMonthRangeHeader(_ref) {
|
|
5
|
-
var unlinkPanels = _ref.unlinkPanels,
|
|
6
|
-
leftDate = _ref.leftDate,
|
|
7
|
-
rightDate = _ref.rightDate;
|
|
8
|
-
var _useLocale = useLocale(),
|
|
9
|
-
t = _useLocale.t;
|
|
10
|
-
var leftPrevYear = function leftPrevYear() {
|
|
11
|
-
leftDate.value = leftDate.value.subtract(1, 'year');
|
|
12
|
-
if (!unlinkPanels.value) {
|
|
13
|
-
rightDate.value = rightDate.value.subtract(1, 'year');
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
var rightNextYear = function rightNextYear() {
|
|
17
|
-
if (!unlinkPanels.value) {
|
|
18
|
-
leftDate.value = leftDate.value.add(1, 'year');
|
|
19
|
-
}
|
|
20
|
-
rightDate.value = rightDate.value.add(1, 'year');
|
|
21
|
-
};
|
|
22
|
-
var leftNextYear = function leftNextYear() {
|
|
23
|
-
leftDate.value = leftDate.value.add(1, 'year');
|
|
24
|
-
};
|
|
25
|
-
var rightPrevYear = function rightPrevYear() {
|
|
26
|
-
rightDate.value = rightDate.value.subtract(1, 'year');
|
|
27
|
-
};
|
|
28
|
-
var leftLabel = computed(function () {
|
|
29
|
-
return "".concat(leftDate.value.year(), " ").concat(t('el.datepicker.year'));
|
|
30
|
-
});
|
|
31
|
-
var rightLabel = computed(function () {
|
|
32
|
-
return "".concat(rightDate.value.year(), " ").concat(t('el.datepicker.year'));
|
|
33
|
-
});
|
|
34
|
-
var leftYear = computed(function () {
|
|
35
|
-
return leftDate.value.year();
|
|
36
|
-
});
|
|
37
|
-
var rightYear = computed(function () {
|
|
38
|
-
return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
|
|
39
|
-
});
|
|
40
|
-
return {
|
|
41
|
-
leftPrevYear: leftPrevYear,
|
|
42
|
-
rightNextYear: rightNextYear,
|
|
43
|
-
leftNextYear: leftNextYear,
|
|
44
|
-
rightPrevYear: rightPrevYear,
|
|
45
|
-
leftLabel: leftLabel,
|
|
46
|
-
rightLabel: rightLabel,
|
|
47
|
-
leftYear: leftYear,
|
|
48
|
-
rightYear: rightYear
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { useMonthRangeHeader };
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { type Ref } from 'vue';
|
|
2
|
-
import type { Dayjs } from 'dayjs';
|
|
3
|
-
import dayjs from "dayjs";
|
|
4
|
-
import type { PanelRangeSharedProps, RangeState } from 'element-plus/es/components/date-picker/src/props/shared';
|
|
5
|
-
type UseRangePickerProps = {
|
|
6
|
-
leftDate: Ref<Dayjs>;
|
|
7
|
-
rightDate: Ref<Dayjs>;
|
|
8
|
-
unit: 'month' | 'year';
|
|
9
|
-
parsedValue: Ref<Dayjs[]>;
|
|
10
|
-
disabledDate: (date: Dayjs) => boolean;
|
|
11
|
-
};
|
|
12
|
-
type ExtendProps = {
|
|
13
|
-
visible: boolean;
|
|
14
|
-
};
|
|
15
|
-
export declare const useRangePicker: (props: PanelRangeSharedProps & ExtendProps, { leftDate, rightDate, unit, parsedValue, disabledDate, }: UseRangePickerProps) => {
|
|
16
|
-
lang: any;
|
|
17
|
-
ppNs: any;
|
|
18
|
-
drpNs: any;
|
|
19
|
-
rangeState: Ref<{
|
|
20
|
-
endDate: {
|
|
21
|
-
clone: () => Dayjs;
|
|
22
|
-
isValid: () => boolean;
|
|
23
|
-
year: {
|
|
24
|
-
(): number;
|
|
25
|
-
(value: number): Dayjs;
|
|
26
|
-
};
|
|
27
|
-
month: {
|
|
28
|
-
(): number;
|
|
29
|
-
(value: number): Dayjs;
|
|
30
|
-
};
|
|
31
|
-
date: {
|
|
32
|
-
(): number;
|
|
33
|
-
(value: number): Dayjs;
|
|
34
|
-
};
|
|
35
|
-
day: {
|
|
36
|
-
(): 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
37
|
-
(value: number): Dayjs;
|
|
38
|
-
};
|
|
39
|
-
hour: {
|
|
40
|
-
(): number;
|
|
41
|
-
(value: number): Dayjs;
|
|
42
|
-
};
|
|
43
|
-
minute: {
|
|
44
|
-
(): number;
|
|
45
|
-
(value: number): Dayjs;
|
|
46
|
-
};
|
|
47
|
-
second: {
|
|
48
|
-
(): number;
|
|
49
|
-
(value: number): Dayjs;
|
|
50
|
-
};
|
|
51
|
-
millisecond: {
|
|
52
|
-
(): number;
|
|
53
|
-
(value: number): Dayjs;
|
|
54
|
-
};
|
|
55
|
-
set: (unit: dayjs.UnitType, value: number) => Dayjs;
|
|
56
|
-
get: (unit: dayjs.UnitType) => number;
|
|
57
|
-
add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
|
|
58
|
-
subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
|
|
59
|
-
startOf: (unit: dayjs.OpUnitType) => Dayjs;
|
|
60
|
-
endOf: (unit: dayjs.OpUnitType) => Dayjs;
|
|
61
|
-
format: (template?: string) => string;
|
|
62
|
-
diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
|
|
63
|
-
valueOf: () => number;
|
|
64
|
-
unix: () => number;
|
|
65
|
-
daysInMonth: () => number;
|
|
66
|
-
toDate: () => Date;
|
|
67
|
-
toJSON: () => string;
|
|
68
|
-
toISOString: () => string;
|
|
69
|
-
toString: () => string;
|
|
70
|
-
utcOffset: () => number;
|
|
71
|
-
isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
72
|
-
isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
73
|
-
isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
74
|
-
locale: {
|
|
75
|
-
(): string;
|
|
76
|
-
(preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
|
|
77
|
-
};
|
|
78
|
-
localeData: () => dayjs.InstanceLocaleDataReturn;
|
|
79
|
-
week: {
|
|
80
|
-
(): number;
|
|
81
|
-
(value: number): Dayjs;
|
|
82
|
-
};
|
|
83
|
-
weekYear: () => number;
|
|
84
|
-
dayOfYear: {
|
|
85
|
-
(): number;
|
|
86
|
-
(value: number): Dayjs;
|
|
87
|
-
};
|
|
88
|
-
isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
89
|
-
isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
90
|
-
};
|
|
91
|
-
selecting: boolean;
|
|
92
|
-
}, RangeState | {
|
|
93
|
-
endDate: {
|
|
94
|
-
clone: () => Dayjs;
|
|
95
|
-
isValid: () => boolean;
|
|
96
|
-
year: {
|
|
97
|
-
(): number;
|
|
98
|
-
(value: number): Dayjs;
|
|
99
|
-
};
|
|
100
|
-
month: {
|
|
101
|
-
(): number;
|
|
102
|
-
(value: number): Dayjs;
|
|
103
|
-
};
|
|
104
|
-
date: {
|
|
105
|
-
(): number;
|
|
106
|
-
(value: number): Dayjs;
|
|
107
|
-
};
|
|
108
|
-
day: {
|
|
109
|
-
(): 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
110
|
-
(value: number): Dayjs;
|
|
111
|
-
};
|
|
112
|
-
hour: {
|
|
113
|
-
(): number;
|
|
114
|
-
(value: number): Dayjs;
|
|
115
|
-
};
|
|
116
|
-
minute: {
|
|
117
|
-
(): number;
|
|
118
|
-
(value: number): Dayjs;
|
|
119
|
-
};
|
|
120
|
-
second: {
|
|
121
|
-
(): number;
|
|
122
|
-
(value: number): Dayjs;
|
|
123
|
-
};
|
|
124
|
-
millisecond: {
|
|
125
|
-
(): number;
|
|
126
|
-
(value: number): Dayjs;
|
|
127
|
-
};
|
|
128
|
-
set: (unit: dayjs.UnitType, value: number) => Dayjs;
|
|
129
|
-
get: (unit: dayjs.UnitType) => number;
|
|
130
|
-
add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
|
|
131
|
-
subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
|
|
132
|
-
startOf: (unit: dayjs.OpUnitType) => Dayjs;
|
|
133
|
-
endOf: (unit: dayjs.OpUnitType) => Dayjs;
|
|
134
|
-
format: (template?: string) => string;
|
|
135
|
-
diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
|
|
136
|
-
valueOf: () => number;
|
|
137
|
-
unix: () => number;
|
|
138
|
-
daysInMonth: () => number;
|
|
139
|
-
toDate: () => Date;
|
|
140
|
-
toJSON: () => string;
|
|
141
|
-
toISOString: () => string;
|
|
142
|
-
toString: () => string;
|
|
143
|
-
utcOffset: () => number;
|
|
144
|
-
isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
145
|
-
isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
146
|
-
isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
147
|
-
locale: {
|
|
148
|
-
(): string;
|
|
149
|
-
(preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
|
|
150
|
-
};
|
|
151
|
-
localeData: () => dayjs.InstanceLocaleDataReturn;
|
|
152
|
-
week: {
|
|
153
|
-
(): number;
|
|
154
|
-
(value: number): Dayjs;
|
|
155
|
-
};
|
|
156
|
-
weekYear: () => number;
|
|
157
|
-
dayOfYear: {
|
|
158
|
-
(): number;
|
|
159
|
-
(value: number): Dayjs;
|
|
160
|
-
};
|
|
161
|
-
isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
162
|
-
isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
|
|
163
|
-
};
|
|
164
|
-
selecting: boolean;
|
|
165
|
-
}>;
|
|
166
|
-
handleRangeConfirm: (visible?: boolean) => void;
|
|
167
|
-
onSelect: (selecting: boolean) => void;
|
|
168
|
-
handleShortcutClick: any;
|
|
169
|
-
leftDisableDate: (date: any) => boolean;
|
|
170
|
-
rightDisableDate: (date: any) => boolean;
|
|
171
|
-
t: any;
|
|
172
|
-
};
|
|
173
|
-
export {};
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { getCurrentInstance, inject, ref, watch, unref } from 'vue';
|
|
3
|
-
import { useNamespace, useLocale } from 'element-plus/es/hooks/index.mjs';
|
|
4
|
-
import { isValidRange, getDefaultValue } from 'element-plus/es/components/date-picker/src/utils.mjs';
|
|
5
|
-
import { ROOT_PICKER_INJECTION_KEY } from 'element-plus/es/components/date-picker/src/constants.mjs';
|
|
6
|
-
import { useShortcut } from 'element-plus/es/components/date-picker/src/composables/use-shortcut.mjs';
|
|
7
|
-
import dayjs from 'dayjs';
|
|
8
|
-
import { isArray } from 'element-plus/es/utils/index.mjs';
|
|
9
|
-
|
|
10
|
-
var useRangePicker = function useRangePicker(props, _ref) {
|
|
11
|
-
var leftDate = _ref.leftDate,
|
|
12
|
-
rightDate = _ref.rightDate,
|
|
13
|
-
unit = _ref.unit,
|
|
14
|
-
parsedValue = _ref.parsedValue,
|
|
15
|
-
disabledDate = _ref.disabledDate;
|
|
16
|
-
var _getCurrentInstance = getCurrentInstance(),
|
|
17
|
-
emit = _getCurrentInstance.emit;
|
|
18
|
-
var _inject = inject(ROOT_PICKER_INJECTION_KEY),
|
|
19
|
-
pickerNs = _inject.pickerNs;
|
|
20
|
-
var drpNs = useNamespace('date-range-picker');
|
|
21
|
-
var rangeState = ref({
|
|
22
|
-
endDate: null,
|
|
23
|
-
selecting: false
|
|
24
|
-
});
|
|
25
|
-
var _useLocale = useLocale(),
|
|
26
|
-
t = _useLocale.t,
|
|
27
|
-
lang = _useLocale.lang;
|
|
28
|
-
var handleShortcutClick = useShortcut(lang);
|
|
29
|
-
var handleRangeConfirm = function handleRangeConfirm() {
|
|
30
|
-
var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
31
|
-
var _minDate = unref(leftDate);
|
|
32
|
-
var _maxDate = unref(rightDate);
|
|
33
|
-
if (isValidRange([_minDate, _maxDate])) {
|
|
34
|
-
emit('pick', [_minDate, _maxDate], visible);
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var onSelect = function onSelect(selecting) {
|
|
38
|
-
rangeState.value.selecting = selecting;
|
|
39
|
-
if (!selecting) {
|
|
40
|
-
rangeState.value.endDate = null;
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
var restoreDefault = function restoreDefault() {
|
|
44
|
-
var _getDefaultValue = getDefaultValue(unref(props.parsedValue), {
|
|
45
|
-
lang: unref(lang),
|
|
46
|
-
unit: unit,
|
|
47
|
-
unlinkPanels: props.unlinkPanels
|
|
48
|
-
}),
|
|
49
|
-
_getDefaultValue2 = _slicedToArray(_getDefaultValue, 2),
|
|
50
|
-
start = _getDefaultValue2[0],
|
|
51
|
-
end = _getDefaultValue2[1];
|
|
52
|
-
leftDate.value = start;
|
|
53
|
-
rightDate.value = end;
|
|
54
|
-
parsedValue.value = [start, end];
|
|
55
|
-
};
|
|
56
|
-
var leftDisableDate = function leftDisableDate(date) {
|
|
57
|
-
if (disabledDate && disabledDate(date)) return true;
|
|
58
|
-
if (!rightDate.value) return false;
|
|
59
|
-
if (dayjs(date).hour(0).minute(0).second(0).valueOf() > dayjs(rightDate.value).valueOf()) return true;
|
|
60
|
-
};
|
|
61
|
-
var rightDisableDate = function rightDisableDate(date) {
|
|
62
|
-
if (!leftDate.value) return false;
|
|
63
|
-
if (dayjs(date).valueOf() < dayjs(leftDate.value).hour(0).minute(0).second(0).valueOf()) return true;
|
|
64
|
-
};
|
|
65
|
-
watch(function () {
|
|
66
|
-
return props.parsedValue;
|
|
67
|
-
}, function (parsedValue) {
|
|
68
|
-
if (isArray(parsedValue) && parsedValue.length === 2) {
|
|
69
|
-
var _parsedValue = _slicedToArray(parsedValue, 2),
|
|
70
|
-
start = _parsedValue[0],
|
|
71
|
-
end = _parsedValue[1];
|
|
72
|
-
leftDate.value = start;
|
|
73
|
-
rightDate.value = end;
|
|
74
|
-
} else {
|
|
75
|
-
restoreDefault();
|
|
76
|
-
}
|
|
77
|
-
}, {
|
|
78
|
-
immediate: true
|
|
79
|
-
});
|
|
80
|
-
watch(function () {
|
|
81
|
-
return props.visible;
|
|
82
|
-
}, function (val) {
|
|
83
|
-
if (!val) restoreDefault();
|
|
84
|
-
});
|
|
85
|
-
return {
|
|
86
|
-
lang: lang,
|
|
87
|
-
ppNs: pickerNs,
|
|
88
|
-
drpNs: drpNs,
|
|
89
|
-
rangeState: rangeState,
|
|
90
|
-
handleRangeConfirm: handleRangeConfirm,
|
|
91
|
-
onSelect: onSelect,
|
|
92
|
-
handleShortcutClick: handleShortcutClick,
|
|
93
|
-
leftDisableDate: leftDisableDate,
|
|
94
|
-
rightDisableDate: rightDisableDate,
|
|
95
|
-
t: t
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
export { useRangePicker };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
-
unlinkPanels: BooleanConstructor;
|
|
3
|
-
visible: BooleanConstructor;
|
|
4
|
-
parsedValue: any;
|
|
5
|
-
}>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option" | "calendar-change" | "panel-change")[], "pick" | "set-picker-option" | "calendar-change" | "panel-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
|
-
unlinkPanels: BooleanConstructor;
|
|
9
|
-
visible: BooleanConstructor;
|
|
10
|
-
parsedValue: any;
|
|
11
|
-
}>> & Readonly<{
|
|
12
|
-
onPick?: (...args: any[]) => any;
|
|
13
|
-
"onSet-picker-option"?: (...args: any[]) => any;
|
|
14
|
-
"onCalendar-change"?: (...args: any[]) => any;
|
|
15
|
-
"onPanel-change"?: (...args: any[]) => any;
|
|
16
|
-
}>, {
|
|
17
|
-
[x: string]: unknown;
|
|
18
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
19
|
-
export default _default;
|