@v-c/overflow 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Item.cjs +5 -5
- package/dist/Overflow.cjs +6 -6
- package/dist/Overflow.js +1 -1
- package/dist/RawItem.cjs +4 -4
- package/dist/RawItem.js +2 -2
- package/dist/hooks/channelUpdate.cjs +3 -3
- package/dist/hooks/useEffectState.cjs +3 -3
- package/dist/index.cjs +4 -1
- package/package.json +3 -3
package/dist/Item.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
|
|
2
2
|
let vue = require("vue");
|
|
3
|
-
let
|
|
4
|
-
|
|
5
|
-
let
|
|
3
|
+
let _v_c_resize_observer = require("@v-c/resize-observer");
|
|
4
|
+
_v_c_resize_observer = require_rolldown_runtime.__toESM(_v_c_resize_observer);
|
|
5
|
+
let _v_c_util = require("@v-c/util");
|
|
6
6
|
function _isSlot(s) {
|
|
7
7
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
|
8
8
|
}
|
|
@@ -73,14 +73,14 @@ var Item_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
73
73
|
const overflowProps = {};
|
|
74
74
|
if (mergedHidden.value) overflowProps["aria-hidden"] = true;
|
|
75
75
|
const itemNode = (0, vue.createVNode)(Component, (0, vue.mergeProps)({
|
|
76
|
-
"class": (0,
|
|
76
|
+
"class": (0, _v_c_util.classNames)(!invalidate && prefixCls, props.class),
|
|
77
77
|
"style": {
|
|
78
78
|
...overflowStyle,
|
|
79
79
|
...style
|
|
80
80
|
}
|
|
81
81
|
}, overflowProps, attrs), _isSlot(childNode) ? childNode : { default: () => [childNode] });
|
|
82
82
|
if (!responsive) return itemNode;
|
|
83
|
-
return (0, vue.createVNode)(
|
|
83
|
+
return (0, vue.createVNode)(_v_c_resize_observer.default, {
|
|
84
84
|
"disabled": responsiveDisabled,
|
|
85
85
|
"onResize": ({ offsetWidth }) => {
|
|
86
86
|
internalRegisterSize(offsetWidth);
|
package/dist/Overflow.cjs
CHANGED
|
@@ -4,9 +4,9 @@ const require_useEffectState = require("./hooks/useEffectState.cjs");
|
|
|
4
4
|
const require_Item = require("./Item.cjs");
|
|
5
5
|
const require_RawItem = require("./RawItem.cjs");
|
|
6
6
|
let vue = require("vue");
|
|
7
|
-
let
|
|
8
|
-
|
|
9
|
-
let
|
|
7
|
+
let _v_c_resize_observer = require("@v-c/resize-observer");
|
|
8
|
+
_v_c_resize_observer = require_rolldown_runtime.__toESM(_v_c_resize_observer);
|
|
9
|
+
let _v_c_util = require("@v-c/util");
|
|
10
10
|
function _isSlot(s) {
|
|
11
11
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
|
12
12
|
}
|
|
@@ -233,9 +233,9 @@ var Overflow = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
233
233
|
}
|
|
234
234
|
return (0, vue.createVNode)(require_Item.default, (0, vue.mergeProps)(itemSharedProps, restContextProps), { default: () => typeof mergedRenderRestFn === "function" ? mergedRenderRestFn(omittedItems.value) : mergedRenderRestFn });
|
|
235
235
|
};
|
|
236
|
-
const { class: classAttr, style: styleAttr
|
|
236
|
+
const { class: classAttr, style: styleAttr, ...restAttrs } = attrs;
|
|
237
237
|
const overflowNode = (0, vue.createVNode)(Component, (0, vue.mergeProps)({
|
|
238
|
-
"class": (0,
|
|
238
|
+
"class": (0, _v_c_util.classNames)(!invalidate.value && prefixCls, classAttr),
|
|
239
239
|
"style": styleAttr
|
|
240
240
|
}, restAttrs), { default: () => [
|
|
241
241
|
prefix && (0, vue.createVNode)(require_Item.default, (0, vue.mergeProps)(itemSharedProps, {
|
|
@@ -259,7 +259,7 @@ var Overflow = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
259
259
|
}), { default: () => suffix }),
|
|
260
260
|
slots.default?.()
|
|
261
261
|
] });
|
|
262
|
-
return isResponsive.value ? (0, vue.createVNode)(
|
|
262
|
+
return isResponsive.value ? (0, vue.createVNode)(_v_c_resize_observer.default, {
|
|
263
263
|
"onResize": onOverflowResize,
|
|
264
264
|
"disabled": !shouldResponsive.value
|
|
265
265
|
}, _isSlot(overflowNode) ? overflowNode : { default: () => [overflowNode] }) : overflowNode;
|
package/dist/Overflow.js
CHANGED
|
@@ -231,7 +231,7 @@ var Overflow = /* @__PURE__ */ defineComponent({
|
|
|
231
231
|
}
|
|
232
232
|
return createVNode(Item_default, mergeProps(itemSharedProps, restContextProps), { default: () => typeof mergedRenderRestFn === "function" ? mergedRenderRestFn(omittedItems.value) : mergedRenderRestFn });
|
|
233
233
|
};
|
|
234
|
-
const { class: classAttr, style: styleAttr
|
|
234
|
+
const { class: classAttr, style: styleAttr, ...restAttrs } = attrs;
|
|
235
235
|
const overflowNode = createVNode(Component, mergeProps({
|
|
236
236
|
"class": classNames(!invalidate.value && prefixCls, classAttr),
|
|
237
237
|
"style": styleAttr
|
package/dist/RawItem.cjs
CHANGED
|
@@ -2,7 +2,7 @@ const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
|
|
|
2
2
|
const require_context = require("./context.cjs");
|
|
3
3
|
const require_Item = require("./Item.cjs");
|
|
4
4
|
let vue = require("vue");
|
|
5
|
-
let
|
|
5
|
+
let _v_c_util = require("@v-c/util");
|
|
6
6
|
var RawItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
7
7
|
name: "OverflowRawItem",
|
|
8
8
|
inheritAttrs: false,
|
|
@@ -18,10 +18,10 @@ var RawItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
18
18
|
const context = require_context.useInjectOverflowContext();
|
|
19
19
|
return () => {
|
|
20
20
|
if (!context?.value) return (0, vue.createVNode)(props.component ?? "div", attrs, { default: () => [slots.default?.()] });
|
|
21
|
-
const { className: contextClassName
|
|
22
|
-
const { class: classAttr
|
|
21
|
+
const { className: contextClassName, ...restContext } = context.value;
|
|
22
|
+
const { class: classAttr, ...restAttrs } = attrs;
|
|
23
23
|
return (0, vue.createVNode)(require_context.OverflowContextProvider, { "value": null }, { default: () => [(0, vue.createVNode)(require_Item.default, (0, vue.mergeProps)(restContext, restAttrs, {
|
|
24
|
-
"class": (0,
|
|
24
|
+
"class": (0, _v_c_util.classNames)(contextClassName, classAttr),
|
|
25
25
|
"component": props.component
|
|
26
26
|
}), slots)] });
|
|
27
27
|
};
|
package/dist/RawItem.js
CHANGED
|
@@ -17,8 +17,8 @@ var RawItem_default = /* @__PURE__ */ defineComponent({
|
|
|
17
17
|
const context = useInjectOverflowContext();
|
|
18
18
|
return () => {
|
|
19
19
|
if (!context?.value) return createVNode(props.component ?? "div", attrs, { default: () => [slots.default?.()] });
|
|
20
|
-
const { className: contextClassName
|
|
21
|
-
const { class: classAttr
|
|
20
|
+
const { className: contextClassName, ...restContext } = context.value;
|
|
21
|
+
const { class: classAttr, ...restAttrs } = attrs;
|
|
22
22
|
return createVNode(OverflowContextProvider, { "value": null }, { default: () => [createVNode(Item_default, mergeProps(restContext, restAttrs, {
|
|
23
23
|
"class": classNames(contextClassName, classAttr),
|
|
24
24
|
"component": props.component
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
|
|
2
|
-
let
|
|
3
|
-
|
|
2
|
+
let _v_c_util_dist_raf = require("@v-c/util/dist/raf");
|
|
3
|
+
_v_c_util_dist_raf = require_rolldown_runtime.__toESM(_v_c_util_dist_raf);
|
|
4
4
|
function channelUpdate(callback) {
|
|
5
|
-
if (typeof MessageChannel === "undefined") (0,
|
|
5
|
+
if (typeof MessageChannel === "undefined") (0, _v_c_util_dist_raf.default)(callback);
|
|
6
6
|
else {
|
|
7
7
|
const channel = new MessageChannel();
|
|
8
8
|
channel.port1.onmessage = () => callback();
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
|
|
2
2
|
const require_channelUpdate = require("./channelUpdate.cjs");
|
|
3
3
|
let vue = require("vue");
|
|
4
|
-
let
|
|
5
|
-
|
|
4
|
+
let _v_c_util_dist_hooks_useEvent = require("@v-c/util/dist/hooks/useEvent");
|
|
5
|
+
_v_c_util_dist_hooks_useEvent = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useEvent);
|
|
6
6
|
function useBatcher() {
|
|
7
7
|
const updateFuncRef = (0, vue.ref)(null);
|
|
8
8
|
const notifyEffectUpdate = (callback) => {
|
|
@@ -21,7 +21,7 @@ function useBatcher() {
|
|
|
21
21
|
}
|
|
22
22
|
function useEffectState(notifyEffectUpdate, defaultValue) {
|
|
23
23
|
const stateValue = (0, vue.ref)(defaultValue);
|
|
24
|
-
return [stateValue, (0,
|
|
24
|
+
return [stateValue, (0, _v_c_util_dist_hooks_useEvent.default)((nextValue) => {
|
|
25
25
|
notifyEffectUpdate(() => {
|
|
26
26
|
if (typeof nextValue === "function") stateValue.value = nextValue(stateValue.value);
|
|
27
27
|
else stateValue.value = nextValue;
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
Object.
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
2
5
|
const require_context = require("./context.cjs");
|
|
3
6
|
const require_Overflow = require("./Overflow.cjs");
|
|
4
7
|
var src_default = require_Overflow.default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@v-c/overflow",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.3",
|
|
5
5
|
"description": "overflow",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"vue": "^3.0.0"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@v-c/resize-observer": "^1.0.
|
|
28
|
-
"@v-c/util": "^1.0.
|
|
27
|
+
"@v-c/resize-observer": "^1.0.8",
|
|
28
|
+
"@v-c/util": "^1.0.9"
|
|
29
29
|
},
|
|
30
30
|
"scripts": {
|
|
31
31
|
"build": "vite build",
|