@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 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>;
@@ -32167,7 +32167,7 @@ var Vc = (function (exports, vue) {
32167
32167
  },
32168
32168
  width: {
32169
32169
  type: Number,
32170
- default: 300
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
- width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
32692
- textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
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
- return {
33997
+ const result = {
33984
33998
  width: `${defaultSize.value.width}px`,
33985
- minHeight: `${defaultSize.value.height}px`,
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 ? 30 : 20;
39836
+ const base = rowData.isHead || rowData.isTail ? 36 : 24;
39814
39837
  const style2 = {
39815
39838
  // 目前左右pading为10
39816
39839
  // TODO: 含有border还要-1
@@ -32170,7 +32170,7 @@
32170
32170
  },
32171
32171
  width: {
32172
32172
  type: Number,
32173
- default: 300
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
- width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
32695
- textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
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
- return {
34000
+ const result = {
33987
34001
  width: `${defaultSize.value.width}px`,
33988
- minHeight: `${defaultSize.value.height}px`,
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 ? 30 : 20;
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.23",
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",
23
- "@deot/vc-hooks": "^1.0.23",
24
- "@deot/vc-shared": "^1.0.23"
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": "*"