@deot/vc 1.0.23 → 1.0.24
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.d.ts +74 -4
- package/dist/index.iife.js +40 -17
- package/dist/index.umd.cjs +40 -17
- package/package.json +4 -4
package/dist/index.d.ts
CHANGED
|
@@ -1601,6 +1601,8 @@ export declare const Components: {
|
|
|
1601
1601
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
1602
1602
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
1603
1603
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
1604
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
1605
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
1604
1606
|
closeWithCancel: {
|
|
1605
1607
|
type: BooleanConstructor;
|
|
1606
1608
|
default: boolean;
|
|
@@ -1694,6 +1696,8 @@ export declare const Components: {
|
|
|
1694
1696
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
1695
1697
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
1696
1698
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
1699
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
1700
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
1697
1701
|
closeWithCancel: {
|
|
1698
1702
|
type: BooleanConstructor;
|
|
1699
1703
|
default: boolean;
|
|
@@ -1784,6 +1788,8 @@ export declare const Components: {
|
|
|
1784
1788
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
1785
1789
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
1786
1790
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
1791
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
1792
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
1787
1793
|
closeWithCancel: {
|
|
1788
1794
|
type: BooleanConstructor;
|
|
1789
1795
|
default: boolean;
|
|
@@ -1855,6 +1861,8 @@ export declare const Components: {
|
|
|
1855
1861
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
1856
1862
|
onOk?: Function | undefined;
|
|
1857
1863
|
wrapperClass?: string | Record<string, any> | undefined;
|
|
1864
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
1865
|
+
contentClass?: string | Record<string, any> | undefined;
|
|
1858
1866
|
maskStyle?: string | Record<string, any> | undefined;
|
|
1859
1867
|
} & {
|
|
1860
1868
|
onClose: (...args: any[]) => any;
|
|
@@ -1899,6 +1907,8 @@ export declare const Components: {
|
|
|
1899
1907
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
1900
1908
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
1901
1909
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
1910
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
1911
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
1902
1912
|
closeWithCancel: {
|
|
1903
1913
|
type: BooleanConstructor;
|
|
1904
1914
|
default: boolean;
|
|
@@ -1992,6 +2002,8 @@ export declare const Components: {
|
|
|
1992
2002
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
1993
2003
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
1994
2004
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2005
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2006
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
1995
2007
|
closeWithCancel: {
|
|
1996
2008
|
type: BooleanConstructor;
|
|
1997
2009
|
default: boolean;
|
|
@@ -2082,6 +2094,8 @@ export declare const Components: {
|
|
|
2082
2094
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
2083
2095
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
2084
2096
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2097
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2098
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2085
2099
|
closeWithCancel: {
|
|
2086
2100
|
type: BooleanConstructor;
|
|
2087
2101
|
default: boolean;
|
|
@@ -2153,6 +2167,8 @@ export declare const Components: {
|
|
|
2153
2167
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
2154
2168
|
onOk?: Function | undefined;
|
|
2155
2169
|
wrapperClass?: string | Record<string, any> | undefined;
|
|
2170
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
2171
|
+
contentClass?: string | Record<string, any> | undefined;
|
|
2156
2172
|
maskStyle?: string | Record<string, any> | undefined;
|
|
2157
2173
|
} & {
|
|
2158
2174
|
onClose: (...args: any[]) => any;
|
|
@@ -2196,6 +2212,8 @@ export declare const Components: {
|
|
|
2196
2212
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
2197
2213
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
2198
2214
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2215
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2216
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2199
2217
|
closeWithCancel: {
|
|
2200
2218
|
type: BooleanConstructor;
|
|
2201
2219
|
default: boolean;
|
|
@@ -2263,6 +2281,8 @@ export declare const Components: {
|
|
|
2263
2281
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
2264
2282
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
2265
2283
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2284
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2285
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2266
2286
|
closeWithCancel: {
|
|
2267
2287
|
type: BooleanConstructor;
|
|
2268
2288
|
default: boolean;
|
|
@@ -2350,6 +2370,8 @@ export declare const Components: {
|
|
|
2350
2370
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
2351
2371
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
2352
2372
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2373
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2374
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2353
2375
|
closeWithCancel: {
|
|
2354
2376
|
type: BooleanConstructor;
|
|
2355
2377
|
default: boolean;
|
|
@@ -2417,6 +2439,8 @@ export declare const Components: {
|
|
|
2417
2439
|
maskStyle: (ObjectConstructor | StringConstructor)[];
|
|
2418
2440
|
wrapperClass: (ObjectConstructor | StringConstructor)[];
|
|
2419
2441
|
wrapperStyle: (ObjectConstructor | StringConstructor)[];
|
|
2442
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2443
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2420
2444
|
closeWithCancel: {
|
|
2421
2445
|
type: BooleanConstructor;
|
|
2422
2446
|
default: boolean;
|
|
@@ -2799,7 +2823,10 @@ export declare const Components: {
|
|
|
2799
2823
|
type: PropType<"left" | "right" | "top">;
|
|
2800
2824
|
default: string;
|
|
2801
2825
|
};
|
|
2802
|
-
contentStyle: StringConstructor;
|
|
2826
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2827
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2828
|
+
labelStyle: (ObjectConstructor | StringConstructor)[];
|
|
2829
|
+
labelClass: (ObjectConstructor | StringConstructor)[];
|
|
2803
2830
|
}>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
|
|
2804
2831
|
[key: string]: any;
|
|
2805
2832
|
}>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
@@ -2846,7 +2873,10 @@ export declare const Components: {
|
|
|
2846
2873
|
type: PropType<"left" | "right" | "top">;
|
|
2847
2874
|
default: string;
|
|
2848
2875
|
};
|
|
2849
|
-
contentStyle: StringConstructor;
|
|
2876
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2877
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2878
|
+
labelStyle: (ObjectConstructor | StringConstructor)[];
|
|
2879
|
+
labelClass: (ObjectConstructor | StringConstructor)[];
|
|
2850
2880
|
}>> & Readonly<{}>, {
|
|
2851
2881
|
label: string;
|
|
2852
2882
|
styleless: boolean;
|
|
@@ -2904,7 +2934,10 @@ export declare const Components: {
|
|
|
2904
2934
|
type: PropType<"left" | "right" | "top">;
|
|
2905
2935
|
default: string;
|
|
2906
2936
|
};
|
|
2907
|
-
contentStyle: StringConstructor;
|
|
2937
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2938
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2939
|
+
labelStyle: (ObjectConstructor | StringConstructor)[];
|
|
2940
|
+
labelClass: (ObjectConstructor | StringConstructor)[];
|
|
2908
2941
|
}>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
|
|
2909
2942
|
[key: string]: any;
|
|
2910
2943
|
}>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
@@ -2955,7 +2988,10 @@ export declare const Components: {
|
|
|
2955
2988
|
type: PropType<"left" | "right" | "top">;
|
|
2956
2989
|
default: string;
|
|
2957
2990
|
};
|
|
2958
|
-
contentStyle: StringConstructor;
|
|
2991
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
2992
|
+
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
2993
|
+
labelStyle: (ObjectConstructor | StringConstructor)[];
|
|
2994
|
+
labelClass: (ObjectConstructor | StringConstructor)[];
|
|
2959
2995
|
}>> & Readonly<{}>, {
|
|
2960
2996
|
label: string;
|
|
2961
2997
|
styleless: boolean;
|
|
@@ -4275,10 +4311,14 @@ export declare const Components: {
|
|
|
4275
4311
|
validator: (v: string) => boolean;
|
|
4276
4312
|
default: string;
|
|
4277
4313
|
};
|
|
4314
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
4278
4315
|
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
4279
4316
|
width: {
|
|
4280
4317
|
type: NumberConstructor;
|
|
4281
4318
|
};
|
|
4319
|
+
height: {
|
|
4320
|
+
type: NumberConstructor;
|
|
4321
|
+
};
|
|
4282
4322
|
mask: {
|
|
4283
4323
|
type: BooleanConstructor;
|
|
4284
4324
|
default: boolean;
|
|
@@ -4390,10 +4430,14 @@ export declare const Components: {
|
|
|
4390
4430
|
validator: (v: string) => boolean;
|
|
4391
4431
|
default: string;
|
|
4392
4432
|
};
|
|
4433
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
4393
4434
|
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
4394
4435
|
width: {
|
|
4395
4436
|
type: NumberConstructor;
|
|
4396
4437
|
};
|
|
4438
|
+
height: {
|
|
4439
|
+
type: NumberConstructor;
|
|
4440
|
+
};
|
|
4397
4441
|
mask: {
|
|
4398
4442
|
type: BooleanConstructor;
|
|
4399
4443
|
default: boolean;
|
|
@@ -4502,10 +4546,14 @@ export declare const Components: {
|
|
|
4502
4546
|
validator: (v: string) => boolean;
|
|
4503
4547
|
default: string;
|
|
4504
4548
|
};
|
|
4549
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
4505
4550
|
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
4506
4551
|
width: {
|
|
4507
4552
|
type: NumberConstructor;
|
|
4508
4553
|
};
|
|
4554
|
+
height: {
|
|
4555
|
+
type: NumberConstructor;
|
|
4556
|
+
};
|
|
4509
4557
|
mask: {
|
|
4510
4558
|
type: BooleanConstructor;
|
|
4511
4559
|
default: boolean;
|
|
@@ -4615,9 +4663,11 @@ export declare const Components: {
|
|
|
4615
4663
|
title?: string | undefined;
|
|
4616
4664
|
mode?: "error" | "success" | "info" | "warning" | undefined;
|
|
4617
4665
|
onCancel?: Function | undefined;
|
|
4666
|
+
height?: number | undefined;
|
|
4618
4667
|
width?: number | undefined;
|
|
4619
4668
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
4620
4669
|
onOk?: Function | undefined;
|
|
4670
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
4621
4671
|
contentClass?: string | Record<string, any> | undefined;
|
|
4622
4672
|
} & {
|
|
4623
4673
|
onClose: (...args: any[]) => any;
|
|
@@ -4643,9 +4693,11 @@ export declare const Components: {
|
|
|
4643
4693
|
title?: string | undefined;
|
|
4644
4694
|
mode?: "error" | "success" | "info" | "warning" | undefined;
|
|
4645
4695
|
onCancel?: Function | undefined;
|
|
4696
|
+
height?: number | undefined;
|
|
4646
4697
|
width?: number | undefined;
|
|
4647
4698
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
4648
4699
|
onOk?: Function | undefined;
|
|
4700
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
4649
4701
|
contentClass?: string | Record<string, any> | undefined;
|
|
4650
4702
|
} & {
|
|
4651
4703
|
onClose: (...args: any[]) => any;
|
|
@@ -4671,9 +4723,11 @@ export declare const Components: {
|
|
|
4671
4723
|
title?: string | undefined;
|
|
4672
4724
|
mode?: "error" | "success" | "info" | "warning" | undefined;
|
|
4673
4725
|
onCancel?: Function | undefined;
|
|
4726
|
+
height?: number | undefined;
|
|
4674
4727
|
width?: number | undefined;
|
|
4675
4728
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
4676
4729
|
onOk?: Function | undefined;
|
|
4730
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
4677
4731
|
contentClass?: string | Record<string, any> | undefined;
|
|
4678
4732
|
} & {
|
|
4679
4733
|
onClose: (...args: any[]) => any;
|
|
@@ -4699,9 +4753,11 @@ export declare const Components: {
|
|
|
4699
4753
|
title?: string | undefined;
|
|
4700
4754
|
mode?: "error" | "success" | "info" | "warning" | undefined;
|
|
4701
4755
|
onCancel?: Function | undefined;
|
|
4756
|
+
height?: number | undefined;
|
|
4702
4757
|
width?: number | undefined;
|
|
4703
4758
|
wrapperStyle?: string | Record<string, any> | undefined;
|
|
4704
4759
|
onOk?: Function | undefined;
|
|
4760
|
+
contentStyle?: string | Record<string, any> | undefined;
|
|
4705
4761
|
contentClass?: string | Record<string, any> | undefined;
|
|
4706
4762
|
} & {
|
|
4707
4763
|
onClose: (...args: any[]) => any;
|
|
@@ -4726,10 +4782,14 @@ export declare const Components: {
|
|
|
4726
4782
|
validator: (v: string) => boolean;
|
|
4727
4783
|
default: string;
|
|
4728
4784
|
};
|
|
4785
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
4729
4786
|
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
4730
4787
|
width: {
|
|
4731
4788
|
type: NumberConstructor;
|
|
4732
4789
|
};
|
|
4790
|
+
height: {
|
|
4791
|
+
type: NumberConstructor;
|
|
4792
|
+
};
|
|
4733
4793
|
mask: {
|
|
4734
4794
|
type: BooleanConstructor;
|
|
4735
4795
|
default: boolean;
|
|
@@ -4810,10 +4870,14 @@ export declare const Components: {
|
|
|
4810
4870
|
validator: (v: string) => boolean;
|
|
4811
4871
|
default: string;
|
|
4812
4872
|
};
|
|
4873
|
+
contentStyle: (ObjectConstructor | StringConstructor)[];
|
|
4813
4874
|
contentClass: (ObjectConstructor | StringConstructor)[];
|
|
4814
4875
|
width: {
|
|
4815
4876
|
type: NumberConstructor;
|
|
4816
4877
|
};
|
|
4878
|
+
height: {
|
|
4879
|
+
type: NumberConstructor;
|
|
4880
|
+
};
|
|
4817
4881
|
mask: {
|
|
4818
4882
|
type: BooleanConstructor;
|
|
4819
4883
|
default: boolean;
|
|
@@ -7859,6 +7923,7 @@ export declare const Components: {
|
|
|
7859
7923
|
};
|
|
7860
7924
|
stripe: BooleanConstructor;
|
|
7861
7925
|
border: BooleanConstructor;
|
|
7926
|
+
divider: BooleanConstructor;
|
|
7862
7927
|
rows: {
|
|
7863
7928
|
type: NumberConstructor;
|
|
7864
7929
|
default: number;
|
|
@@ -7930,6 +7995,7 @@ export declare const Components: {
|
|
|
7930
7995
|
};
|
|
7931
7996
|
stripe: BooleanConstructor;
|
|
7932
7997
|
border: BooleanConstructor;
|
|
7998
|
+
divider: BooleanConstructor;
|
|
7933
7999
|
rows: {
|
|
7934
8000
|
type: NumberConstructor;
|
|
7935
8001
|
default: number;
|
|
@@ -8017,6 +8083,7 @@ export declare const Components: {
|
|
|
8017
8083
|
rows: number;
|
|
8018
8084
|
defaultSort: Record<string, any>;
|
|
8019
8085
|
stripe: boolean;
|
|
8086
|
+
divider: boolean;
|
|
8020
8087
|
showSummary: boolean;
|
|
8021
8088
|
highlight: boolean;
|
|
8022
8089
|
treeMap: Record<string, any>;
|
|
@@ -8036,6 +8103,7 @@ export declare const Components: {
|
|
|
8036
8103
|
};
|
|
8037
8104
|
stripe: BooleanConstructor;
|
|
8038
8105
|
border: BooleanConstructor;
|
|
8106
|
+
divider: BooleanConstructor;
|
|
8039
8107
|
rows: {
|
|
8040
8108
|
type: NumberConstructor;
|
|
8041
8109
|
default: number;
|
|
@@ -8107,6 +8175,7 @@ export declare const Components: {
|
|
|
8107
8175
|
};
|
|
8108
8176
|
stripe: BooleanConstructor;
|
|
8109
8177
|
border: BooleanConstructor;
|
|
8178
|
+
divider: BooleanConstructor;
|
|
8110
8179
|
rows: {
|
|
8111
8180
|
type: NumberConstructor;
|
|
8112
8181
|
default: number;
|
|
@@ -8194,6 +8263,7 @@ export declare const Components: {
|
|
|
8194
8263
|
rows: number;
|
|
8195
8264
|
defaultSort: Record<string, any>;
|
|
8196
8265
|
stripe: boolean;
|
|
8266
|
+
divider: boolean;
|
|
8197
8267
|
showSummary: boolean;
|
|
8198
8268
|
highlight: boolean;
|
|
8199
8269
|
treeMap: Record<string, any>;
|
package/dist/index.iife.js
CHANGED
|
@@ -32167,7 +32167,7 @@ var Vc = (function (exports, vue) {
|
|
|
32167
32167
|
},
|
|
32168
32168
|
width: {
|
|
32169
32169
|
type: Number,
|
|
32170
|
-
default:
|
|
32170
|
+
default: 600
|
|
32171
32171
|
},
|
|
32172
32172
|
height: {
|
|
32173
32173
|
type: Number,
|
|
@@ -32193,6 +32193,8 @@ var Vc = (function (exports, vue) {
|
|
|
32193
32193
|
maskStyle: [Object, String],
|
|
32194
32194
|
wrapperClass: [Object, String],
|
|
32195
32195
|
wrapperStyle: [Object, String],
|
|
32196
|
+
contentStyle: [Object, String],
|
|
32197
|
+
contentClass: [Object, String],
|
|
32196
32198
|
closeWithCancel: {
|
|
32197
32199
|
type: Boolean,
|
|
32198
32200
|
default: true
|
|
@@ -32338,7 +32340,8 @@ var Vc = (function (exports, vue) {
|
|
|
32338
32340
|
"class": "vc-drawer__content-container"
|
|
32339
32341
|
}, [vue.createVNode(Scroller, {
|
|
32340
32342
|
"native": false,
|
|
32341
|
-
"contentClass": "vc-drawer__content"
|
|
32343
|
+
"contentClass": [props2.contentClass, "vc-drawer__content"],
|
|
32344
|
+
"contentStyle": props2.contentStyle
|
|
32342
32345
|
}, {
|
|
32343
32346
|
default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
|
|
32344
32347
|
"innerHTML": props2.content
|
|
@@ -32613,7 +32616,10 @@ var Vc = (function (exports, vue) {
|
|
|
32613
32616
|
type: String,
|
|
32614
32617
|
default: "right"
|
|
32615
32618
|
},
|
|
32616
|
-
contentStyle: String
|
|
32619
|
+
contentStyle: [Object, String],
|
|
32620
|
+
contentClass: [Object, String],
|
|
32621
|
+
labelStyle: [Object, String],
|
|
32622
|
+
labelClass: [Object, String]
|
|
32617
32623
|
};
|
|
32618
32624
|
const filterEmpty = (val) => {
|
|
32619
32625
|
if (val instanceof Array) {
|
|
@@ -32687,10 +32693,13 @@ var Vc = (function (exports, vue) {
|
|
|
32687
32693
|
});
|
|
32688
32694
|
const labelStyle = vue.computed(() => {
|
|
32689
32695
|
const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : isNest.value ? 0 : form.props.labelWidth;
|
|
32690
|
-
return
|
|
32691
|
-
|
|
32692
|
-
|
|
32693
|
-
|
|
32696
|
+
return [
|
|
32697
|
+
{
|
|
32698
|
+
width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
|
|
32699
|
+
textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
|
|
32700
|
+
},
|
|
32701
|
+
props2.labelStyle
|
|
32702
|
+
];
|
|
32694
32703
|
});
|
|
32695
32704
|
const contentStyle = vue.computed(() => {
|
|
32696
32705
|
const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : form.props.labelWidth;
|
|
@@ -32899,14 +32908,14 @@ var Vc = (function (exports, vue) {
|
|
|
32899
32908
|
})];
|
|
32900
32909
|
return vue.createVNode("div", {
|
|
32901
32910
|
"class": ["vc-form-item", classes.value]
|
|
32902
|
-
}, [vue.createVNode("div", {
|
|
32911
|
+
}, [(label || slots.label) && vue.createVNode("div", {
|
|
32903
32912
|
"style": labelStyle.value,
|
|
32904
|
-
"class": "vc-form-item__label",
|
|
32913
|
+
"class": ["vc-form-item__label", props2.labelClass],
|
|
32905
32914
|
"for": labelFor
|
|
32906
32915
|
}, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
|
|
32907
32916
|
"class": "vc-form-item__wrapper"
|
|
32908
32917
|
}, [vue.createVNode("div", {
|
|
32909
|
-
"class": "vc-form-item__content",
|
|
32918
|
+
"class": ["vc-form-item__content", props2.contentClass],
|
|
32910
32919
|
"style": contentStyle.value
|
|
32911
32920
|
}, [slots.default?.(), slots.error ? slots.error({
|
|
32912
32921
|
show: showError.value,
|
|
@@ -33866,10 +33875,14 @@ var Vc = (function (exports, vue) {
|
|
|
33866
33875
|
validator: (v) => /(small|medium|large)/.test(v),
|
|
33867
33876
|
default: "small"
|
|
33868
33877
|
},
|
|
33878
|
+
contentStyle: [Object, String],
|
|
33869
33879
|
contentClass: [Object, String],
|
|
33870
33880
|
width: {
|
|
33871
33881
|
type: Number
|
|
33872
33882
|
},
|
|
33883
|
+
height: {
|
|
33884
|
+
type: Number
|
|
33885
|
+
},
|
|
33873
33886
|
mask: {
|
|
33874
33887
|
type: Boolean,
|
|
33875
33888
|
default: true
|
|
@@ -33957,6 +33970,7 @@ var Vc = (function (exports, vue) {
|
|
|
33957
33970
|
const x = vue.ref(0);
|
|
33958
33971
|
const y = vue.ref(0);
|
|
33959
33972
|
const isActive = vue.ref(false);
|
|
33973
|
+
const MAX_HEIGHT = IS_SERVER$3 ? 0 : window.innerHeight - 20;
|
|
33960
33974
|
const defaultSize = vue.computed(() => {
|
|
33961
33975
|
let width = 0;
|
|
33962
33976
|
let height = 0;
|
|
@@ -33976,16 +33990,20 @@ var Vc = (function (exports, vue) {
|
|
|
33976
33990
|
}
|
|
33977
33991
|
return {
|
|
33978
33992
|
width: props2.width || width,
|
|
33979
|
-
height
|
|
33993
|
+
height: Math.min(props2.height || height, MAX_HEIGHT)
|
|
33980
33994
|
};
|
|
33981
33995
|
});
|
|
33982
33996
|
const basicStyle = vue.computed(() => {
|
|
33983
|
-
|
|
33997
|
+
const result = {
|
|
33984
33998
|
width: `${defaultSize.value.width}px`,
|
|
33985
|
-
|
|
33986
|
-
// 注: 服务端渲染为0, 在客服端激活前,展示端存在问题【高度不定】
|
|
33987
|
-
maxHeight: IS_SERVER$3 ? 0 : `${window.innerHeight - 20}px`
|
|
33999
|
+
maxHeight: `${MAX_HEIGHT}px`
|
|
33988
34000
|
};
|
|
34001
|
+
if (props2.height) {
|
|
34002
|
+
result.height = `${defaultSize.value.height}px`;
|
|
34003
|
+
} else {
|
|
34004
|
+
result.minHeight = `${defaultSize.value.height}px`;
|
|
34005
|
+
}
|
|
34006
|
+
return result;
|
|
33989
34007
|
});
|
|
33990
34008
|
const draggableStyle = vue.computed(() => {
|
|
33991
34009
|
if (IS_SERVER$3 || !props2.draggable) return {};
|
|
@@ -34077,6 +34095,7 @@ var Vc = (function (exports, vue) {
|
|
|
34077
34095
|
}
|
|
34078
34096
|
};
|
|
34079
34097
|
const handleContentResize = () => {
|
|
34098
|
+
if (props2.height) return;
|
|
34080
34099
|
const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue("height");
|
|
34081
34100
|
const needRefreshContainer = !!container.value.style.getPropertyValue("height");
|
|
34082
34101
|
needRefreshContainer && container.value.style.removeProperty("height");
|
|
@@ -34212,7 +34231,8 @@ var Vc = (function (exports, vue) {
|
|
|
34212
34231
|
"height": isTransitionEnd.value ? row.height : void 0,
|
|
34213
34232
|
"contentClass": [{
|
|
34214
34233
|
"is-confirm": props2.mode
|
|
34215
|
-
}, props2.contentClass, "vc-modal__content"]
|
|
34234
|
+
}, props2.contentClass, "vc-modal__content"],
|
|
34235
|
+
"contentStyle": props2.contentStyle
|
|
34216
34236
|
}, {
|
|
34217
34237
|
default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
|
|
34218
34238
|
"innerHTML": props2.content
|
|
@@ -38923,6 +38943,8 @@ var Vc = (function (exports, vue) {
|
|
|
38923
38943
|
stripe: Boolean,
|
|
38924
38944
|
// 是否带有纵向边框
|
|
38925
38945
|
border: Boolean,
|
|
38946
|
+
// 是否分割线
|
|
38947
|
+
divider: Boolean,
|
|
38926
38948
|
// 非常影响表格虚拟滚动的性能,按容器的高度手动优化该值
|
|
38927
38949
|
// 后续考虑移除,动态计算
|
|
38928
38950
|
rows: {
|
|
@@ -39056,6 +39078,7 @@ var Vc = (function (exports, vue) {
|
|
|
39056
39078
|
"vc-table--fit": props2.fit,
|
|
39057
39079
|
"vc-table--striped": props2.stripe,
|
|
39058
39080
|
"vc-table--border": props2.border || states.isGroup,
|
|
39081
|
+
"vc-table--divider": props2.border || props2.divider,
|
|
39059
39082
|
"vc-table--group": states.isGroup,
|
|
39060
39083
|
"vc-table--fluid-height": props2.maxHeight,
|
|
39061
39084
|
"vc-table--scrollable-x": layout.states.scrollX,
|
|
@@ -39810,7 +39833,7 @@ var Vc = (function (exports, vue) {
|
|
|
39810
39833
|
}
|
|
39811
39834
|
const line = column.line || VcInstance.options.TableColumn?.line;
|
|
39812
39835
|
if (line && value) {
|
|
39813
|
-
const base = rowData.isHead || rowData.isTail ?
|
|
39836
|
+
const base = rowData.isHead || rowData.isTail ? 36 : 24;
|
|
39814
39837
|
const style2 = {
|
|
39815
39838
|
// 目前左右pading为10
|
|
39816
39839
|
// TODO: 含有border还要-1
|
package/dist/index.umd.cjs
CHANGED
|
@@ -32170,7 +32170,7 @@
|
|
|
32170
32170
|
},
|
|
32171
32171
|
width: {
|
|
32172
32172
|
type: Number,
|
|
32173
|
-
default:
|
|
32173
|
+
default: 600
|
|
32174
32174
|
},
|
|
32175
32175
|
height: {
|
|
32176
32176
|
type: Number,
|
|
@@ -32196,6 +32196,8 @@
|
|
|
32196
32196
|
maskStyle: [Object, String],
|
|
32197
32197
|
wrapperClass: [Object, String],
|
|
32198
32198
|
wrapperStyle: [Object, String],
|
|
32199
|
+
contentStyle: [Object, String],
|
|
32200
|
+
contentClass: [Object, String],
|
|
32199
32201
|
closeWithCancel: {
|
|
32200
32202
|
type: Boolean,
|
|
32201
32203
|
default: true
|
|
@@ -32341,7 +32343,8 @@
|
|
|
32341
32343
|
"class": "vc-drawer__content-container"
|
|
32342
32344
|
}, [vue.createVNode(Scroller, {
|
|
32343
32345
|
"native": false,
|
|
32344
|
-
"contentClass": "vc-drawer__content"
|
|
32346
|
+
"contentClass": [props2.contentClass, "vc-drawer__content"],
|
|
32347
|
+
"contentStyle": props2.contentStyle
|
|
32345
32348
|
}, {
|
|
32346
32349
|
default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
|
|
32347
32350
|
"innerHTML": props2.content
|
|
@@ -32616,7 +32619,10 @@
|
|
|
32616
32619
|
type: String,
|
|
32617
32620
|
default: "right"
|
|
32618
32621
|
},
|
|
32619
|
-
contentStyle: String
|
|
32622
|
+
contentStyle: [Object, String],
|
|
32623
|
+
contentClass: [Object, String],
|
|
32624
|
+
labelStyle: [Object, String],
|
|
32625
|
+
labelClass: [Object, String]
|
|
32620
32626
|
};
|
|
32621
32627
|
const filterEmpty = (val) => {
|
|
32622
32628
|
if (val instanceof Array) {
|
|
@@ -32690,10 +32696,13 @@
|
|
|
32690
32696
|
});
|
|
32691
32697
|
const labelStyle = vue.computed(() => {
|
|
32692
32698
|
const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : isNest.value ? 0 : form.props.labelWidth;
|
|
32693
|
-
return
|
|
32694
|
-
|
|
32695
|
-
|
|
32696
|
-
|
|
32699
|
+
return [
|
|
32700
|
+
{
|
|
32701
|
+
width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
|
|
32702
|
+
textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
|
|
32703
|
+
},
|
|
32704
|
+
props2.labelStyle
|
|
32705
|
+
];
|
|
32697
32706
|
});
|
|
32698
32707
|
const contentStyle = vue.computed(() => {
|
|
32699
32708
|
const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : form.props.labelWidth;
|
|
@@ -32902,14 +32911,14 @@
|
|
|
32902
32911
|
})];
|
|
32903
32912
|
return vue.createVNode("div", {
|
|
32904
32913
|
"class": ["vc-form-item", classes.value]
|
|
32905
|
-
}, [vue.createVNode("div", {
|
|
32914
|
+
}, [(label || slots.label) && vue.createVNode("div", {
|
|
32906
32915
|
"style": labelStyle.value,
|
|
32907
|
-
"class": "vc-form-item__label",
|
|
32916
|
+
"class": ["vc-form-item__label", props2.labelClass],
|
|
32908
32917
|
"for": labelFor
|
|
32909
32918
|
}, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
|
|
32910
32919
|
"class": "vc-form-item__wrapper"
|
|
32911
32920
|
}, [vue.createVNode("div", {
|
|
32912
|
-
"class": "vc-form-item__content",
|
|
32921
|
+
"class": ["vc-form-item__content", props2.contentClass],
|
|
32913
32922
|
"style": contentStyle.value
|
|
32914
32923
|
}, [slots.default?.(), slots.error ? slots.error({
|
|
32915
32924
|
show: showError.value,
|
|
@@ -33869,10 +33878,14 @@
|
|
|
33869
33878
|
validator: (v) => /(small|medium|large)/.test(v),
|
|
33870
33879
|
default: "small"
|
|
33871
33880
|
},
|
|
33881
|
+
contentStyle: [Object, String],
|
|
33872
33882
|
contentClass: [Object, String],
|
|
33873
33883
|
width: {
|
|
33874
33884
|
type: Number
|
|
33875
33885
|
},
|
|
33886
|
+
height: {
|
|
33887
|
+
type: Number
|
|
33888
|
+
},
|
|
33876
33889
|
mask: {
|
|
33877
33890
|
type: Boolean,
|
|
33878
33891
|
default: true
|
|
@@ -33960,6 +33973,7 @@
|
|
|
33960
33973
|
const x = vue.ref(0);
|
|
33961
33974
|
const y = vue.ref(0);
|
|
33962
33975
|
const isActive = vue.ref(false);
|
|
33976
|
+
const MAX_HEIGHT = IS_SERVER$3 ? 0 : window.innerHeight - 20;
|
|
33963
33977
|
const defaultSize = vue.computed(() => {
|
|
33964
33978
|
let width = 0;
|
|
33965
33979
|
let height = 0;
|
|
@@ -33979,16 +33993,20 @@
|
|
|
33979
33993
|
}
|
|
33980
33994
|
return {
|
|
33981
33995
|
width: props2.width || width,
|
|
33982
|
-
height
|
|
33996
|
+
height: Math.min(props2.height || height, MAX_HEIGHT)
|
|
33983
33997
|
};
|
|
33984
33998
|
});
|
|
33985
33999
|
const basicStyle = vue.computed(() => {
|
|
33986
|
-
|
|
34000
|
+
const result = {
|
|
33987
34001
|
width: `${defaultSize.value.width}px`,
|
|
33988
|
-
|
|
33989
|
-
// 注: 服务端渲染为0, 在客服端激活前,展示端存在问题【高度不定】
|
|
33990
|
-
maxHeight: IS_SERVER$3 ? 0 : `${window.innerHeight - 20}px`
|
|
34002
|
+
maxHeight: `${MAX_HEIGHT}px`
|
|
33991
34003
|
};
|
|
34004
|
+
if (props2.height) {
|
|
34005
|
+
result.height = `${defaultSize.value.height}px`;
|
|
34006
|
+
} else {
|
|
34007
|
+
result.minHeight = `${defaultSize.value.height}px`;
|
|
34008
|
+
}
|
|
34009
|
+
return result;
|
|
33992
34010
|
});
|
|
33993
34011
|
const draggableStyle = vue.computed(() => {
|
|
33994
34012
|
if (IS_SERVER$3 || !props2.draggable) return {};
|
|
@@ -34080,6 +34098,7 @@
|
|
|
34080
34098
|
}
|
|
34081
34099
|
};
|
|
34082
34100
|
const handleContentResize = () => {
|
|
34101
|
+
if (props2.height) return;
|
|
34083
34102
|
const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue("height");
|
|
34084
34103
|
const needRefreshContainer = !!container.value.style.getPropertyValue("height");
|
|
34085
34104
|
needRefreshContainer && container.value.style.removeProperty("height");
|
|
@@ -34215,7 +34234,8 @@
|
|
|
34215
34234
|
"height": isTransitionEnd.value ? row.height : void 0,
|
|
34216
34235
|
"contentClass": [{
|
|
34217
34236
|
"is-confirm": props2.mode
|
|
34218
|
-
}, props2.contentClass, "vc-modal__content"]
|
|
34237
|
+
}, props2.contentClass, "vc-modal__content"],
|
|
34238
|
+
"contentStyle": props2.contentStyle
|
|
34219
34239
|
}, {
|
|
34220
34240
|
default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
|
|
34221
34241
|
"innerHTML": props2.content
|
|
@@ -38926,6 +38946,8 @@
|
|
|
38926
38946
|
stripe: Boolean,
|
|
38927
38947
|
// 是否带有纵向边框
|
|
38928
38948
|
border: Boolean,
|
|
38949
|
+
// 是否分割线
|
|
38950
|
+
divider: Boolean,
|
|
38929
38951
|
// 非常影响表格虚拟滚动的性能,按容器的高度手动优化该值
|
|
38930
38952
|
// 后续考虑移除,动态计算
|
|
38931
38953
|
rows: {
|
|
@@ -39059,6 +39081,7 @@
|
|
|
39059
39081
|
"vc-table--fit": props2.fit,
|
|
39060
39082
|
"vc-table--striped": props2.stripe,
|
|
39061
39083
|
"vc-table--border": props2.border || states.isGroup,
|
|
39084
|
+
"vc-table--divider": props2.border || props2.divider,
|
|
39062
39085
|
"vc-table--group": states.isGroup,
|
|
39063
39086
|
"vc-table--fluid-height": props2.maxHeight,
|
|
39064
39087
|
"vc-table--scrollable-x": layout.states.scrollX,
|
|
@@ -39813,7 +39836,7 @@
|
|
|
39813
39836
|
}
|
|
39814
39837
|
const line = column.line || VcInstance.options.TableColumn?.line;
|
|
39815
39838
|
if (line && value) {
|
|
39816
|
-
const base = rowData.isHead || rowData.isTail ?
|
|
39839
|
+
const base = rowData.isHead || rowData.isTail ? 36 : 24;
|
|
39817
39840
|
const style2 = {
|
|
39818
39841
|
// 目前左右pading为10
|
|
39819
39842
|
// TODO: 含有border还要-1
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deot/vc",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.24",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"access": "public"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@deot/vc-components": "^1.0.
|
|
23
|
-
"@deot/vc-hooks": "^1.0.
|
|
24
|
-
"@deot/vc-shared": "^1.0.
|
|
22
|
+
"@deot/vc-components": "^1.0.24",
|
|
23
|
+
"@deot/vc-hooks": "^1.0.24",
|
|
24
|
+
"@deot/vc-shared": "^1.0.24"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"vue": "*"
|