@hairy/vue-lib 1.45.0 → 1.47.0
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/index.cjs +24 -24
- package/dist/index.d.ts +3 -3
- package/dist/index.global.js +58 -58
- package/dist/index.js +25 -25
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -43,11 +43,30 @@ __export(index_exports, {
|
|
|
43
43
|
});
|
|
44
44
|
module.exports = __toCommonJS(index_exports);
|
|
45
45
|
|
|
46
|
-
// src/components/
|
|
47
|
-
var import_css_render = __toESM(require("css-render"), 1);
|
|
46
|
+
// src/components/c-field.ts
|
|
48
47
|
var import_vue_demi = require("vue-demi");
|
|
48
|
+
var Field = (0, import_vue_demi.defineComponent)({
|
|
49
|
+
name: "Field",
|
|
50
|
+
props: {
|
|
51
|
+
is: {
|
|
52
|
+
type: [String, Number, Object],
|
|
53
|
+
default: ""
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
setup(props) {
|
|
57
|
+
return () => {
|
|
58
|
+
if (typeof props.is === "string" || typeof props.is === "number")
|
|
59
|
+
return props.is;
|
|
60
|
+
return props.is ? (0, import_vue_demi.h)(props.is) : null;
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
// src/components/collapse-transition.ts
|
|
66
|
+
var import_css_render = __toESM(require("css-render"), 1);
|
|
67
|
+
var import_vue_demi2 = require("vue-demi");
|
|
49
68
|
var { c } = (0, import_css_render.default)();
|
|
50
|
-
var CollapseTransition = (0,
|
|
69
|
+
var CollapseTransition = (0, import_vue_demi2.defineComponent)({
|
|
51
70
|
name: "CollapseTransition",
|
|
52
71
|
setup(_, { slots }) {
|
|
53
72
|
const on = {
|
|
@@ -106,32 +125,13 @@ var CollapseTransition = (0, import_vue_demi.defineComponent)({
|
|
|
106
125
|
}
|
|
107
126
|
};
|
|
108
127
|
style.mount();
|
|
109
|
-
return () => (0,
|
|
128
|
+
return () => (0, import_vue_demi2.h)(import_vue_demi2.Transition, on, slots);
|
|
110
129
|
}
|
|
111
130
|
});
|
|
112
131
|
var style = c(".collapse-transition", {
|
|
113
132
|
transition: "0.2s height ease-in-out, 0.2s padding-top ease-in-out,0.2s padding-bottom ease-in-out"
|
|
114
133
|
});
|
|
115
134
|
|
|
116
|
-
// src/components/Field.ts
|
|
117
|
-
var import_vue_demi2 = require("vue-demi");
|
|
118
|
-
var Field = (0, import_vue_demi2.defineComponent)({
|
|
119
|
-
name: "Field",
|
|
120
|
-
props: {
|
|
121
|
-
is: {
|
|
122
|
-
type: [String, Number, Object],
|
|
123
|
-
default: ""
|
|
124
|
-
}
|
|
125
|
-
},
|
|
126
|
-
setup(props) {
|
|
127
|
-
return () => {
|
|
128
|
-
if (typeof props.is === "string" || typeof props.is === "number")
|
|
129
|
-
return props.is;
|
|
130
|
-
return props.is ? (0, import_vue_demi2.h)(props.is) : null;
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
|
|
135
135
|
// src/hooks/syncElementScroll/index.ts
|
|
136
136
|
var import_core = require("@vueuse/core");
|
|
137
137
|
var import_debounce = __toESM(require("lodash/debounce"), 1);
|
|
@@ -209,7 +209,7 @@ function syncElementSize(fromTarget, toTarget, options = {}) {
|
|
|
209
209
|
const element = (0, import_core2.unrefElement)(toTarget);
|
|
210
210
|
if (!element)
|
|
211
211
|
return void 0;
|
|
212
|
-
element.style[type] = (0, import_utils.
|
|
212
|
+
element.style[type] = (0, import_utils.unit)(fromSize[type].value);
|
|
213
213
|
};
|
|
214
214
|
return (0, import_vue2.watch)(sources, callback, { immediate: true, ...options });
|
|
215
215
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { DefineComponent, PropType, VNode, Component, FunctionalComponent } from 'vue-demi';
|
|
2
1
|
import * as vue from 'vue';
|
|
3
2
|
import { WatchOptions, Ref, UnwrapRef, ComputedRef } from 'vue';
|
|
3
|
+
import { PropType, VNode, Component, DefineComponent, FunctionalComponent } from 'vue-demi';
|
|
4
4
|
import { MaybeRef, MaybeElementRef, UseOffsetPaginationReturn, UseOffsetPaginationOptions } from '@vueuse/core';
|
|
5
5
|
import { Noop } from '@hairy/utils';
|
|
6
6
|
import { DebouncedFunc } from 'lodash';
|
|
7
7
|
|
|
8
|
-
declare const CollapseTransition: DefineComponent;
|
|
9
|
-
|
|
10
8
|
declare const Field: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
11
9
|
is: {
|
|
12
10
|
type: PropType<string | number | VNode | Component>;
|
|
@@ -25,6 +23,8 @@ declare const Field: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
25
23
|
}> | Component;
|
|
26
24
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
27
25
|
|
|
26
|
+
declare const CollapseTransition: DefineComponent;
|
|
27
|
+
|
|
28
28
|
interface SyncElementSyncScrollOptions {
|
|
29
29
|
left?: boolean;
|
|
30
30
|
top?: boolean;
|
package/dist/index.global.js
CHANGED
|
@@ -372,6 +372,59 @@
|
|
|
372
372
|
}
|
|
373
373
|
});
|
|
374
374
|
|
|
375
|
+
// ../../node_modules/.pnpm/vue-demi@0.14.10_@vue+compo_218aa61227e07b729d509d8ec156bb9f/node_modules/vue-demi/lib/index.mjs
|
|
376
|
+
var lib_exports = {};
|
|
377
|
+
__export(lib_exports, {
|
|
378
|
+
Vue: () => Vue2,
|
|
379
|
+
Vue2: () => Vue22,
|
|
380
|
+
del: () => del,
|
|
381
|
+
install: () => install,
|
|
382
|
+
isVue2: () => isVue2,
|
|
383
|
+
isVue3: () => isVue3,
|
|
384
|
+
set: () => set
|
|
385
|
+
});
|
|
386
|
+
var Vue2 = __toESM(require_vue(), 1);
|
|
387
|
+
__reExport(lib_exports, __toESM(require_vue(), 1));
|
|
388
|
+
var isVue2 = false;
|
|
389
|
+
var isVue3 = true;
|
|
390
|
+
var Vue22 = void 0;
|
|
391
|
+
function install() {
|
|
392
|
+
}
|
|
393
|
+
function set(target, key, val) {
|
|
394
|
+
if (Array.isArray(target)) {
|
|
395
|
+
target.length = Math.max(target.length, key);
|
|
396
|
+
target.splice(key, 1, val);
|
|
397
|
+
return val;
|
|
398
|
+
}
|
|
399
|
+
target[key] = val;
|
|
400
|
+
return val;
|
|
401
|
+
}
|
|
402
|
+
function del(target, key) {
|
|
403
|
+
if (Array.isArray(target)) {
|
|
404
|
+
target.splice(key, 1);
|
|
405
|
+
return;
|
|
406
|
+
}
|
|
407
|
+
delete target[key];
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
// src/components/c-field.ts
|
|
411
|
+
var Field = (0, lib_exports.defineComponent)({
|
|
412
|
+
name: "Field",
|
|
413
|
+
props: {
|
|
414
|
+
is: {
|
|
415
|
+
type: [String, Number, Object],
|
|
416
|
+
default: ""
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
setup(props) {
|
|
420
|
+
return () => {
|
|
421
|
+
if (typeof props.is === "string" || typeof props.is === "number")
|
|
422
|
+
return props.is;
|
|
423
|
+
return props.is ? (0, lib_exports.h)(props.is) : null;
|
|
424
|
+
};
|
|
425
|
+
}
|
|
426
|
+
});
|
|
427
|
+
|
|
375
428
|
// ../../node_modules/.pnpm/css-render@0.15.14/node_modules/css-render/esm/parse.js
|
|
376
429
|
function ampCount(selector) {
|
|
377
430
|
let cnt = 0;
|
|
@@ -759,42 +812,7 @@ ${unwrappedProps}
|
|
|
759
812
|
// ../../node_modules/.pnpm/css-render@0.15.14/node_modules/css-render/esm/index.js
|
|
760
813
|
var esm_default = CssRender;
|
|
761
814
|
|
|
762
|
-
//
|
|
763
|
-
var lib_exports = {};
|
|
764
|
-
__export(lib_exports, {
|
|
765
|
-
Vue: () => Vue2,
|
|
766
|
-
Vue2: () => Vue22,
|
|
767
|
-
del: () => del,
|
|
768
|
-
install: () => install,
|
|
769
|
-
isVue2: () => isVue2,
|
|
770
|
-
isVue3: () => isVue3,
|
|
771
|
-
set: () => set
|
|
772
|
-
});
|
|
773
|
-
var Vue2 = __toESM(require_vue(), 1);
|
|
774
|
-
__reExport(lib_exports, __toESM(require_vue(), 1));
|
|
775
|
-
var isVue2 = false;
|
|
776
|
-
var isVue3 = true;
|
|
777
|
-
var Vue22 = void 0;
|
|
778
|
-
function install() {
|
|
779
|
-
}
|
|
780
|
-
function set(target, key, val) {
|
|
781
|
-
if (Array.isArray(target)) {
|
|
782
|
-
target.length = Math.max(target.length, key);
|
|
783
|
-
target.splice(key, 1, val);
|
|
784
|
-
return val;
|
|
785
|
-
}
|
|
786
|
-
target[key] = val;
|
|
787
|
-
return val;
|
|
788
|
-
}
|
|
789
|
-
function del(target, key) {
|
|
790
|
-
if (Array.isArray(target)) {
|
|
791
|
-
target.splice(key, 1);
|
|
792
|
-
return;
|
|
793
|
-
}
|
|
794
|
-
delete target[key];
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
// src/components/CollapseTransition.ts
|
|
815
|
+
// src/components/collapse-transition.ts
|
|
798
816
|
var { c: c2 } = esm_default();
|
|
799
817
|
var CollapseTransition = (0, lib_exports.defineComponent)({
|
|
800
818
|
name: "CollapseTransition",
|
|
@@ -862,24 +880,6 @@ ${unwrappedProps}
|
|
|
862
880
|
transition: "0.2s height ease-in-out, 0.2s padding-top ease-in-out,0.2s padding-bottom ease-in-out"
|
|
863
881
|
});
|
|
864
882
|
|
|
865
|
-
// src/components/Field.ts
|
|
866
|
-
var Field = (0, lib_exports.defineComponent)({
|
|
867
|
-
name: "Field",
|
|
868
|
-
props: {
|
|
869
|
-
is: {
|
|
870
|
-
type: [String, Number, Object],
|
|
871
|
-
default: ""
|
|
872
|
-
}
|
|
873
|
-
},
|
|
874
|
-
setup(props) {
|
|
875
|
-
return () => {
|
|
876
|
-
if (typeof props.is === "string" || typeof props.is === "number")
|
|
877
|
-
return props.is;
|
|
878
|
-
return props.is ? (0, lib_exports.h)(props.is) : null;
|
|
879
|
-
};
|
|
880
|
-
}
|
|
881
|
-
});
|
|
882
|
-
|
|
883
883
|
// src/hooks/syncElementScroll/index.ts
|
|
884
884
|
var import_core = __toESM(require_core(), 1);
|
|
885
885
|
var import_debounce = __toESM(require_debounce(), 1);
|
|
@@ -1022,12 +1022,12 @@ ${unwrappedProps}
|
|
|
1022
1022
|
}
|
|
1023
1023
|
var isNumber_default = isNumber;
|
|
1024
1024
|
|
|
1025
|
-
// ../util-core/src/
|
|
1026
|
-
function
|
|
1025
|
+
// ../util-core/src/util/unit.ts
|
|
1026
|
+
function unit(value, unit2 = "px") {
|
|
1027
1027
|
if (!(isString_default(value) || isNumber_default(value)))
|
|
1028
1028
|
return "";
|
|
1029
1029
|
value = String(value);
|
|
1030
|
-
return /\D/.test(value) ? value : value +
|
|
1030
|
+
return /\D/.test(value) ? value : value + unit2;
|
|
1031
1031
|
}
|
|
1032
1032
|
|
|
1033
1033
|
// src/hooks/syncElementSize/index.ts
|
|
@@ -1045,7 +1045,7 @@ ${unwrappedProps}
|
|
|
1045
1045
|
const element = (0, import_core2.unrefElement)(toTarget);
|
|
1046
1046
|
if (!element)
|
|
1047
1047
|
return void 0;
|
|
1048
|
-
element.style[type] =
|
|
1048
|
+
element.style[type] = unit(fromSize[type].value);
|
|
1049
1049
|
};
|
|
1050
1050
|
return (0, import_vue2.watch)(sources, callback, { immediate: true, ...options });
|
|
1051
1051
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,27 @@
|
|
|
1
|
-
// src/components/
|
|
1
|
+
// src/components/c-field.ts
|
|
2
|
+
import { defineComponent, h } from "vue-demi";
|
|
3
|
+
var Field = defineComponent({
|
|
4
|
+
name: "Field",
|
|
5
|
+
props: {
|
|
6
|
+
is: {
|
|
7
|
+
type: [String, Number, Object],
|
|
8
|
+
default: ""
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
setup(props) {
|
|
12
|
+
return () => {
|
|
13
|
+
if (typeof props.is === "string" || typeof props.is === "number")
|
|
14
|
+
return props.is;
|
|
15
|
+
return props.is ? h(props.is) : null;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
// src/components/collapse-transition.ts
|
|
2
21
|
import CssRender from "css-render";
|
|
3
|
-
import { defineComponent, h, Transition } from "vue-demi";
|
|
22
|
+
import { defineComponent as defineComponent2, h as h2, Transition } from "vue-demi";
|
|
4
23
|
var { c } = CssRender();
|
|
5
|
-
var CollapseTransition =
|
|
24
|
+
var CollapseTransition = defineComponent2({
|
|
6
25
|
name: "CollapseTransition",
|
|
7
26
|
setup(_, { slots }) {
|
|
8
27
|
const on = {
|
|
@@ -61,32 +80,13 @@ var CollapseTransition = defineComponent({
|
|
|
61
80
|
}
|
|
62
81
|
};
|
|
63
82
|
style.mount();
|
|
64
|
-
return () =>
|
|
83
|
+
return () => h2(Transition, on, slots);
|
|
65
84
|
}
|
|
66
85
|
});
|
|
67
86
|
var style = c(".collapse-transition", {
|
|
68
87
|
transition: "0.2s height ease-in-out, 0.2s padding-top ease-in-out,0.2s padding-bottom ease-in-out"
|
|
69
88
|
});
|
|
70
89
|
|
|
71
|
-
// src/components/Field.ts
|
|
72
|
-
import { defineComponent as defineComponent2, h as h2 } from "vue-demi";
|
|
73
|
-
var Field = defineComponent2({
|
|
74
|
-
name: "Field",
|
|
75
|
-
props: {
|
|
76
|
-
is: {
|
|
77
|
-
type: [String, Number, Object],
|
|
78
|
-
default: ""
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
setup(props) {
|
|
82
|
-
return () => {
|
|
83
|
-
if (typeof props.is === "string" || typeof props.is === "number")
|
|
84
|
-
return props.is;
|
|
85
|
-
return props.is ? h2(props.is) : null;
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
|
|
90
90
|
// src/hooks/syncElementScroll/index.ts
|
|
91
91
|
import { useEventListener } from "@vueuse/core";
|
|
92
92
|
import debounce from "lodash/debounce";
|
|
@@ -149,7 +149,7 @@ function syncElementSyncScroll(fromTarget, toTarget, options = {}) {
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
// src/hooks/syncElementSize/index.ts
|
|
152
|
-
import {
|
|
152
|
+
import { unit } from "@hairy/utils";
|
|
153
153
|
import { unrefElement, useElementSize } from "@vueuse/core";
|
|
154
154
|
import { unref, watch } from "vue";
|
|
155
155
|
function syncElementSize(fromTarget, toTarget, options = {}) {
|
|
@@ -164,7 +164,7 @@ function syncElementSize(fromTarget, toTarget, options = {}) {
|
|
|
164
164
|
const element = unrefElement(toTarget);
|
|
165
165
|
if (!element)
|
|
166
166
|
return void 0;
|
|
167
|
-
element.style[type] =
|
|
167
|
+
element.style[type] = unit(fromSize[type].value);
|
|
168
168
|
};
|
|
169
169
|
return watch(sources, callback, { immediate: true, ...options });
|
|
170
170
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hairy/vue-lib",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.47.0",
|
|
5
5
|
"description": "Library for vue",
|
|
6
6
|
"author": "Hairyf <wwu710632@gmail.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"css-render": "^0.15.14",
|
|
36
36
|
"lodash": "^4.17.21",
|
|
37
37
|
"vue-demi": "latest",
|
|
38
|
-
"@hairy/utils": "1.
|
|
38
|
+
"@hairy/utils": "1.47.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/lodash": "^4.17.16",
|