@sunggang/ui-lib 0.1.74 → 0.1.76
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/index.esm.js +76 -132
- package/package.json +1 -1
- package/src/lib/DropImage/index.stories.d.ts +1 -0
package/index.esm.js
CHANGED
|
@@ -3787,7 +3787,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
|
|
|
3787
3787
|
if (staticProps) _defineProperties$2(Constructor, staticProps);
|
|
3788
3788
|
return Constructor;
|
|
3789
3789
|
}
|
|
3790
|
-
function _define_property$
|
|
3790
|
+
function _define_property$9(obj, key, value) {
|
|
3791
3791
|
if (key in obj) {
|
|
3792
3792
|
Object.defineProperty(obj, key, {
|
|
3793
3793
|
value: value,
|
|
@@ -3862,7 +3862,7 @@ function _iterable_to_array_limit$4(arr, i) {
|
|
|
3862
3862
|
function _non_iterable_rest$4() {
|
|
3863
3863
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3864
3864
|
}
|
|
3865
|
-
function _object_spread$
|
|
3865
|
+
function _object_spread$9(target) {
|
|
3866
3866
|
for(var i = 1; i < arguments.length; i++){
|
|
3867
3867
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
3868
3868
|
var ownKeys = Object.keys(source);
|
|
@@ -3872,12 +3872,12 @@ function _object_spread$a(target) {
|
|
|
3872
3872
|
}));
|
|
3873
3873
|
}
|
|
3874
3874
|
ownKeys.forEach(function(key) {
|
|
3875
|
-
_define_property$
|
|
3875
|
+
_define_property$9(target, key, source[key]);
|
|
3876
3876
|
});
|
|
3877
3877
|
}
|
|
3878
3878
|
return target;
|
|
3879
3879
|
}
|
|
3880
|
-
function ownKeys$
|
|
3880
|
+
function ownKeys$8(object, enumerableOnly) {
|
|
3881
3881
|
var keys = Object.keys(object);
|
|
3882
3882
|
if (Object.getOwnPropertySymbols) {
|
|
3883
3883
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -3890,12 +3890,12 @@ function ownKeys$9(object, enumerableOnly) {
|
|
|
3890
3890
|
}
|
|
3891
3891
|
return keys;
|
|
3892
3892
|
}
|
|
3893
|
-
function _object_spread_props$
|
|
3893
|
+
function _object_spread_props$5(target, source) {
|
|
3894
3894
|
source = source != null ? source : {};
|
|
3895
3895
|
if (Object.getOwnPropertyDescriptors) {
|
|
3896
3896
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
3897
3897
|
} else {
|
|
3898
|
-
ownKeys$
|
|
3898
|
+
ownKeys$8(Object(source)).forEach(function(key) {
|
|
3899
3899
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
3900
3900
|
});
|
|
3901
3901
|
}
|
|
@@ -4131,7 +4131,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
|
|
|
4131
4131
|
}
|
|
4132
4132
|
}
|
|
4133
4133
|
}
|
|
4134
|
-
var updatedConfig = _object_spread_props$
|
|
4134
|
+
var updatedConfig = _object_spread_props$5(_object_spread$9({}, _this._config), {
|
|
4135
4135
|
extraPlugins: _this._config.extraPlugins || [],
|
|
4136
4136
|
lazyRoots: lazyRoots,
|
|
4137
4137
|
rootsAttributes: rootsAttributes,
|
|
@@ -4525,7 +4525,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
|
|
|
4525
4525
|
var startPosition = writer.createPositionFromPath(root, start.path, start.stickiness);
|
|
4526
4526
|
var endPosition = writer.createPositionFromPath(root, end.path, end.stickiness);
|
|
4527
4527
|
var range = writer.createRange(startPosition, endPosition);
|
|
4528
|
-
writer.addMarker(markerName, _object_spread$
|
|
4528
|
+
writer.addMarker(markerName, _object_spread$9({
|
|
4529
4529
|
range: range
|
|
4530
4530
|
}, options));
|
|
4531
4531
|
});
|
|
@@ -4547,7 +4547,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
|
|
|
4547
4547
|
var commentThread = commentsRepository.getCommentThread(commentThreadData.threadId);
|
|
4548
4548
|
commentThread.remove();
|
|
4549
4549
|
}
|
|
4550
|
-
commentsRepository.addCommentThread(_object_spread$
|
|
4550
|
+
commentsRepository.addCommentThread(_object_spread$9({
|
|
4551
4551
|
channelId: channelId
|
|
4552
4552
|
}, commentThreadData));
|
|
4553
4553
|
});
|
|
@@ -68730,7 +68730,7 @@ function _iterableToArray$2(iter) {
|
|
|
68730
68730
|
function _arrayWithoutHoles$2(arr) {
|
|
68731
68731
|
if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
|
|
68732
68732
|
}
|
|
68733
|
-
function ownKeys$
|
|
68733
|
+
function ownKeys$7(object, enumerableOnly) {
|
|
68734
68734
|
var keys = Object.keys(object);
|
|
68735
68735
|
if (Object.getOwnPropertySymbols) {
|
|
68736
68736
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -68743,9 +68743,9 @@ function ownKeys$8(object, enumerableOnly) {
|
|
|
68743
68743
|
function _objectSpread$1(target) {
|
|
68744
68744
|
for(var i = 1; i < arguments.length; i++){
|
|
68745
68745
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
68746
|
-
i % 2 ? ownKeys$
|
|
68746
|
+
i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
|
|
68747
68747
|
_defineProperty$3(target, key, source[key]);
|
|
68748
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$
|
|
68748
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
|
|
68749
68749
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
68750
68750
|
});
|
|
68751
68751
|
}
|
|
@@ -69139,7 +69139,7 @@ function _iterableToArrayLimit$1(arr, i) {
|
|
|
69139
69139
|
function _arrayWithHoles$1(arr) {
|
|
69140
69140
|
if (Array.isArray(arr)) return arr;
|
|
69141
69141
|
}
|
|
69142
|
-
function ownKeys$
|
|
69142
|
+
function ownKeys$6(object, enumerableOnly) {
|
|
69143
69143
|
var keys = Object.keys(object);
|
|
69144
69144
|
if (Object.getOwnPropertySymbols) {
|
|
69145
69145
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -69152,9 +69152,9 @@ function ownKeys$7(object, enumerableOnly) {
|
|
|
69152
69152
|
function _objectSpread(target) {
|
|
69153
69153
|
for(var i = 1; i < arguments.length; i++){
|
|
69154
69154
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
69155
|
-
i % 2 ? ownKeys$
|
|
69155
|
+
i % 2 ? ownKeys$6(Object(source), !0).forEach(function(key) {
|
|
69156
69156
|
_defineProperty$2(target, key, source[key]);
|
|
69157
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$
|
|
69157
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function(key) {
|
|
69158
69158
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
69159
69159
|
});
|
|
69160
69160
|
}
|
|
@@ -70145,7 +70145,7 @@ function _defineProperty$1(e, r, t) {
|
|
|
70145
70145
|
}) : e[r] = t, e;
|
|
70146
70146
|
}
|
|
70147
70147
|
|
|
70148
|
-
function ownKeys$
|
|
70148
|
+
function ownKeys$5(e, r) {
|
|
70149
70149
|
var t = Object.keys(e);
|
|
70150
70150
|
if (Object.getOwnPropertySymbols) {
|
|
70151
70151
|
var o = Object.getOwnPropertySymbols(e);
|
|
@@ -70158,9 +70158,9 @@ function ownKeys$6(e, r) {
|
|
|
70158
70158
|
function _objectSpread2$7(e) {
|
|
70159
70159
|
for(var r = 1; r < arguments.length; r++){
|
|
70160
70160
|
var t = null != arguments[r] ? arguments[r] : {};
|
|
70161
|
-
r % 2 ? ownKeys$
|
|
70161
|
+
r % 2 ? ownKeys$5(Object(t), !0).forEach(function(r) {
|
|
70162
70162
|
_defineProperty$1(e, r, t[r]);
|
|
70163
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$
|
|
70163
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function(r) {
|
|
70164
70164
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
70165
70165
|
});
|
|
70166
70166
|
}
|
|
@@ -79526,116 +79526,6 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
|
|
|
79526
79526
|
})(Droppable);
|
|
79527
79527
|
ConnectedDroppable.defaultProps = defaultProps;
|
|
79528
79528
|
|
|
79529
|
-
function _define_property$9(obj, key, value) {
|
|
79530
|
-
if (key in obj) {
|
|
79531
|
-
Object.defineProperty(obj, key, {
|
|
79532
|
-
value: value,
|
|
79533
|
-
enumerable: true,
|
|
79534
|
-
configurable: true,
|
|
79535
|
-
writable: true
|
|
79536
|
-
});
|
|
79537
|
-
} else {
|
|
79538
|
-
obj[key] = value;
|
|
79539
|
-
}
|
|
79540
|
-
return obj;
|
|
79541
|
-
}
|
|
79542
|
-
function _object_spread$9(target) {
|
|
79543
|
-
for(var i = 1; i < arguments.length; i++){
|
|
79544
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
79545
|
-
var ownKeys = Object.keys(source);
|
|
79546
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
79547
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
79548
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
79549
|
-
}));
|
|
79550
|
-
}
|
|
79551
|
-
ownKeys.forEach(function(key) {
|
|
79552
|
-
_define_property$9(target, key, source[key]);
|
|
79553
|
-
});
|
|
79554
|
-
}
|
|
79555
|
-
return target;
|
|
79556
|
-
}
|
|
79557
|
-
function ownKeys$5(object, enumerableOnly) {
|
|
79558
|
-
var keys = Object.keys(object);
|
|
79559
|
-
if (Object.getOwnPropertySymbols) {
|
|
79560
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
79561
|
-
if (enumerableOnly) {
|
|
79562
|
-
symbols = symbols.filter(function(sym) {
|
|
79563
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
79564
|
-
});
|
|
79565
|
-
}
|
|
79566
|
-
keys.push.apply(keys, symbols);
|
|
79567
|
-
}
|
|
79568
|
-
return keys;
|
|
79569
|
-
}
|
|
79570
|
-
function _object_spread_props$5(target, source) {
|
|
79571
|
-
source = source != null ? source : {};
|
|
79572
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
79573
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
79574
|
-
} else {
|
|
79575
|
-
ownKeys$5(Object(source)).forEach(function(key) {
|
|
79576
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
79577
|
-
});
|
|
79578
|
-
}
|
|
79579
|
-
return target;
|
|
79580
|
-
}
|
|
79581
|
-
var DragDropImages = function(param) {
|
|
79582
|
-
var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
|
|
79583
|
-
return /*#__PURE__*/ jsx(DragDropContext, {
|
|
79584
|
-
onDragEnd: onDragEnd,
|
|
79585
|
-
children: /*#__PURE__*/ jsx(ConnectedDroppable, {
|
|
79586
|
-
droppableId: "droppable-imageUrls",
|
|
79587
|
-
direction: "horizontal",
|
|
79588
|
-
children: function(provided) {
|
|
79589
|
-
return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
|
|
79590
|
-
ref: provided.innerRef
|
|
79591
|
-
}, provided.droppableProps), {
|
|
79592
|
-
className: "flex gap-2",
|
|
79593
|
-
children: [
|
|
79594
|
-
(imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
|
|
79595
|
-
return /*#__PURE__*/ jsx(PublicDraggable, {
|
|
79596
|
-
draggableId: item === null || item === void 0 ? void 0 : item.id,
|
|
79597
|
-
index: index,
|
|
79598
|
-
children: function(provided) {
|
|
79599
|
-
return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
|
|
79600
|
-
ref: provided.innerRef
|
|
79601
|
-
}, provided.draggableProps, provided.dragHandleProps), {
|
|
79602
|
-
className: "w-24 my-2 rounded-lg bg-gray-200",
|
|
79603
|
-
children: [
|
|
79604
|
-
/*#__PURE__*/ jsx("img", {
|
|
79605
|
-
className: "w-24 h-24 object-cover",
|
|
79606
|
-
src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
|
|
79607
|
-
alt: ""
|
|
79608
|
-
}),
|
|
79609
|
-
/*#__PURE__*/ jsxs("div", {
|
|
79610
|
-
className: "flex gap-2 justify-between items-center p-2",
|
|
79611
|
-
children: [
|
|
79612
|
-
/*#__PURE__*/ jsx("div", {
|
|
79613
|
-
className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
|
|
79614
|
-
children: index + 1
|
|
79615
|
-
}),
|
|
79616
|
-
/*#__PURE__*/ jsx(Icon, {
|
|
79617
|
-
icon: "mingcute:delete-2-line",
|
|
79618
|
-
width: "1.5rem",
|
|
79619
|
-
height: "1.5rem",
|
|
79620
|
-
onClick: function() {
|
|
79621
|
-
return handleRemove(item);
|
|
79622
|
-
}
|
|
79623
|
-
})
|
|
79624
|
-
]
|
|
79625
|
-
})
|
|
79626
|
-
]
|
|
79627
|
-
}));
|
|
79628
|
-
}
|
|
79629
|
-
}, item === null || item === void 0 ? void 0 : item.id);
|
|
79630
|
-
}) : null,
|
|
79631
|
-
provided.placeholder
|
|
79632
|
-
]
|
|
79633
|
-
}));
|
|
79634
|
-
}
|
|
79635
|
-
})
|
|
79636
|
-
});
|
|
79637
|
-
};
|
|
79638
|
-
|
|
79639
79529
|
function _array_like_to_array$5(arr, len) {
|
|
79640
79530
|
if (len == null || len > arr.length) len = arr.length;
|
|
79641
79531
|
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
@@ -79748,7 +79638,12 @@ function _unsupported_iterable_to_array$5(o, minLen) {
|
|
|
79748
79638
|
}
|
|
79749
79639
|
var DropImage = function(param) {
|
|
79750
79640
|
var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls;
|
|
79751
|
-
var _useState = _sliced_to_array$3(useState(
|
|
79641
|
+
var _useState = _sliced_to_array$3(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
|
|
79642
|
+
useEffect(function() {
|
|
79643
|
+
setPreviewFiles(imageUrls);
|
|
79644
|
+
}, [
|
|
79645
|
+
imageUrls
|
|
79646
|
+
]);
|
|
79752
79647
|
var _useDropzone = useDropzone({
|
|
79753
79648
|
accept: {
|
|
79754
79649
|
"image/png": [
|
|
@@ -79838,10 +79733,59 @@ var DropImage = function(param) {
|
|
|
79838
79733
|
})),
|
|
79839
79734
|
preview && /*#__PURE__*/ jsx("div", {
|
|
79840
79735
|
className: "flex pt-2",
|
|
79841
|
-
children: /*#__PURE__*/ jsx(
|
|
79842
|
-
imageUrls: previewFiles,
|
|
79736
|
+
children: /*#__PURE__*/ jsx(DragDropContext, {
|
|
79843
79737
|
onDragEnd: onDragEnd,
|
|
79844
|
-
|
|
79738
|
+
children: /*#__PURE__*/ jsx(ConnectedDroppable, {
|
|
79739
|
+
droppableId: "droppable-imageUrls",
|
|
79740
|
+
direction: "horizontal",
|
|
79741
|
+
children: function(provided) {
|
|
79742
|
+
return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
|
|
79743
|
+
ref: provided.innerRef
|
|
79744
|
+
}, provided.droppableProps), {
|
|
79745
|
+
className: "flex gap-2",
|
|
79746
|
+
children: [
|
|
79747
|
+
(previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.map(function(item, index) {
|
|
79748
|
+
return /*#__PURE__*/ jsx(PublicDraggable, {
|
|
79749
|
+
draggableId: item === null || item === void 0 ? void 0 : item.id,
|
|
79750
|
+
index: index,
|
|
79751
|
+
children: function(provided) {
|
|
79752
|
+
return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
|
|
79753
|
+
ref: provided.innerRef
|
|
79754
|
+
}, provided.draggableProps, provided.dragHandleProps), {
|
|
79755
|
+
className: "w-24 my-2 rounded-lg bg-gray-200",
|
|
79756
|
+
children: [
|
|
79757
|
+
/*#__PURE__*/ jsx("img", {
|
|
79758
|
+
className: "w-24 h-24 object-cover",
|
|
79759
|
+
src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
|
|
79760
|
+
alt: ""
|
|
79761
|
+
}),
|
|
79762
|
+
/*#__PURE__*/ jsxs("div", {
|
|
79763
|
+
className: "flex gap-2 justify-between items-center p-2",
|
|
79764
|
+
children: [
|
|
79765
|
+
/*#__PURE__*/ jsx("div", {
|
|
79766
|
+
className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
|
|
79767
|
+
children: index + 1
|
|
79768
|
+
}),
|
|
79769
|
+
/*#__PURE__*/ jsx(Icon, {
|
|
79770
|
+
icon: "mingcute:delete-2-line",
|
|
79771
|
+
width: "1.5rem",
|
|
79772
|
+
height: "1.5rem",
|
|
79773
|
+
onClick: function() {
|
|
79774
|
+
return handleRemove(item);
|
|
79775
|
+
}
|
|
79776
|
+
})
|
|
79777
|
+
]
|
|
79778
|
+
})
|
|
79779
|
+
]
|
|
79780
|
+
}));
|
|
79781
|
+
}
|
|
79782
|
+
}, item === null || item === void 0 ? void 0 : item.id);
|
|
79783
|
+
}) : null,
|
|
79784
|
+
provided.placeholder
|
|
79785
|
+
]
|
|
79786
|
+
}));
|
|
79787
|
+
}
|
|
79788
|
+
})
|
|
79845
79789
|
})
|
|
79846
79790
|
})
|
|
79847
79791
|
]
|
package/package.json
CHANGED