@dfsj/components 3.7.2 → 4.0.0-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 (207) hide show
  1. package/CHANGELOG.md +57 -449
  2. package/README.md +101 -24
  3. package/dist/_virtual/_rollupPluginBabelHelpers.js +13 -0
  4. package/dist/components/Boards/src/Boards.vue.js +10 -4
  5. package/dist/components/Boards/src/Boards.vue2.js +10 -147
  6. package/dist/components/Boards/src/hooKs/useStyle.d.ts +16 -4
  7. package/dist/components/Boards/src/hooKs/useStyle.js +10 -99
  8. package/dist/components/Boards/src/props.d.ts +6 -22
  9. package/dist/components/Boards/src/props.js +10 -55
  10. package/dist/components/ClickOutSide/src/ClickOutSide.vue.js +10 -4
  11. package/dist/components/ClickOutSide/src/ClickOutSide.vue2.js +10 -25
  12. package/dist/components/Descriptions/src/Descriptions.vue.js +10 -4
  13. package/dist/components/Descriptions/src/Descriptions.vue2.js +10 -150
  14. package/dist/components/Editor/src/Editor.vue.js +10 -4
  15. package/dist/components/Editor/src/Editor.vue2.js +10 -137
  16. package/dist/components/Form/src/Form.vue.js +10 -4
  17. package/dist/components/Form/src/Form.vue2.js +10 -388
  18. package/dist/components/Form/src/components/useRenderCheckbox.js +10 -32
  19. package/dist/components/Form/src/components/useRenderRadio.js +10 -32
  20. package/dist/components/Form/src/components/useRenderSelect.js +10 -51
  21. package/dist/components/Form/src/helper/componentMap.js +10 -34
  22. package/dist/components/Form/src/helper/index.js +10 -108
  23. package/dist/components/Form/src/types/index.d.ts +80 -84
  24. package/dist/components/Form/src/types/index.js +10 -30
  25. package/dist/components/Form/src/useForm.js +10 -289
  26. package/dist/components/Highlight/src/Highlight.vue.js +10 -4
  27. package/dist/components/Highlight/src/Highlight.vue2.js +10 -61
  28. package/dist/components/Icon/src/Icon.vue.js +10 -4
  29. package/dist/components/Icon/src/Icon.vue2.js +10 -122
  30. package/dist/components/Icon/src/SvgIcon.vue.js +10 -6
  31. package/dist/components/Icon/src/SvgIcon.vue2.js +10 -44
  32. package/dist/components/Icon/src/SvgIcon.vue3.js +10 -13
  33. package/dist/components/InputPassword/src/InputPassword.vue.js +10 -4
  34. package/dist/components/InputPassword/src/InputPassword.vue2.js +10 -57
  35. package/dist/components/Modal/src/BasicModal.vue.js +10 -4
  36. package/dist/components/Modal/src/BasicModal.vue2.js +10 -154
  37. package/dist/components/Modal/src/components/ModalFooter.vue.js +10 -4
  38. package/dist/components/Modal/src/components/ModalFooter.vue2.js +10 -39
  39. package/dist/components/Modal/src/components/ModalHeader.vue.js +10 -4
  40. package/dist/components/Modal/src/components/ModalHeader.vue2.js +10 -80
  41. package/dist/components/Modal/src/config.d.ts +3 -2
  42. package/dist/components/Modal/src/config.js +10 -28
  43. package/dist/components/Modal/src/hooks/useModalDrag.js +10 -109
  44. package/dist/components/Modal/src/hooks/useTimeout.js +10 -52
  45. package/dist/components/Modal/src/props.d.ts +16 -56
  46. package/dist/components/Modal/src/props.js +10 -130
  47. package/dist/components/Modal/src/utils/index.js +10 -85
  48. package/dist/components/NodeAxis/src/AbstractNodeProvider.js +10 -21
  49. package/dist/components/NodeAxis/src/CanvasNodeRender.d.ts +3 -12
  50. package/dist/components/NodeAxis/src/CanvasNodeRender.js +10 -411
  51. package/dist/components/NodeAxis/src/NodeAxis.vue.js +10 -4
  52. package/dist/components/NodeAxis/src/NodeAxis.vue2.js +10 -68
  53. package/dist/components/NodeAxis/src/NodeModel.js +10 -62
  54. package/dist/components/NodeAxis/src/NodeRender.js +10 -28
  55. package/dist/components/NodeAxis/src/NullLayerProvider.js +10 -86
  56. package/dist/components/NodeAxis/src/NullProvider.js +10 -65
  57. package/dist/components/NodeAxis/src/TimerNodePlayer.js +10 -148
  58. package/dist/components/NodeAxis/src/config/node-axis.options.js +10 -55
  59. package/dist/components/NodeAxis/src/enum/index.js +10 -19
  60. package/dist/components/NodeAxis/src/utils/assign.js +10 -42
  61. package/dist/components/Stateful/src/State.js +10 -78
  62. package/dist/components/Stateful/src/Stateful.vue.js +10 -4
  63. package/dist/components/Stateful/src/Stateful.vue2.js +10 -52
  64. package/dist/components/Stateful/src/props.d.ts +2 -6
  65. package/dist/components/Stateful/src/props.js +10 -28
  66. package/dist/components/Table/index.d.ts +3 -3
  67. package/dist/components/Table/src/Table.vue.js +10 -4
  68. package/dist/components/Table/src/Table.vue2.js +10 -583
  69. package/dist/components/Table/src/components/ColumnSetting.vue.js +10 -4
  70. package/dist/components/Table/src/components/ColumnSetting.vue2.js +10 -263
  71. package/dist/components/Table/src/components/TableActions.vue.js +10 -4
  72. package/dist/components/Table/src/components/TableActions.vue2.js +10 -107
  73. package/dist/components/Table/src/helper/index.js +10 -10
  74. package/dist/components/Table/src/types/index.d.ts +11 -13
  75. package/dist/components/Table/src/useTable.d.ts +36 -1
  76. package/dist/components/Table/src/useTable.js +10 -283
  77. package/dist/components/UnifyChart/src/ChartToolbox.vue.js +10 -4
  78. package/dist/components/UnifyChart/src/ChartToolbox.vue2.js +10 -82
  79. package/dist/components/UnifyChart/src/UnifyChart.vue.js +10 -4
  80. package/dist/components/UnifyChart/src/UnifyChart.vue2.js +10 -57
  81. package/dist/components/UnifyChart/src/hooks/useLoader.js +10 -92
  82. package/dist/components/UnifyChart/src/hooks/useRender.d.ts +8 -13
  83. package/dist/components/UnifyChart/src/hooks/useRender.js +10 -49
  84. package/dist/components/UnifyChart/src/props.d.ts +13 -59
  85. package/dist/components/UnifyChart/src/props.js +10 -32
  86. package/dist/components/UnifyChart/src/useDownLoad.js +10 -26
  87. package/dist/components/Visual/src/BufferLayerPlayer.d.ts +9 -5
  88. package/dist/components/Visual/src/BufferLayerPlayer.js +10 -288
  89. package/dist/components/Visual/src/ResolvableLayerProvider.js +10 -252
  90. package/dist/components/Visual/src/config/default.manager.js +10 -6
  91. package/dist/components/Visual/src/config/default.provider.js +10 -17
  92. package/dist/components/Visual/src/mapping.js +10 -6
  93. package/dist/components/Visual/src/resolvers/IntervalResolver.js +10 -168
  94. package/dist/components/Visual/src/resolvers/tools.resolver.js +10 -151
  95. package/dist/components/Visual/src/utils/NodeMath.js +10 -99
  96. package/dist/components/Windows/src/ModalWrap.vue.js +10 -4
  97. package/dist/components/Windows/src/ModalWrap.vue2.js +10 -132
  98. package/dist/components/Windows/src/Windows.vue.js +10 -6
  99. package/dist/components/Windows/src/Windows.vue2.js +10 -55
  100. package/dist/components/Windows/src/Windows.vue3.js +10 -24
  101. package/dist/components/Windows/src/props.js +10 -8
  102. package/dist/directives/clickOutside.js +10 -70
  103. package/dist/directives/repeatClick.js +10 -28
  104. package/dist/directives/resizable.js +10 -195
  105. package/dist/index.d.ts +0 -2
  106. package/dist/index.js +11 -53
  107. package/dist/index.min.css +3 -3
  108. package/dist/themes/index.js +9 -0
  109. package/dist/types/index.d.ts +3 -3
  110. package/dist/utils/index.js +10 -23
  111. package/package.json +93 -66
  112. package/dist/components/Boards/src/Boards.vue.d.ts +0 -102
  113. package/dist/components/ClickOutSide/src/ClickOutSide.vue.d.ts +0 -7
  114. package/dist/components/DatePicker/index.d.ts +0 -2
  115. package/dist/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
  116. package/dist/components/DatePicker/src/composables/use-month-range-header.js +0 -52
  117. package/dist/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
  118. package/dist/components/DatePicker/src/composables/use-range-picker.js +0 -99
  119. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
  120. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.js +0 -5
  121. package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue2.js +0 -564
  122. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
  123. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.js +0 -5
  124. package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue2.js +0 -210
  125. package/dist/components/DatePicker/src/index.d.ts +0 -224
  126. package/dist/components/DatePicker/src/index.js +0 -87
  127. package/dist/components/DatePicker/src/panel-utils.d.ts +0 -2
  128. package/dist/components/DatePicker/src/panel-utils.js +0 -25
  129. package/dist/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
  130. package/dist/components/Editor/src/Editor.vue.d.ts +0 -51
  131. package/dist/components/Form/src/Form.vue.d.ts +0 -838
  132. package/dist/components/Highlight/src/Highlight.vue.d.ts +0 -41
  133. package/dist/components/Icon/src/Icon.vue.d.ts +0 -49
  134. package/dist/components/Icon/src/SvgIcon.vue.d.ts +0 -45
  135. package/dist/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
  136. package/dist/components/Modal/src/BasicModal.vue.d.ts +0 -419
  137. package/dist/components/Modal/src/components/ModalFooter.vue.d.ts +0 -86
  138. package/dist/components/Modal/src/components/ModalHeader.vue.d.ts +0 -241
  139. package/dist/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
  140. package/dist/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
  141. package/dist/components/Stateful/src/Stateful.vue.d.ts +0 -22
  142. package/dist/components/Table/src/Table.vue.d.ts +0 -1535
  143. package/dist/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
  144. package/dist/components/Table/src/components/TableActions.vue.d.ts +0 -229
  145. package/dist/components/UnifyChart/src/ChartToolbox.vue.d.ts +0 -46
  146. package/dist/components/UnifyChart/src/UnifyChart.vue.d.ts +0 -95
  147. package/dist/components/Video/index.d.ts +0 -2
  148. package/dist/components/Video/src/VideoPlayer.vue.d.ts +0 -60
  149. package/dist/components/Video/src/VideoPlayer.vue.js +0 -5
  150. package/dist/components/Video/src/VideoPlayer.vue2.js +0 -107
  151. package/dist/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
  152. package/dist/components/Video/src/VideoPlayerToolbar.vue.js +0 -5
  153. package/dist/components/Video/src/VideoPlayerToolbar.vue2.js +0 -65
  154. package/dist/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
  155. package/dist/components/Video/src/abstract/Observable.d.ts +0 -6
  156. package/dist/components/Video/src/abstract/Observable.js +0 -89
  157. package/dist/components/Video/src/abstract/VideoControl.d.ts +0 -32
  158. package/dist/components/Video/src/abstract/VideoControl.js +0 -48
  159. package/dist/components/Video/src/control/DaHua.d.ts +0 -12
  160. package/dist/components/Video/src/control/DaHua.js +0 -154
  161. package/dist/components/Video/src/control/Hikvision.d.ts +0 -28
  162. package/dist/components/Video/src/control/Hikvision.js +0 -249
  163. package/dist/components/Video/src/control/VideoFactory.d.ts +0 -3
  164. package/dist/components/Video/src/control/VideoFactory.js +0 -31
  165. package/dist/components/Video/src/enums/CommonEnum.d.ts +0 -26
  166. package/dist/components/Video/src/enums/CommonEnum.js +0 -31
  167. package/dist/components/Windows/src/ModalWrap.vue.d.ts +0 -14
  168. package/dist/components/Windows/src/Windows.vue.d.ts +0 -21
  169. package/dist/components/src/components/Boards/src/hooKs/useStyle.d.ts +0 -9
  170. package/dist/components/src/components/DatePicker/src/composables/use-month-range-header.d.ts +0 -16
  171. package/dist/components/src/components/DatePicker/src/composables/use-range-picker.d.ts +0 -173
  172. package/dist/components/src/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts +0 -19
  173. package/dist/components/src/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts +0 -16
  174. package/dist/components/src/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
  175. package/dist/components/src/components/Form/src/components/useRenderCheckbox.d.ts +0 -4
  176. package/dist/components/src/components/Form/src/components/useRenderRadio.d.ts +0 -4
  177. package/dist/components/src/components/Form/src/components/useRenderSelect.d.ts +0 -4
  178. package/dist/components/src/components/Form/src/helper/componentMap.d.ts +0 -5
  179. package/dist/components/src/components/Form/src/helper/index.d.ts +0 -7
  180. package/dist/components/src/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
  181. package/dist/components/src/components/Modal/src/hooks/useTimeout.d.ts +0 -15
  182. package/dist/components/src/components/Modal/src/utils/index.d.ts +0 -3
  183. package/dist/components/src/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
  184. package/dist/components/src/components/NodeAxis/src/NodeAxis.d.ts +0 -12
  185. package/dist/components/src/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
  186. package/dist/components/src/components/NodeAxis/src/TimerNodePlayer.d.ts +0 -19
  187. package/dist/components/src/components/NodeAxis/src/interface/NodePlayer.d.ts +0 -9
  188. package/dist/components/src/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
  189. package/dist/components/src/components/Table/src/components/TableActions.vue.d.ts +0 -96
  190. package/dist/components/src/components/Table/src/helper/index.d.ts +0 -2
  191. package/dist/components/src/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
  192. package/dist/components/src/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
  193. package/dist/components/src/components/Video/src/abstract/Observable.d.ts +0 -6
  194. package/dist/components/src/components/Video/src/abstract/VideoControl.d.ts +0 -32
  195. package/dist/components/src/components/Video/src/control/DaHua.d.ts +0 -12
  196. package/dist/components/src/components/Video/src/control/Hikvision.d.ts +0 -28
  197. package/dist/components/src/components/Video/src/control/VideoFactory.d.ts +0 -3
  198. package/dist/components/src/components/Video/src/enums/CommonEnum.d.ts +0 -26
  199. package/dist/components/src/helper/lang.d.ts +0 -1
  200. package/dist/components/src/themes/index.d.ts +0 -1
  201. package/dist/components/src/utils/index.d.ts +0 -11
  202. package/dist/helper/lang.d.ts +0 -1
  203. package/dist/helper/lang.js +0 -546
  204. 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
  205. package/dist/node_modules/.pnpm/@vueuse_core@13.7.0_vue@3.5.19_typescript@5.9.2_/node_modules/@vueuse/core/index.js +0 -393
  206. 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
  207. package/dist/node_modules/.pnpm/@vueuse_shared@13.7.0_vue@3.5.19_typescript@5.9.2_/node_modules/@vueuse/shared/index.js +0 -53
@@ -1,564 +0,0 @@
1
- import { defineComponent, inject, toRef, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, withDirectives, withCtx, createTextVNode } from 'vue';
2
- import dayjs from 'dayjs';
3
- import { useLocale, ClickOutside } from 'element-plus';
4
- import { definePropType, isArray } from 'element-plus/es/utils/index.mjs';
5
- import { extractTimeFormat, extractDateFormat, TimePickPanel } from 'element-plus/es/components/time-picker/index.mjs';
6
- import { ArrowRight, DArrowLeft, ArrowLeft, DArrowRight } from '@element-plus/icons-vue';
7
- import { useRangePicker } from '../composables/use-range-picker.js';
8
- import { isValidRange, getDefaultValue } from 'element-plus/es/components/date-picker/src/utils';
9
- import DateTable from 'element-plus/es/components/date-picker/src/date-picker-com/basic-date-table.mjs';
10
- import { cloneDeep } from 'lodash-es';
11
-
12
- var _hoisted_1 = ["onClick"];
13
- var _hoisted_2 = ["disabled"];
14
- var _hoisted_3 = ["disabled"];
15
- var _hoisted_4 = ["disabled"];
16
- var _hoisted_5 = ["disabled"];
17
- var _hoisted_6 = {
18
- "class": "flex justify-end my-2 mr-5"
19
- };
20
- var unit = 'month';
21
- var script = defineComponent({
22
- __name: 'panel-date-range',
23
- props: {
24
- unlinkPanels: Boolean,
25
- visible: Boolean,
26
- parsedValue: definePropType(Array)
27
- },
28
- emits: ['pick', 'set-picker-option', 'calendar-change', 'panel-change'],
29
- setup: function setup(__props, _ref) {
30
- var _props$parsedValue, _props$parsedValue2;
31
- var __emit = _ref.emit;
32
- var props = __props;
33
- var emit = __emit;
34
- var pickerBase = inject('EP_PICKER_BASE');
35
- var _pickerBase$props = pickerBase.props,
36
- disabledDate = _pickerBase$props.disabledDate,
37
- cellClassName = _pickerBase$props.cellClassName,
38
- format = _pickerBase$props.format,
39
- defaultTime = _pickerBase$props.defaultTime,
40
- arrowControl = _pickerBase$props.arrowControl;
41
- _pickerBase$props.clearable;
42
- var type = _pickerBase$props.type,
43
- defaultValue = _pickerBase$props.defaultValue;
44
- var shortcuts = toRef(pickerBase.props, 'shortcuts');
45
- var _useLocale = useLocale(),
46
- lang = _useLocale.lang;
47
- var leftDate = ref(((_props$parsedValue = props.parsedValue) === null || _props$parsedValue === void 0 ? void 0 : _props$parsedValue[0]) || dayjs().locale(lang.value));
48
- var rightDate = ref(((_props$parsedValue2 = props.parsedValue) === null || _props$parsedValue2 === void 0 ? void 0 : _props$parsedValue2[1]) || dayjs().locale(lang.value).add(1, unit));
49
- var parsedValue = ref([cloneDeep(leftDate.value), cloneDeep(rightDate.value)]);
50
- var _useRangePicker = useRangePicker(props, {
51
- leftDate: leftDate,
52
- rightDate: rightDate,
53
- unit: unit,
54
- parsedValue: parsedValue,
55
- disabledDate: disabledDate
56
- }),
57
- ppNs = _useRangePicker.ppNs,
58
- drpNs = _useRangePicker.drpNs,
59
- rangeState = _useRangePicker.rangeState,
60
- handleRangeConfirm = _useRangePicker.handleRangeConfirm,
61
- leftDisableDate = _useRangePicker.leftDisableDate,
62
- rightDisableDate = _useRangePicker.rightDisableDate,
63
- handleShortcutClick = _useRangePicker.handleShortcutClick,
64
- onSelect = _useRangePicker.onSelect,
65
- t = _useRangePicker.t;
66
- var dateUserInput = ref({
67
- min: null,
68
- max: null
69
- });
70
- var timeUserInput = ref({
71
- min: null,
72
- max: null
73
- });
74
- var leftLabel = computed(function () {
75
- return "".concat(leftDate.value.year(), " ").concat(t('el.datepicker.year'), " ").concat(t("el.datepicker.month".concat(leftDate.value.month() + 1)));
76
- });
77
- var rightLabel = computed(function () {
78
- return "".concat(rightDate.value.year(), " ").concat(t('el.datepicker.year'), " ").concat(t("el.datepicker.month".concat(rightDate.value.month() + 1)));
79
- });
80
- var leftYear = computed(function () {
81
- return leftDate.value.year();
82
- });
83
- var leftMonth = computed(function () {
84
- return leftDate.value.month();
85
- });
86
- var rightYear = computed(function () {
87
- return rightDate.value.year();
88
- });
89
- var rightMonth = computed(function () {
90
- return rightDate.value.month();
91
- });
92
- var hasShortcuts = computed(function () {
93
- return !!shortcuts.value.length;
94
- });
95
- var minVisibleDate = computed(function () {
96
- if (dateUserInput.value.min !== null) return dateUserInput.value.min;
97
- if (leftDate.value) return leftDate.value.format(dateFormat.value);
98
- return '';
99
- });
100
- var maxVisibleDate = computed(function () {
101
- if (dateUserInput.value.max !== null) return dateUserInput.value.max;
102
- if (rightDate.value || leftDate.value) return (rightDate.value || leftDate.value).format(dateFormat.value);
103
- return '';
104
- });
105
- var minVisibleTime = computed(function () {
106
- if (timeUserInput.value.min !== null) return timeUserInput.value.min;
107
- if (leftDate.value) return leftDate.value.format(timeFormat.value);
108
- return '';
109
- });
110
- var maxVisibleTime = computed(function () {
111
- if (timeUserInput.value.max !== null) return timeUserInput.value.max;
112
- if (rightDate.value || leftDate.value) return (rightDate.value || leftDate.value).format(timeFormat.value);
113
- return '';
114
- });
115
- var timeFormat = computed(function () {
116
- return extractTimeFormat(format);
117
- });
118
- var dateFormat = computed(function () {
119
- return extractDateFormat(format);
120
- });
121
- var leftPrevYear = function leftPrevYear() {
122
- leftDate.value = leftDate.value.subtract(1, 'year');
123
- if (!props.unlinkPanels) {
124
- rightDate.value = leftDate.value.add(1, 'month');
125
- }
126
- handlePanelChange('year');
127
- };
128
- var leftPrevMonth = function leftPrevMonth() {
129
- leftDate.value = leftDate.value.subtract(1, 'month');
130
- if (!props.unlinkPanels) {
131
- rightDate.value = leftDate.value.add(1, 'month');
132
- }
133
- handlePanelChange('month');
134
- };
135
- var rightNextYear = function rightNextYear() {
136
- if (!props.unlinkPanels) {
137
- leftDate.value = leftDate.value.add(1, 'year');
138
- rightDate.value = leftDate.value.add(1, 'month');
139
- } else {
140
- rightDate.value = rightDate.value.add(1, 'year');
141
- }
142
- handlePanelChange('year');
143
- };
144
- var rightNextMonth = function rightNextMonth() {
145
- if (!props.unlinkPanels) {
146
- leftDate.value = leftDate.value.add(1, 'month');
147
- rightDate.value = leftDate.value.add(1, 'month');
148
- } else {
149
- rightDate.value = rightDate.value.add(1, 'month');
150
- }
151
- handlePanelChange('month');
152
- };
153
- var leftNextYear = function leftNextYear() {
154
- leftDate.value = leftDate.value.add(1, 'year');
155
- handlePanelChange('year');
156
- };
157
- var leftNextMonth = function leftNextMonth() {
158
- leftDate.value = leftDate.value.add(1, 'month');
159
- handlePanelChange('month');
160
- };
161
- var rightPrevYear = function rightPrevYear() {
162
- rightDate.value = rightDate.value.subtract(1, 'year');
163
- handlePanelChange('year');
164
- };
165
- var rightPrevMonth = function rightPrevMonth() {
166
- rightDate.value = rightDate.value.subtract(1, 'month');
167
- handlePanelChange('month');
168
- };
169
- var handlePanelChange = function handlePanelChange(mode) {
170
- emit('panel-change', [leftDate.value.toDate(), rightDate.value.toDate()], mode);
171
- };
172
- var enableMonthArrow = computed(function () {
173
- var nextMonth = leftMonth.value + 1 >= 12 ? 0 : leftMonth.value + 1;
174
- var yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0;
175
- return props.unlinkPanels && new Date(leftYear.value + yearOffset, nextMonth) <= new Date(rightYear.value, rightMonth.value);
176
- });
177
- var enableYearArrow = computed(function () {
178
- return props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 11;
179
- });
180
- var showTime = computed(function () {
181
- return type === 'datetime' || type === 'datetimerange';
182
- });
183
- var formatEmit = function formatEmit(emitDayjs, index) {
184
- if (!emitDayjs) return;
185
- if (defaultTime) {
186
- var defaultTimeD = dayjs(defaultTime[index] || defaultTime).locale(lang.value);
187
- return defaultTimeD.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
188
- }
189
- return emitDayjs;
190
- };
191
- var handleRangePick = function handleRangePick(date, type) {
192
- if (type == 1) {
193
- leftDate.value = formatEmit(date, 0);
194
- parsedValue.value[0] = cloneDeep(leftDate.value);
195
- } else {
196
- rightDate.value = formatEmit(date, 1);
197
- parsedValue.value[1] = cloneDeep(rightDate.value);
198
- }
199
- };
200
- var minTimePickerVisible = ref(false);
201
- var maxTimePickerVisible = ref(false);
202
- var handleMinTimeClose = function handleMinTimeClose() {
203
- minTimePickerVisible.value = false;
204
- };
205
- var handleMaxTimeClose = function handleMaxTimeClose() {
206
- maxTimePickerVisible.value = false;
207
- };
208
- var handleDateInput = function handleDateInput(value, type) {
209
- dateUserInput.value[type] = value;
210
- var parsedValueD = dayjs(value, dateFormat.value).locale(lang.value);
211
- if (parsedValueD.isValid()) {
212
- if (disabledDate && disabledDate(parsedValueD.toDate())) {
213
- return;
214
- }
215
- if (type === 'min') {
216
- leftDate.value = parsedValueD;
217
- leftDate.value = (leftDate.value || leftDate.value).year(parsedValueD.year()).month(parsedValueD.month()).date(parsedValueD.date());
218
- if (!props.unlinkPanels && (!rightDate.value || rightDate.value.isBefore(leftDate.value))) {
219
- rightDate.value = parsedValueD.add(1, 'month');
220
- rightDate.value = leftDate.value.add(1, 'month');
221
- }
222
- } else {
223
- rightDate.value = parsedValueD;
224
- rightDate.value = (rightDate.value || rightDate.value).year(parsedValueD.year()).month(parsedValueD.month()).date(parsedValueD.date());
225
- if (!props.unlinkPanels && (!leftDate.value || leftDate.value.isAfter(rightDate.value))) {
226
- leftDate.value = parsedValueD.subtract(1, 'month');
227
- leftDate.value = rightDate.value.subtract(1, 'month');
228
- }
229
- }
230
- }
231
- };
232
- var handleDateChange = function handleDateChange(_, type) {
233
- dateUserInput.value[type] = null;
234
- };
235
- var handleTimeInput = function handleTimeInput(value, type) {
236
- timeUserInput.value[type] = value;
237
- var parsedValueD = dayjs(value, timeFormat.value).locale(lang.value);
238
- if (parsedValueD.isValid()) {
239
- if (type === 'min') {
240
- minTimePickerVisible.value = true;
241
- leftDate.value = leftDate.value.hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
242
- if (!rightDate.value || rightDate.value.isBefore(leftDate.value)) {
243
- rightDate.value = leftDate.value;
244
- }
245
- } else {
246
- maxTimePickerVisible.value = true;
247
- rightDate.value = rightDate.value.hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
248
- rightDate.value = rightDate.value;
249
- if (rightDate.value && rightDate.value.isBefore(leftDate.value)) {
250
- leftDate.value = rightDate.value;
251
- }
252
- }
253
- }
254
- };
255
- var handleTimeChange = function handleTimeChange(value, type) {
256
- timeUserInput.value[type] = null;
257
- if (type === 'min') {
258
- minTimePickerVisible.value = false;
259
- } else {
260
- maxTimePickerVisible.value = false;
261
- }
262
- };
263
- var handleMinTimePick = function handleMinTimePick(value, visible, first) {
264
- if (timeUserInput.value.min) return;
265
- if (value) {
266
- leftDate.value = value;
267
- leftDate.value = (leftDate.value || leftDate.value).hour(value.hour()).minute(value.minute()).second(value.second());
268
- }
269
- if (!first) {
270
- minTimePickerVisible.value = visible;
271
- }
272
- if (!rightDate.value || rightDate.value.isBefore(leftDate.value)) {
273
- rightDate.value = leftDate.value;
274
- rightDate.value = value;
275
- }
276
- };
277
- var handleMaxTimePick = function handleMaxTimePick(value, visible, first) {
278
- if (timeUserInput.value.max) return;
279
- if (value) {
280
- rightDate.value = value;
281
- rightDate.value = (rightDate.value || rightDate.value).hour(value.hour()).minute(value.minute()).second(value.second());
282
- }
283
- if (!first) {
284
- maxTimePickerVisible.value = visible;
285
- }
286
- if (rightDate.value && rightDate.value.isBefore(leftDate.value)) {
287
- leftDate.value = rightDate.value;
288
- }
289
- };
290
- var handleClear = function handleClear() {
291
- leftDate.value = getDefaultValue(unref(defaultValue), {
292
- lang: unref(lang),
293
- unit: 'month',
294
- unlinkPanels: props.unlinkPanels
295
- })[0];
296
- rightDate.value = leftDate.value.add(1, 'month');
297
- emit('pick', null);
298
- };
299
- var formatToString = function formatToString(value) {
300
- return isArray(value) ? value.map(function (_) {
301
- return _.format(format);
302
- }) : value.format(format);
303
- };
304
- var parseUserInput = function parseUserInput(value) {
305
- return isArray(value) ? value.map(function (_) {
306
- return dayjs(_, format).locale(lang.value);
307
- }) : dayjs(value, format).locale(lang.value);
308
- };
309
- emit('set-picker-option', ['isValidValue', isValidRange]);
310
- emit('set-picker-option', ['parseUserInput', parseUserInput]);
311
- emit('set-picker-option', ['formatToString', formatToString]);
312
- emit('set-picker-option', ['handleClear', handleClear]);
313
- return function (_ctx, _cache) {
314
- var _component_el_input = resolveComponent("el-input");
315
- var _component_el_icon = resolveComponent("el-icon");
316
- var _component_el_button = resolveComponent("el-button");
317
- return openBlock(), createElementBlock("div", {
318
- "class": normalizeClass([unref(ppNs).b(), unref(drpNs).b(), {
319
- 'has-sidebar': _ctx.$slots.sidebar || hasShortcuts.value,
320
- 'has-time': showTime.value
321
- }])
322
- }, [createElementVNode("div", {
323
- "class": normalizeClass(unref(ppNs).e('body-wrapper'))
324
- }, [renderSlot(_ctx.$slots, "sidebar", {
325
- "class": normalizeClass(unref(ppNs).e('sidebar'))
326
- }), hasShortcuts.value ? (openBlock(), createElementBlock("div", {
327
- key: 0,
328
- "class": normalizeClass(unref(ppNs).e('sidebar'))
329
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, function (shortcut, key) {
330
- return openBlock(), createElementBlock("button", {
331
- key: key,
332
- type: "button",
333
- "class": normalizeClass(unref(ppNs).e('shortcut')),
334
- onClick: function onClick($event) {
335
- return unref(handleShortcutClick)(shortcut);
336
- }
337
- }, toDisplayString(shortcut.text), 11, _hoisted_1);
338
- }), 128))], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
339
- "class": normalizeClass(unref(ppNs).e('body'))
340
- }, [showTime.value ? (openBlock(), createElementBlock("div", {
341
- key: 0,
342
- "class": normalizeClass(unref(drpNs).e('time-header'))
343
- }, [createElementVNode("span", {
344
- "class": normalizeClass(unref(drpNs).e('editors-wrap'))
345
- }, [createElementVNode("span", {
346
- "class": normalizeClass(unref(drpNs).e('time-picker-wrap'))
347
- }, [createVNode(_component_el_input, {
348
- size: "small",
349
- disabled: unref(rangeState).selecting,
350
- placeholder: unref(t)('el.datepicker.startDate'),
351
- "class": normalizeClass(unref(drpNs).e('editor')),
352
- "model-value": minVisibleDate.value,
353
- "validate-event": false,
354
- onInput: _cache[0] || (_cache[0] = function (val) {
355
- return handleDateInput(val, 'min');
356
- }),
357
- onChange: _cache[1] || (_cache[1] = function (val) {
358
- return handleDateChange(val, 'min');
359
- })
360
- }, null, 8, ["disabled", "placeholder", "class", "model-value"])], 2), withDirectives((openBlock(), createElementBlock("span", {
361
- "class": normalizeClass(unref(drpNs).e('time-picker-wrap'))
362
- }, [createVNode(_component_el_input, {
363
- size: "small",
364
- "class": normalizeClass(unref(drpNs).e('editor')),
365
- disabled: unref(rangeState).selecting,
366
- placeholder: unref(t)('el.datepicker.startTime'),
367
- "model-value": minVisibleTime.value,
368
- "validate-event": false,
369
- onFocus: _cache[2] || (_cache[2] = function ($event) {
370
- return minTimePickerVisible.value = true;
371
- }),
372
- onInput: _cache[3] || (_cache[3] = function (val) {
373
- return handleTimeInput(val, 'min');
374
- }),
375
- onChange: _cache[4] || (_cache[4] = function (val) {
376
- return handleTimeChange(val, 'min');
377
- })
378
- }, null, 8, ["class", "disabled", "placeholder", "model-value"]), createVNode(unref(TimePickPanel), {
379
- visible: minTimePickerVisible.value,
380
- format: timeFormat.value,
381
- "datetime-role": "start",
382
- "time-arrow-control": unref(arrowControl),
383
- "parsed-value": leftDate.value,
384
- onPick: handleMinTimePick
385
- }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])], 2)), [[unref(ClickOutside), handleMinTimeClose]])], 2), createElementVNode("span", null, [createVNode(_component_el_icon, null, {
386
- "default": withCtx(function () {
387
- return [createVNode(unref(ArrowRight))];
388
- }),
389
- _: 1
390
- })]), createElementVNode("span", {
391
- "class": normalizeClass([unref(drpNs).e('editors-wrap'), "is-right"])
392
- }, [createElementVNode("span", {
393
- "class": normalizeClass(unref(drpNs).e('time-picker-wrap'))
394
- }, [createVNode(_component_el_input, {
395
- size: "small",
396
- "class": normalizeClass(unref(drpNs).e('editor')),
397
- disabled: unref(rangeState).selecting,
398
- placeholder: unref(t)('el.datepicker.endDate'),
399
- "model-value": maxVisibleDate.value,
400
- readonly: !leftDate.value,
401
- "validate-event": false,
402
- onInput: _cache[5] || (_cache[5] = function (val) {
403
- return handleDateInput(val, 'max');
404
- }),
405
- onChange: _cache[6] || (_cache[6] = function (val) {
406
- return handleDateChange(val, 'max');
407
- })
408
- }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"])], 2), withDirectives((openBlock(), createElementBlock("span", {
409
- "class": normalizeClass(unref(drpNs).e('time-picker-wrap'))
410
- }, [createVNode(_component_el_input, {
411
- size: "small",
412
- "class": normalizeClass(unref(drpNs).e('editor')),
413
- disabled: unref(rangeState).selecting,
414
- placeholder: unref(t)('el.datepicker.endTime'),
415
- "model-value": maxVisibleTime.value,
416
- readonly: !leftDate.value,
417
- "validate-event": false,
418
- onFocus: _cache[7] || (_cache[7] = function ($event) {
419
- return leftDate.value && (maxTimePickerVisible.value = true);
420
- }),
421
- onInput: _cache[8] || (_cache[8] = function (val) {
422
- return handleTimeInput(val, 'max');
423
- }),
424
- onChange: _cache[9] || (_cache[9] = function (val) {
425
- return handleTimeChange(val, 'max');
426
- })
427
- }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]), createVNode(unref(TimePickPanel), {
428
- "datetime-role": "end",
429
- visible: maxTimePickerVisible.value,
430
- format: timeFormat.value,
431
- "time-arrow-control": unref(arrowControl),
432
- "parsed-value": rightDate.value,
433
- onPick: handleMaxTimePick
434
- }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])], 2)), [[unref(ClickOutside), handleMaxTimeClose]])], 2)], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
435
- "class": normalizeClass([[unref(ppNs).e('content'), unref(drpNs).e('content')], "is-left"])
436
- }, [createElementVNode("div", {
437
- "class": normalizeClass(unref(drpNs).e('header'))
438
- }, [createElementVNode("button", {
439
- type: "button",
440
- "class": normalizeClass([unref(ppNs).e('icon-btn'), "d-arrow-left"]),
441
- onClick: leftPrevYear
442
- }, [createVNode(_component_el_icon, null, {
443
- "default": withCtx(function () {
444
- return [createVNode(unref(DArrowLeft))];
445
- }),
446
- _: 1
447
- })], 2), createElementVNode("button", {
448
- type: "button",
449
- "class": normalizeClass([unref(ppNs).e('icon-btn'), "arrow-left"]),
450
- onClick: leftPrevMonth
451
- }, [createVNode(_component_el_icon, null, {
452
- "default": withCtx(function () {
453
- return [createVNode(unref(ArrowLeft))];
454
- }),
455
- _: 1
456
- })], 2), __props.unlinkPanels ? (openBlock(), createElementBlock("button", {
457
- key: 0,
458
- type: "button",
459
- disabled: !enableYearArrow.value,
460
- "class": normalizeClass([[unref(ppNs).e('icon-btn'), {
461
- 'is-disabled': !enableYearArrow.value
462
- }], "d-arrow-right"]),
463
- onClick: leftNextYear
464
- }, [createVNode(_component_el_icon, null, {
465
- "default": withCtx(function () {
466
- return [createVNode(unref(DArrowRight))];
467
- }),
468
- _: 1
469
- })], 10, _hoisted_2)) : createCommentVNode("v-if", true), __props.unlinkPanels ? (openBlock(), createElementBlock("button", {
470
- key: 1,
471
- type: "button",
472
- disabled: !enableMonthArrow.value,
473
- "class": normalizeClass([[unref(ppNs).e('icon-btn'), {
474
- 'is-disabled': !enableMonthArrow.value
475
- }], "arrow-right"]),
476
- onClick: leftNextMonth
477
- }, [createVNode(_component_el_icon, null, {
478
- "default": withCtx(function () {
479
- return [createVNode(unref(ArrowRight))];
480
- }),
481
- _: 1
482
- })], 10, _hoisted_3)) : createCommentVNode("v-if", true), createElementVNode("div", null, toDisplayString(leftLabel.value), 1)], 2), createVNode(unref(DateTable), {
483
- date: leftDate.value,
484
- "parsed-value": parsedValue.value[0],
485
- "disabled-date": unref(leftDisableDate),
486
- "cell-class-name": unref(cellClassName),
487
- onPick: _cache[10] || (_cache[10] = function ($event) {
488
- return handleRangePick($event, 1);
489
- }),
490
- onSelect: unref(onSelect)
491
- }, null, 8, ["date", "parsed-value", "disabled-date", "cell-class-name", "onSelect"])], 2), createElementVNode("div", {
492
- "class": normalizeClass([[unref(ppNs).e('content'), unref(drpNs).e('content')], "is-right"])
493
- }, [createElementVNode("div", {
494
- "class": normalizeClass(unref(drpNs).e('header'))
495
- }, [__props.unlinkPanels ? (openBlock(), createElementBlock("button", {
496
- key: 0,
497
- type: "button",
498
- disabled: !enableYearArrow.value,
499
- "class": normalizeClass([[unref(ppNs).e('icon-btn'), {
500
- 'is-disabled': !enableYearArrow.value
501
- }], "d-arrow-left"]),
502
- onClick: rightPrevYear
503
- }, [createVNode(_component_el_icon, null, {
504
- "default": withCtx(function () {
505
- return [createVNode(unref(DArrowLeft))];
506
- }),
507
- _: 1
508
- })], 10, _hoisted_4)) : createCommentVNode("v-if", true), __props.unlinkPanels ? (openBlock(), createElementBlock("button", {
509
- key: 1,
510
- type: "button",
511
- disabled: !enableMonthArrow.value,
512
- "class": normalizeClass([[unref(ppNs).e('icon-btn'), {
513
- 'is-disabled': !enableMonthArrow.value
514
- }], "arrow-left"]),
515
- onClick: rightPrevMonth
516
- }, [createVNode(_component_el_icon, null, {
517
- "default": withCtx(function () {
518
- return [createVNode(unref(ArrowLeft))];
519
- }),
520
- _: 1
521
- })], 10, _hoisted_5)) : createCommentVNode("v-if", true), createElementVNode("button", {
522
- type: "button",
523
- "class": normalizeClass([unref(ppNs).e('icon-btn'), "d-arrow-right"]),
524
- onClick: rightNextYear
525
- }, [createVNode(_component_el_icon, null, {
526
- "default": withCtx(function () {
527
- return [createVNode(unref(DArrowRight))];
528
- }),
529
- _: 1
530
- })], 2), createElementVNode("button", {
531
- type: "button",
532
- "class": normalizeClass([unref(ppNs).e('icon-btn'), "arrow-right"]),
533
- onClick: rightNextMonth
534
- }, [createVNode(_component_el_icon, null, {
535
- "default": withCtx(function () {
536
- return [createVNode(unref(ArrowRight))];
537
- }),
538
- _: 1
539
- })], 2), createElementVNode("div", null, toDisplayString(rightLabel.value), 1)], 2), createVNode(unref(DateTable), {
540
- date: rightDate.value,
541
- "parsed-value": parsedValue.value[1],
542
- "disabled-date": unref(rightDisableDate),
543
- "cell-class-name": unref(cellClassName),
544
- onPick: _cache[11] || (_cache[11] = function ($event) {
545
- return handleRangePick($event, 2);
546
- }),
547
- onSelect: unref(onSelect)
548
- }, null, 8, ["date", "parsed-value", "disabled-date", "cell-class-name", "onSelect"])], 2)], 2)], 2), createElementVNode("div", _hoisted_6, [createCommentVNode(" <el-button @click=\"closePanel\" size=\"small\">{{ t('el.datepicker.clear') }}</el-button>"), createVNode(_component_el_button, {
549
- type: "primary",
550
- onClick: _cache[12] || (_cache[12] = function ($event) {
551
- return unref(handleRangeConfirm)();
552
- }),
553
- size: "small"
554
- }, {
555
- "default": withCtx(function () {
556
- return [createTextVNode(toDisplayString(unref(t)('el.datepicker.confirm')), 1)];
557
- }),
558
- _: 1
559
- })])], 2);
560
- };
561
- }
562
- });
563
-
564
- export { script as default };
@@ -1,16 +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, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
8
- unlinkPanels: BooleanConstructor;
9
- visible: BooleanConstructor;
10
- parsedValue: any;
11
- }>> & Readonly<{
12
- [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
13
- }>, {
14
- [x: string]: unknown;
15
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
- export default _default;
@@ -1,5 +0,0 @@
1
- import script from './panel-month-range.vue2.js';
2
-
3
- script.__file = "src/components/DatePicker/src/date-picker-com/panel-month-range.vue";
4
-
5
- export { script as default };