zmdms-webui 0.0.1
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/README.md +104 -0
- package/dist/es/_virtual/_commonjsHelpers.js +5 -0
- package/dist/es/_virtual/_tslib.js +51 -0
- package/dist/es/_virtual/index.js +3 -0
- package/dist/es/_virtual/index2.js +3 -0
- package/dist/es/button/button.d.ts +10 -0
- package/dist/es/button/button.js +39 -0
- package/dist/es/button/index.d.ts +5 -0
- package/dist/es/button/index.js +5 -0
- package/dist/es/calendar/index.d.ts +6 -0
- package/dist/es/calendar/index.js +6 -0
- package/dist/es/config/ZtxkContext.d.ts +11 -0
- package/dist/es/config/ZtxkContext.js +8 -0
- package/dist/es/config/commonHooks.js +28 -0
- package/dist/es/config/i18n/en.js +5 -0
- package/dist/es/config/i18n/zh_cn.js +5 -0
- package/dist/es/config/index.js +3 -0
- package/dist/es/config/isEqual.js +44 -0
- package/dist/es/config/useLocale.js +21 -0
- package/dist/es/container/container.d.ts +13 -0
- package/dist/es/container/container.js +24 -0
- package/dist/es/container/index.d.ts +5 -0
- package/dist/es/container/index.js +5 -0
- package/dist/es/datepicker/index.d.ts +55 -0
- package/dist/es/datepicker/index.js +6 -0
- package/dist/es/dynamicsetting/dynamicDrawer.js +76 -0
- package/dist/es/dynamicsetting/dynamicSetting.d.ts +6 -0
- package/dist/es/dynamicsetting/dynamicSetting.js +38 -0
- package/dist/es/dynamicsetting/hooks.js +50 -0
- package/dist/es/dynamicsetting/index.d.ts +5 -0
- package/dist/es/dynamicsetting/index.js +5 -0
- package/dist/es/dynamicsetting/interface.d.ts +18 -0
- package/dist/es/dynamicsetting/sortable.js +68 -0
- package/dist/es/dynamicsetting/useDynamic.js +125 -0
- package/dist/es/footer/footer.d.ts +6 -0
- package/dist/es/footer/footer.js +37 -0
- package/dist/es/footer/index.d.ts +5 -0
- package/dist/es/footer/index.js +5 -0
- package/dist/es/footer/interface.d.ts +33 -0
- package/dist/es/forgetpassword/forgetPassword.js +9 -0
- package/dist/es/forgetpassword/index.js +5 -0
- package/dist/es/form/form.d.ts +16 -0
- package/dist/es/form/form.js +89 -0
- package/dist/es/form/formItems.js +14 -0
- package/dist/es/form/hooks.js +105 -0
- package/dist/es/form/index.d.ts +5 -0
- package/dist/es/form/index.js +5 -0
- package/dist/es/form/interface.d.ts +39 -0
- package/dist/es/formitem/formItem.d.ts +43 -0
- package/dist/es/formitem/formItem.js +128 -0
- package/dist/es/formitem/index.d.ts +5 -0
- package/dist/es/formitem/index.js +5 -0
- package/dist/es/icon/index.d.ts +6 -0
- package/dist/es/icon/index.js +7 -0
- package/dist/es/input/index.d.ts +5 -0
- package/dist/es/input/index.js +5 -0
- package/dist/es/input/input.d.ts +20 -0
- package/dist/es/input/input.js +16 -0
- package/dist/es/inputnumber/index.d.ts +5 -0
- package/dist/es/inputnumber/index.js +5 -0
- package/dist/es/inputnumber/inputNumber.d.ts +20 -0
- package/dist/es/inputnumber/inputNumber.js +26 -0
- package/dist/es/inputnumber/interface.d.ts +4 -0
- package/dist/es/inputnumber/utils.js +132 -0
- package/dist/es/login/index.d.ts +13 -0
- package/dist/es/login/index.js +26 -0
- package/dist/es/node_modules/@ant-design/colors/dist/index.esm.js +223 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/AntdIcon.js +63 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/Context.js +6 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/Icon.js +69 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/IconBase.js +63 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/IconFont.js +71 -0
- package/dist/es/node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js +23 -0
- package/dist/es/node_modules/@ant-design/icons/es/icons/SettingOutlined.js +15 -0
- package/dist/es/node_modules/@ant-design/icons/es/utils.js +76 -0
- package/dist/es/node_modules/@ant-design/icons-svg/es/asn/SettingOutlined.js +5 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +7 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +5 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/defineProperty.js +18 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +29 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +5 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +25 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +19 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +14 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +10 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +14 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +9 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/typeof.js +11 -0
- package/dist/es/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +12 -0
- package/dist/es/node_modules/@ctrl/tinycolor/dist/module/conversion.js +150 -0
- package/dist/es/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js +156 -0
- package/dist/es/node_modules/@ctrl/tinycolor/dist/module/format-input.js +186 -0
- package/dist/es/node_modules/@ctrl/tinycolor/dist/module/util.js +77 -0
- package/dist/es/node_modules/@react-dnd/asap/dist/AsapQueue.js +140 -0
- package/dist/es/node_modules/@react-dnd/asap/dist/RawTask.js +20 -0
- package/dist/es/node_modules/@react-dnd/asap/dist/TaskFactory.js +17 -0
- package/dist/es/node_modules/@react-dnd/asap/dist/asap.js +17 -0
- package/dist/es/node_modules/@react-dnd/asap/dist/makeRequestCall.js +77 -0
- package/dist/es/node_modules/@react-dnd/invariant/dist/index.js +36 -0
- package/dist/es/node_modules/@react-dnd/shallowequal/dist/index.js +34 -0
- package/dist/es/node_modules/classnames/index.js +64 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/beginDrag.js +85 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/drop.js +74 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/endDrag.js +24 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/hover.js +57 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/index.js +17 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/local/setClientOffset.js +13 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/publishDragSource.js +15 -0
- package/dist/es/node_modules/dnd-core/dist/actions/dragDrop/types.js +8 -0
- package/dist/es/node_modules/dnd-core/dist/actions/registry.js +38 -0
- package/dist/es/node_modules/dnd-core/dist/classes/DragDropManagerImpl.js +57 -0
- package/dist/es/node_modules/dnd-core/dist/classes/DragDropMonitorImpl.js +153 -0
- package/dist/es/node_modules/dnd-core/dist/classes/HandlerRegistryImpl.js +130 -0
- package/dist/es/node_modules/dnd-core/dist/contracts.js +22 -0
- package/dist/es/node_modules/dnd-core/dist/createDragDropManager.js +25 -0
- package/dist/es/node_modules/dnd-core/dist/interfaces.js +7 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/dirtyHandlerIds.js +45 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/dragOffset.js +62 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/dragOperation.js +90 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/index.js +51 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/refCount.js +16 -0
- package/dist/es/node_modules/dnd-core/dist/reducers/stateId.js +5 -0
- package/dist/es/node_modules/dnd-core/dist/utils/coords.js +47 -0
- package/dist/es/node_modules/dnd-core/dist/utils/dirtiness.js +23 -0
- package/dist/es/node_modules/dnd-core/dist/utils/equality.js +32 -0
- package/dist/es/node_modules/dnd-core/dist/utils/getNextUniqueId.js +6 -0
- package/dist/es/node_modules/dnd-core/dist/utils/js_utils.js +51 -0
- package/dist/es/node_modules/dnd-core/dist/utils/matchesType.js +9 -0
- package/dist/es/node_modules/fast-deep-equal/index.js +50 -0
- package/dist/es/node_modules/immutability-helper/index.js +259 -0
- package/dist/es/node_modules/rc-picker/es/generate/dayjs.js +219 -0
- package/dist/es/node_modules/rc-util/es/Dom/canUseDom.js +5 -0
- package/dist/es/node_modules/rc-util/es/Dom/contains.js +22 -0
- package/dist/es/node_modules/rc-util/es/Dom/dynamicCSS.js +116 -0
- package/dist/es/node_modules/rc-util/es/warning.js +54 -0
- package/dist/es/node_modules/react-dnd/dist/core/DndContext.js +9 -0
- package/dist/es/node_modules/react-dnd/dist/core/DndProvider.js +92 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useCollectedProps.js +9 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useCollector.js +38 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/DragSourceImpl.js +49 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/connectors.js +16 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useDrag.js +26 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useDragSource.js +18 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceConnector.js +33 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceMonitor.js +13 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useDragType.js +14 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrag/useRegisteredDragSource.js +28 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDragDropManager.js +13 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/DropTargetImpl.js +28 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/connectors.js +10 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useAccept.js +20 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useDrop.js +23 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useDropTarget.js +17 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useDropTargetConnector.js +23 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useDropTargetMonitor.js +13 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useDrop/useRegisteredDropTarget.js +26 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useMonitorOutput.js +23 -0
- package/dist/es/node_modules/react-dnd/dist/hooks/useOptionalFactory.js +15 -0
- package/dist/es/node_modules/react-dnd/dist/internals/DragSourceMonitorImpl.js +93 -0
- package/dist/es/node_modules/react-dnd/dist/internals/DropTargetMonitorImpl.js +68 -0
- package/dist/es/node_modules/react-dnd/dist/internals/SourceConnector.js +157 -0
- package/dist/es/node_modules/react-dnd/dist/internals/TargetConnector.js +89 -0
- package/dist/es/node_modules/react-dnd/dist/internals/isRef.js +6 -0
- package/dist/es/node_modules/react-dnd/dist/internals/registration.js +18 -0
- package/dist/es/node_modules/react-dnd/dist/internals/wrapConnectorHooks.js +74 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/BrowserDetector.js +8 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/EnterLeaveCounter.js +27 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/HTML5BackendImpl.js +572 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/MonotonicInterpolant.js +86 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/NativeDragSources/NativeDragSource.js +50 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/NativeDragSources/getDataFromDataTransfer.js +7 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/NativeDragSources/index.js +28 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/NativeDragSources/nativeTypesConfig.js +52 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/NativeTypes.js +6 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/OffsetUtils.js +100 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/OptionsReader.js +31 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/index.js +7 -0
- package/dist/es/node_modules/react-dnd-html5-backend/dist/utils/js_utils.js +30 -0
- package/dist/es/node_modules/redux/es/redux.js +383 -0
- package/dist/es/pagination/index.d.ts +5 -0
- package/dist/es/pagination/index.js +5 -0
- package/dist/es/pagination/pagination.d.ts +8 -0
- package/dist/es/pagination/pagination.js +12 -0
- package/dist/es/protectedroute/index.d.ts +14 -0
- package/dist/es/protectedroute/index.js +17 -0
- package/dist/es/suspensecomponent/index.d.ts +9 -0
- package/dist/es/suspensecomponent/index.js +10 -0
- package/dist/es/table/components/CopyIcon.js +10 -0
- package/dist/es/table/components/EnhanceCell.js +48 -0
- package/dist/es/table/components/EnhanceRow.js +11 -0
- package/dist/es/table/components/hooks.js +24 -0
- package/dist/es/table/constant.js +3 -0
- package/dist/es/table/hooks.js +24 -0
- package/dist/es/table/index.d.ts +5 -0
- package/dist/es/table/index.js +5 -0
- package/dist/es/table/interface.d.ts +43 -0
- package/dist/es/table/table.d.ts +5 -0
- package/dist/es/table/table.js +60 -0
- package/dist/es/table/useColumns.js +48 -0
- package/dist/es/table/useDynamicListByColumns.js +47 -0
- package/dist/es/table/utils.js +82 -0
- package/dist/es/timepicker/index.d.ts +9 -0
- package/dist/es/timepicker/index.js +11 -0
- package/dist/index.build.d.ts +19 -0
- package/dist/index.dark.css +2 -0
- package/dist/index.default.css +2 -0
- package/dist/index.es.js +19 -0
- package/dist/index.umd.js +6 -0
- package/package.json +103 -0
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import { noteOnce } from '../../../rc-util/es/warning.js';
|
|
3
|
+
import weekday from 'dayjs/plugin/weekday';
|
|
4
|
+
import localeData from 'dayjs/plugin/localeData';
|
|
5
|
+
import weekOfYear from 'dayjs/plugin/weekOfYear';
|
|
6
|
+
import weekYear from 'dayjs/plugin/weekYear';
|
|
7
|
+
import advancedFormat from 'dayjs/plugin/advancedFormat';
|
|
8
|
+
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
9
|
+
|
|
10
|
+
dayjs.extend(customParseFormat);
|
|
11
|
+
dayjs.extend(advancedFormat);
|
|
12
|
+
dayjs.extend(weekday);
|
|
13
|
+
dayjs.extend(localeData);
|
|
14
|
+
dayjs.extend(weekOfYear);
|
|
15
|
+
dayjs.extend(weekYear);
|
|
16
|
+
dayjs.extend(function (o, c) {
|
|
17
|
+
// todo support Wo (ISO week)
|
|
18
|
+
var proto = c.prototype;
|
|
19
|
+
var oldFormat = proto.format;
|
|
20
|
+
proto.format = function f(formatStr) {
|
|
21
|
+
var str = (formatStr || '').replace('Wo', 'wo');
|
|
22
|
+
return oldFormat.bind(this)(str);
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
var localeMap = {
|
|
26
|
+
// ar_EG:
|
|
27
|
+
// az_AZ:
|
|
28
|
+
// bg_BG:
|
|
29
|
+
bn_BD: 'bn-bd',
|
|
30
|
+
by_BY: 'be',
|
|
31
|
+
// ca_ES:
|
|
32
|
+
// cs_CZ:
|
|
33
|
+
// da_DK:
|
|
34
|
+
// de_DE:
|
|
35
|
+
// el_GR:
|
|
36
|
+
en_GB: 'en-gb',
|
|
37
|
+
en_US: 'en',
|
|
38
|
+
// es_ES:
|
|
39
|
+
// et_EE:
|
|
40
|
+
// fa_IR:
|
|
41
|
+
// fi_FI:
|
|
42
|
+
fr_BE: 'fr',
|
|
43
|
+
fr_CA: 'fr-ca',
|
|
44
|
+
// fr_FR:
|
|
45
|
+
// ga_IE:
|
|
46
|
+
// gl_ES:
|
|
47
|
+
// he_IL:
|
|
48
|
+
// hi_IN:
|
|
49
|
+
// hr_HR:
|
|
50
|
+
// hu_HU:
|
|
51
|
+
hy_AM: 'hy-am',
|
|
52
|
+
// id_ID:
|
|
53
|
+
// is_IS:
|
|
54
|
+
// it_IT:
|
|
55
|
+
// ja_JP:
|
|
56
|
+
// ka_GE:
|
|
57
|
+
// kk_KZ:
|
|
58
|
+
// km_KH:
|
|
59
|
+
kmr_IQ: 'ku',
|
|
60
|
+
// kn_IN:
|
|
61
|
+
// ko_KR:
|
|
62
|
+
// ku_IQ: // previous ku in antd
|
|
63
|
+
// lt_LT:
|
|
64
|
+
// lv_LV:
|
|
65
|
+
// mk_MK:
|
|
66
|
+
// ml_IN:
|
|
67
|
+
// mn_MN:
|
|
68
|
+
// ms_MY:
|
|
69
|
+
// nb_NO:
|
|
70
|
+
// ne_NP:
|
|
71
|
+
nl_BE: 'nl-be',
|
|
72
|
+
// nl_NL:
|
|
73
|
+
// pl_PL:
|
|
74
|
+
pt_BR: 'pt-br',
|
|
75
|
+
// pt_PT:
|
|
76
|
+
// ro_RO:
|
|
77
|
+
// ru_RU:
|
|
78
|
+
// sk_SK:
|
|
79
|
+
// sl_SI:
|
|
80
|
+
// sr_RS:
|
|
81
|
+
// sv_SE:
|
|
82
|
+
// ta_IN:
|
|
83
|
+
// th_TH:
|
|
84
|
+
// tr_TR:
|
|
85
|
+
// uk_UA:
|
|
86
|
+
// ur_PK:
|
|
87
|
+
// vi_VN:
|
|
88
|
+
zh_CN: 'zh-cn',
|
|
89
|
+
zh_HK: 'zh-hk',
|
|
90
|
+
zh_TW: 'zh-tw'
|
|
91
|
+
};
|
|
92
|
+
var parseLocale = function parseLocale(locale) {
|
|
93
|
+
var mapLocale = localeMap[locale];
|
|
94
|
+
return mapLocale || locale.split('_')[0];
|
|
95
|
+
};
|
|
96
|
+
var parseNoMatchNotice = function parseNoMatchNotice() {
|
|
97
|
+
/* istanbul ignore next */
|
|
98
|
+
noteOnce(false, 'Not match any format. Please help to fire a issue about this.');
|
|
99
|
+
};
|
|
100
|
+
var generateConfig = {
|
|
101
|
+
// get
|
|
102
|
+
getNow: function getNow() {
|
|
103
|
+
return dayjs();
|
|
104
|
+
},
|
|
105
|
+
getFixedDate: function getFixedDate(string) {
|
|
106
|
+
return dayjs(string, ['YYYY-M-DD', 'YYYY-MM-DD']);
|
|
107
|
+
},
|
|
108
|
+
getEndDate: function getEndDate(date) {
|
|
109
|
+
return date.endOf('month');
|
|
110
|
+
},
|
|
111
|
+
getWeekDay: function getWeekDay(date) {
|
|
112
|
+
var clone = date.locale('en');
|
|
113
|
+
return clone.weekday() + clone.localeData().firstDayOfWeek();
|
|
114
|
+
},
|
|
115
|
+
getYear: function getYear(date) {
|
|
116
|
+
return date.year();
|
|
117
|
+
},
|
|
118
|
+
getMonth: function getMonth(date) {
|
|
119
|
+
return date.month();
|
|
120
|
+
},
|
|
121
|
+
getDate: function getDate(date) {
|
|
122
|
+
return date.date();
|
|
123
|
+
},
|
|
124
|
+
getHour: function getHour(date) {
|
|
125
|
+
return date.hour();
|
|
126
|
+
},
|
|
127
|
+
getMinute: function getMinute(date) {
|
|
128
|
+
return date.minute();
|
|
129
|
+
},
|
|
130
|
+
getSecond: function getSecond(date) {
|
|
131
|
+
return date.second();
|
|
132
|
+
},
|
|
133
|
+
// set
|
|
134
|
+
addYear: function addYear(date, diff) {
|
|
135
|
+
return date.add(diff, 'year');
|
|
136
|
+
},
|
|
137
|
+
addMonth: function addMonth(date, diff) {
|
|
138
|
+
return date.add(diff, 'month');
|
|
139
|
+
},
|
|
140
|
+
addDate: function addDate(date, diff) {
|
|
141
|
+
return date.add(diff, 'day');
|
|
142
|
+
},
|
|
143
|
+
setYear: function setYear(date, year) {
|
|
144
|
+
return date.year(year);
|
|
145
|
+
},
|
|
146
|
+
setMonth: function setMonth(date, month) {
|
|
147
|
+
return date.month(month);
|
|
148
|
+
},
|
|
149
|
+
setDate: function setDate(date, num) {
|
|
150
|
+
return date.date(num);
|
|
151
|
+
},
|
|
152
|
+
setHour: function setHour(date, hour) {
|
|
153
|
+
return date.hour(hour);
|
|
154
|
+
},
|
|
155
|
+
setMinute: function setMinute(date, minute) {
|
|
156
|
+
return date.minute(minute);
|
|
157
|
+
},
|
|
158
|
+
setSecond: function setSecond(date, second) {
|
|
159
|
+
return date.second(second);
|
|
160
|
+
},
|
|
161
|
+
// Compare
|
|
162
|
+
isAfter: function isAfter(date1, date2) {
|
|
163
|
+
return date1.isAfter(date2);
|
|
164
|
+
},
|
|
165
|
+
isValidate: function isValidate(date) {
|
|
166
|
+
return date.isValid();
|
|
167
|
+
},
|
|
168
|
+
locale: {
|
|
169
|
+
getWeekFirstDay: function getWeekFirstDay(locale) {
|
|
170
|
+
return dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek();
|
|
171
|
+
},
|
|
172
|
+
getWeekFirstDate: function getWeekFirstDate(locale, date) {
|
|
173
|
+
return date.locale(parseLocale(locale)).weekday(0);
|
|
174
|
+
},
|
|
175
|
+
getWeek: function getWeek(locale, date) {
|
|
176
|
+
return date.locale(parseLocale(locale)).week();
|
|
177
|
+
},
|
|
178
|
+
getShortWeekDays: function getShortWeekDays(locale) {
|
|
179
|
+
return dayjs().locale(parseLocale(locale)).localeData().weekdaysMin();
|
|
180
|
+
},
|
|
181
|
+
getShortMonths: function getShortMonths(locale) {
|
|
182
|
+
return dayjs().locale(parseLocale(locale)).localeData().monthsShort();
|
|
183
|
+
},
|
|
184
|
+
format: function format(locale, date, _format) {
|
|
185
|
+
return date.locale(parseLocale(locale)).format(_format);
|
|
186
|
+
},
|
|
187
|
+
parse: function parse(locale, text, formats) {
|
|
188
|
+
var localeStr = parseLocale(locale);
|
|
189
|
+
for (var i = 0; i < formats.length; i += 1) {
|
|
190
|
+
var format = formats[i];
|
|
191
|
+
var formatText = text;
|
|
192
|
+
if (format.includes('wo') || format.includes('Wo')) {
|
|
193
|
+
// parse Wo
|
|
194
|
+
var year = formatText.split('-')[0];
|
|
195
|
+
var weekStr = formatText.split('-')[1];
|
|
196
|
+
var firstWeek = dayjs(year, 'YYYY').startOf('year').locale(localeStr);
|
|
197
|
+
for (var j = 0; j <= 52; j += 1) {
|
|
198
|
+
var nextWeek = firstWeek.add(j, 'week');
|
|
199
|
+
if (nextWeek.format('Wo') === weekStr) {
|
|
200
|
+
return nextWeek;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
parseNoMatchNotice();
|
|
204
|
+
return null;
|
|
205
|
+
}
|
|
206
|
+
var date = dayjs(formatText, format).locale(localeStr);
|
|
207
|
+
if (date.isValid()) {
|
|
208
|
+
return date;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
if (text) {
|
|
212
|
+
parseNoMatchNotice();
|
|
213
|
+
}
|
|
214
|
+
return null;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
export { generateConfig as default };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
function contains(root, n) {
|
|
2
|
+
if (!root) {
|
|
3
|
+
return false;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
// Use native if support
|
|
7
|
+
if (root.contains) {
|
|
8
|
+
return root.contains(n);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
// `document.contains` not support with IE11
|
|
12
|
+
var node = n;
|
|
13
|
+
while (node) {
|
|
14
|
+
if (node === root) {
|
|
15
|
+
return true;
|
|
16
|
+
}
|
|
17
|
+
node = node.parentNode;
|
|
18
|
+
}
|
|
19
|
+
return false;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { contains as default };
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import canUseDom from './canUseDom.js';
|
|
2
|
+
import contains from './contains.js';
|
|
3
|
+
|
|
4
|
+
var APPEND_ORDER = 'data-rc-order';
|
|
5
|
+
var MARK_KEY = "rc-util-key";
|
|
6
|
+
var containerCache = new Map();
|
|
7
|
+
function getMark() {
|
|
8
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
9
|
+
mark = _ref.mark;
|
|
10
|
+
if (mark) {
|
|
11
|
+
return mark.startsWith('data-') ? mark : "data-".concat(mark);
|
|
12
|
+
}
|
|
13
|
+
return MARK_KEY;
|
|
14
|
+
}
|
|
15
|
+
function getContainer(option) {
|
|
16
|
+
if (option.attachTo) {
|
|
17
|
+
return option.attachTo;
|
|
18
|
+
}
|
|
19
|
+
var head = document.querySelector('head');
|
|
20
|
+
return head || document.body;
|
|
21
|
+
}
|
|
22
|
+
function getOrder(prepend) {
|
|
23
|
+
if (prepend === 'queue') {
|
|
24
|
+
return 'prependQueue';
|
|
25
|
+
}
|
|
26
|
+
return prepend ? 'prepend' : 'append';
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Find style which inject by rc-util
|
|
31
|
+
*/
|
|
32
|
+
function findStyles(container) {
|
|
33
|
+
return Array.from((containerCache.get(container) || container).children).filter(function (node) {
|
|
34
|
+
return node.tagName === 'STYLE';
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function injectCSS(css) {
|
|
38
|
+
var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
39
|
+
if (!canUseDom()) {
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
var csp = option.csp,
|
|
43
|
+
prepend = option.prepend;
|
|
44
|
+
var styleNode = document.createElement('style');
|
|
45
|
+
styleNode.setAttribute(APPEND_ORDER, getOrder(prepend));
|
|
46
|
+
if (csp !== null && csp !== void 0 && csp.nonce) {
|
|
47
|
+
styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
|
|
48
|
+
}
|
|
49
|
+
styleNode.innerHTML = css;
|
|
50
|
+
var container = getContainer(option);
|
|
51
|
+
var firstChild = container.firstChild;
|
|
52
|
+
if (prepend) {
|
|
53
|
+
// If is queue `prepend`, it will prepend first style and then append rest style
|
|
54
|
+
if (prepend === 'queue') {
|
|
55
|
+
var existStyle = findStyles(container).filter(function (node) {
|
|
56
|
+
return ['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER));
|
|
57
|
+
});
|
|
58
|
+
if (existStyle.length) {
|
|
59
|
+
container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
|
|
60
|
+
return styleNode;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Use `insertBefore` as `prepend`
|
|
65
|
+
container.insertBefore(styleNode, firstChild);
|
|
66
|
+
} else {
|
|
67
|
+
container.appendChild(styleNode);
|
|
68
|
+
}
|
|
69
|
+
return styleNode;
|
|
70
|
+
}
|
|
71
|
+
function findExistNode(key) {
|
|
72
|
+
var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
73
|
+
var container = getContainer(option);
|
|
74
|
+
return findStyles(container).find(function (node) {
|
|
75
|
+
return node.getAttribute(getMark(option)) === key;
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* qiankun will inject `appendChild` to insert into other
|
|
81
|
+
*/
|
|
82
|
+
function syncRealContainer(container, option) {
|
|
83
|
+
var cachedRealContainer = containerCache.get(container);
|
|
84
|
+
|
|
85
|
+
// Find real container when not cached or cached container removed
|
|
86
|
+
if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
|
|
87
|
+
var placeholderStyle = injectCSS('', option);
|
|
88
|
+
var parentNode = placeholderStyle.parentNode;
|
|
89
|
+
containerCache.set(container, parentNode);
|
|
90
|
+
container.removeChild(placeholderStyle);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
function updateCSS(css, key) {
|
|
94
|
+
var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
95
|
+
var container = getContainer(option);
|
|
96
|
+
|
|
97
|
+
// Sync real parent
|
|
98
|
+
syncRealContainer(container, option);
|
|
99
|
+
var existNode = findExistNode(key, option);
|
|
100
|
+
if (existNode) {
|
|
101
|
+
var _option$csp, _option$csp2;
|
|
102
|
+
if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
|
|
103
|
+
var _option$csp3;
|
|
104
|
+
existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
|
|
105
|
+
}
|
|
106
|
+
if (existNode.innerHTML !== css) {
|
|
107
|
+
existNode.innerHTML = css;
|
|
108
|
+
}
|
|
109
|
+
return existNode;
|
|
110
|
+
}
|
|
111
|
+
var newNode = injectCSS(css, option);
|
|
112
|
+
newNode.setAttribute(getMark(option), key);
|
|
113
|
+
return newNode;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export { injectCSS, updateCSS };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/* eslint-disable no-console */
|
|
2
|
+
var warned = {};
|
|
3
|
+
var preWarningFns = [];
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Pre warning enable you to parse content before console.error.
|
|
7
|
+
* Modify to null will prevent warning.
|
|
8
|
+
*/
|
|
9
|
+
var preMessage = function preMessage(fn) {
|
|
10
|
+
preWarningFns.push(fn);
|
|
11
|
+
};
|
|
12
|
+
function warning(valid, message) {
|
|
13
|
+
// Support uglify
|
|
14
|
+
if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
|
|
15
|
+
var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
|
|
16
|
+
return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');
|
|
17
|
+
}, message);
|
|
18
|
+
if (finalMessage) {
|
|
19
|
+
console.error("Warning: ".concat(finalMessage));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function note(valid, message) {
|
|
24
|
+
// Support uglify
|
|
25
|
+
if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
|
|
26
|
+
var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
|
|
27
|
+
return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');
|
|
28
|
+
}, message);
|
|
29
|
+
if (finalMessage) {
|
|
30
|
+
console.warn("Note: ".concat(finalMessage));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function resetWarned() {
|
|
35
|
+
warned = {};
|
|
36
|
+
}
|
|
37
|
+
function call(method, valid, message) {
|
|
38
|
+
if (!valid && !warned[message]) {
|
|
39
|
+
method(false, message);
|
|
40
|
+
warned[message] = true;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
function warningOnce(valid, message) {
|
|
44
|
+
call(warning, valid, message);
|
|
45
|
+
}
|
|
46
|
+
function noteOnce(valid, message) {
|
|
47
|
+
call(note, valid, message);
|
|
48
|
+
}
|
|
49
|
+
warningOnce.preMessage = preMessage;
|
|
50
|
+
warningOnce.resetWarned = resetWarned;
|
|
51
|
+
warningOnce.noteOnce = noteOnce;
|
|
52
|
+
/* eslint-enable */
|
|
53
|
+
|
|
54
|
+
export { call, warningOnce as default, note, noteOnce, preMessage, resetWarned, warning, warningOnce };
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { memo, useEffect } from 'react';
|
|
3
|
+
import { DndContext } from './DndContext.js';
|
|
4
|
+
import { createDragDropManager } from '../../../dnd-core/dist/createDragDropManager.js';
|
|
5
|
+
|
|
6
|
+
function _objectWithoutProperties(source, excluded) {
|
|
7
|
+
if (source == null) return {};
|
|
8
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
9
|
+
var key, i;
|
|
10
|
+
if (Object.getOwnPropertySymbols) {
|
|
11
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
12
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
13
|
+
key = sourceSymbolKeys[i];
|
|
14
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
15
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
16
|
+
target[key] = source[key];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return target;
|
|
20
|
+
}
|
|
21
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
22
|
+
if (source == null) return {};
|
|
23
|
+
var target = {};
|
|
24
|
+
var sourceKeys = Object.keys(source);
|
|
25
|
+
var key, i;
|
|
26
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
27
|
+
key = sourceKeys[i];
|
|
28
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
29
|
+
target[key] = source[key];
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
}
|
|
33
|
+
let refCount = 0;
|
|
34
|
+
const INSTANCE_SYM = Symbol.for('__REACT_DND_CONTEXT_INSTANCE__');
|
|
35
|
+
var DndProvider = /*#__PURE__*/ memo(function DndProvider(_param) {
|
|
36
|
+
var { children } = _param, props = _objectWithoutProperties(_param, [
|
|
37
|
+
"children"
|
|
38
|
+
]);
|
|
39
|
+
const [manager, isGlobalInstance] = getDndContextValue(props) // memoized from props
|
|
40
|
+
;
|
|
41
|
+
/**
|
|
42
|
+
* If the global context was used to store the DND context
|
|
43
|
+
* then where theres no more references to it we should
|
|
44
|
+
* clean it up to avoid memory leaks
|
|
45
|
+
*/ useEffect(()=>{
|
|
46
|
+
if (isGlobalInstance) {
|
|
47
|
+
const context = getGlobalContext();
|
|
48
|
+
++refCount;
|
|
49
|
+
return ()=>{
|
|
50
|
+
if (--refCount === 0) {
|
|
51
|
+
context[INSTANCE_SYM] = null;
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
return;
|
|
56
|
+
}, []);
|
|
57
|
+
return /*#__PURE__*/ jsx(DndContext.Provider, {
|
|
58
|
+
value: manager,
|
|
59
|
+
children: children
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
function getDndContextValue(props) {
|
|
63
|
+
if ('manager' in props) {
|
|
64
|
+
const manager = {
|
|
65
|
+
dragDropManager: props.manager
|
|
66
|
+
};
|
|
67
|
+
return [
|
|
68
|
+
manager,
|
|
69
|
+
false
|
|
70
|
+
];
|
|
71
|
+
}
|
|
72
|
+
const manager = createSingletonDndContext(props.backend, props.context, props.options, props.debugMode);
|
|
73
|
+
const isGlobalInstance = !props.context;
|
|
74
|
+
return [
|
|
75
|
+
manager,
|
|
76
|
+
isGlobalInstance
|
|
77
|
+
];
|
|
78
|
+
}
|
|
79
|
+
function createSingletonDndContext(backend, context = getGlobalContext(), options, debugMode) {
|
|
80
|
+
const ctx = context;
|
|
81
|
+
if (!ctx[INSTANCE_SYM]) {
|
|
82
|
+
ctx[INSTANCE_SYM] = {
|
|
83
|
+
dragDropManager: createDragDropManager(backend, context, options, debugMode)
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
return ctx[INSTANCE_SYM];
|
|
87
|
+
}
|
|
88
|
+
function getGlobalContext() {
|
|
89
|
+
return typeof global !== 'undefined' ? global : window;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
export { DndProvider };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import equal from '../../../fast-deep-equal/index.js';
|
|
2
|
+
import { useState, useCallback } from 'react';
|
|
3
|
+
import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
*
|
|
7
|
+
* @param monitor The monitor to collect state from
|
|
8
|
+
* @param collect The collecting function
|
|
9
|
+
* @param onUpdate A method to invoke when updates occur
|
|
10
|
+
*/ function useCollector(monitor, collect, onUpdate) {
|
|
11
|
+
const [collected, setCollected] = useState(()=>collect(monitor)
|
|
12
|
+
);
|
|
13
|
+
const updateCollected = useCallback(()=>{
|
|
14
|
+
const nextValue = collect(monitor);
|
|
15
|
+
// This needs to be a deep-equality check because some monitor-collected values
|
|
16
|
+
// include XYCoord objects that may be equivalent, but do not have instance equality.
|
|
17
|
+
if (!equal(collected, nextValue)) {
|
|
18
|
+
setCollected(nextValue);
|
|
19
|
+
if (onUpdate) {
|
|
20
|
+
onUpdate();
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}, [
|
|
24
|
+
collected,
|
|
25
|
+
monitor,
|
|
26
|
+
onUpdate
|
|
27
|
+
]);
|
|
28
|
+
// update the collected properties after react renders.
|
|
29
|
+
// Note that the "Dustbin Stress Test" fails if this is not
|
|
30
|
+
// done when the component updates
|
|
31
|
+
useIsomorphicLayoutEffect(updateCollected);
|
|
32
|
+
return [
|
|
33
|
+
collected,
|
|
34
|
+
updateCollected
|
|
35
|
+
];
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { useCollector };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
class DragSourceImpl {
|
|
2
|
+
beginDrag() {
|
|
3
|
+
const spec = this.spec;
|
|
4
|
+
const monitor = this.monitor;
|
|
5
|
+
let result = null;
|
|
6
|
+
if (typeof spec.item === 'object') {
|
|
7
|
+
result = spec.item;
|
|
8
|
+
} else if (typeof spec.item === 'function') {
|
|
9
|
+
result = spec.item(monitor);
|
|
10
|
+
} else {
|
|
11
|
+
result = {};
|
|
12
|
+
}
|
|
13
|
+
return result !== null && result !== void 0 ? result : null;
|
|
14
|
+
}
|
|
15
|
+
canDrag() {
|
|
16
|
+
const spec = this.spec;
|
|
17
|
+
const monitor = this.monitor;
|
|
18
|
+
if (typeof spec.canDrag === 'boolean') {
|
|
19
|
+
return spec.canDrag;
|
|
20
|
+
} else if (typeof spec.canDrag === 'function') {
|
|
21
|
+
return spec.canDrag(monitor);
|
|
22
|
+
} else {
|
|
23
|
+
return true;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
isDragging(globalMonitor, target) {
|
|
27
|
+
const spec = this.spec;
|
|
28
|
+
const monitor = this.monitor;
|
|
29
|
+
const { isDragging } = spec;
|
|
30
|
+
return isDragging ? isDragging(monitor) : target === globalMonitor.getSourceId();
|
|
31
|
+
}
|
|
32
|
+
endDrag() {
|
|
33
|
+
const spec = this.spec;
|
|
34
|
+
const monitor = this.monitor;
|
|
35
|
+
const connector = this.connector;
|
|
36
|
+
const { end } = spec;
|
|
37
|
+
if (end) {
|
|
38
|
+
end(monitor.getItem(), monitor);
|
|
39
|
+
}
|
|
40
|
+
connector.reconnect();
|
|
41
|
+
}
|
|
42
|
+
constructor(spec, monitor, connector){
|
|
43
|
+
this.spec = spec;
|
|
44
|
+
this.monitor = monitor;
|
|
45
|
+
this.connector = connector;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { DragSourceImpl };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
|
|
3
|
+
function useConnectDragSource(connector) {
|
|
4
|
+
return useMemo(()=>connector.hooks.dragSource()
|
|
5
|
+
, [
|
|
6
|
+
connector
|
|
7
|
+
]);
|
|
8
|
+
}
|
|
9
|
+
function useConnectDragPreview(connector) {
|
|
10
|
+
return useMemo(()=>connector.hooks.dragPreview()
|
|
11
|
+
, [
|
|
12
|
+
connector
|
|
13
|
+
]);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { useConnectDragPreview, useConnectDragSource };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { invariant } from '../../../../@react-dnd/invariant/dist/index.js';
|
|
2
|
+
import { useCollectedProps } from '../useCollectedProps.js';
|
|
3
|
+
import { useOptionalFactory } from '../useOptionalFactory.js';
|
|
4
|
+
import { useConnectDragSource, useConnectDragPreview } from './connectors.js';
|
|
5
|
+
import { useDragSourceConnector } from './useDragSourceConnector.js';
|
|
6
|
+
import { useDragSourceMonitor } from './useDragSourceMonitor.js';
|
|
7
|
+
import { useRegisteredDragSource } from './useRegisteredDragSource.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* useDragSource hook
|
|
11
|
+
* @param sourceSpec The drag source specification (object or function, function preferred)
|
|
12
|
+
* @param deps The memoization deps array to use when evaluating spec changes
|
|
13
|
+
*/ function useDrag(specArg, deps) {
|
|
14
|
+
const spec = useOptionalFactory(specArg, deps);
|
|
15
|
+
invariant(!spec.begin, `useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)`);
|
|
16
|
+
const monitor = useDragSourceMonitor();
|
|
17
|
+
const connector = useDragSourceConnector(spec.options, spec.previewOptions);
|
|
18
|
+
useRegisteredDragSource(spec, monitor, connector);
|
|
19
|
+
return [
|
|
20
|
+
useCollectedProps(spec.collect, monitor, connector),
|
|
21
|
+
useConnectDragSource(connector),
|
|
22
|
+
useConnectDragPreview(connector),
|
|
23
|
+
];
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export { useDrag };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useMemo, useEffect } from 'react';
|
|
2
|
+
import { DragSourceImpl } from './DragSourceImpl.js';
|
|
3
|
+
|
|
4
|
+
function useDragSource(spec, monitor, connector) {
|
|
5
|
+
const handler = useMemo(()=>new DragSourceImpl(spec, monitor, connector)
|
|
6
|
+
, [
|
|
7
|
+
monitor,
|
|
8
|
+
connector
|
|
9
|
+
]);
|
|
10
|
+
useEffect(()=>{
|
|
11
|
+
handler.spec = spec;
|
|
12
|
+
}, [
|
|
13
|
+
spec
|
|
14
|
+
]);
|
|
15
|
+
return handler;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { useDragSource };
|