@dfsj/components 3.7.2-alpha.1 → 3.7.2-alpha.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.
Files changed (55) hide show
  1. package/dist/components/Form/src/helper/componentMap.js +0 -2
  2. package/dist/index.d.ts +0 -1
  3. package/dist/index.js +0 -1
  4. package/dist/index.min.css +2 -2
  5. package/package.json +1 -1
  6. package/dist/components/DatePicker/index.d.ts +0 -2
  7. package/dist/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
  8. package/dist/components/DatePicker/src/composables/use-month-range-header.js +0 -52
  9. package/dist/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
  10. package/dist/components/DatePicker/src/composables/use-range-picker.js +0 -99
  11. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
  12. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.js +0 -5
  13. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue2.js +0 -564
  14. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
  15. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.js +0 -5
  16. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue2.js +0 -210
  17. package/dist/components/DatePicker/src/index.d.ts +0 -224
  18. package/dist/components/DatePicker/src/index.js +0 -87
  19. package/dist/components/DatePicker/src/panel-utils.d.ts +0 -2
  20. package/dist/components/DatePicker/src/panel-utils.js +0 -25
  21. package/dist/components/src/components/Boards/src/hooKs/useStyle.d.ts +0 -9
  22. package/dist/components/src/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
  23. package/dist/components/src/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
  24. package/dist/components/src/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
  25. package/dist/components/src/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
  26. package/dist/components/src/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
  27. package/dist/components/src/components/Form/src/components/useRenderCheckbox.d.ts +0 -4
  28. package/dist/components/src/components/Form/src/components/useRenderRadio.d.ts +0 -4
  29. package/dist/components/src/components/Form/src/components/useRenderSelect.d.ts +0 -4
  30. package/dist/components/src/components/Form/src/helper/componentMap.d.ts +0 -5
  31. package/dist/components/src/components/Form/src/helper/index.d.ts +0 -7
  32. package/dist/components/src/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
  33. package/dist/components/src/components/Modal/src/hooks/useTimeout.d.ts +0 -15
  34. package/dist/components/src/components/Modal/src/utils/index.d.ts +0 -3
  35. package/dist/components/src/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
  36. package/dist/components/src/components/NodeAxis/src/NodeAxis.d.ts +0 -12
  37. package/dist/components/src/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
  38. package/dist/components/src/components/NodeAxis/src/TimerNodePlayer.d.ts +0 -19
  39. package/dist/components/src/components/NodeAxis/src/interface/NodePlayer.d.ts +0 -9
  40. package/dist/components/src/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
  41. package/dist/components/src/components/Table/src/components/TableActions.vue.d.ts +0 -96
  42. package/dist/components/src/components/Table/src/helper/index.d.ts +0 -2
  43. package/dist/components/src/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
  44. package/dist/components/src/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
  45. package/dist/components/src/components/Video/src/abstract/Observable.d.ts +0 -6
  46. package/dist/components/src/components/Video/src/abstract/VideoControl.d.ts +0 -32
  47. package/dist/components/src/components/Video/src/control/DaHua.d.ts +0 -12
  48. package/dist/components/src/components/Video/src/control/Hikvision.d.ts +0 -28
  49. package/dist/components/src/components/Video/src/control/VideoFactory.d.ts +0 -3
  50. package/dist/components/src/components/Video/src/enums/CommonEnum.d.ts +0 -26
  51. package/dist/components/src/helper/lang.d.ts +0 -1
  52. package/dist/components/src/themes/index.d.ts +0 -1
  53. package/dist/components/src/utils/index.d.ts +0 -11
  54. 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
  55. 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
@@ -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';
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  @dfsj/components:通用的vue组件;包括专业组件、原子级组件
3
- 版本: 3.7.2
3
+ 版本: 3.7.2-alpha.1
4
4
  作者:yangbo <1747837358@qq.com>
5
- 日期:2025-08-22 16:38:07
5
+ 日期:2025-08-25 11:38:34
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.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,6 +1,6 @@
1
1
  {
2
2
  "name": "@dfsj/components",
3
- "version": "3.7.2-alpha.1",
3
+ "version": "3.7.2-alpha.2",
4
4
  "description": "通用的vue组件;包括专业组件、原子级组件",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -1,2 +0,0 @@
1
- import DatePicker from './src/index';
2
- export { DatePicker };
@@ -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;
@@ -1,5 +0,0 @@
1
- import script from './panel-date-range.vue2.js';
2
-
3
- script.__file = "src/components/DatePicker/src/date-picker-com/panel-date-range.vue";
4
-
5
- export { script as default };