@wfrog/vc-ui 1.14.2 → 1.14.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.
@@ -7,7 +7,7 @@ export interface IColumnConfig {
7
7
  visible?: boolean;
8
8
  fixed?: 'left' | 'right';
9
9
  align?: 'left' | 'center' | 'right';
10
- formatterName?: string;
10
+ showOverflowTooltip?: boolean;
11
11
  disabled?: boolean;
12
12
  widthType?: 'width' | 'minWidth';
13
13
  formFixed?: ('left' | 'right')[];
@@ -20,10 +20,6 @@ export interface IExplorerColumnTableProps {
20
20
  height?: number | string;
21
21
  emptyColumn?: boolean;
22
22
  editable?: boolean;
23
- formatterNameOptions?: {
24
- label: string;
25
- value: string;
26
- }[];
27
23
  }
28
24
  export interface IExplorerColumnTableEmits {
29
25
  (e: 'update:data', data: IColumnConfig[]): void;
@@ -2,15 +2,14 @@ import './index.css'
2
2
  import { ElTable, ElTableColumn, ElCheckbox } from 'element-plus/es';
3
3
  import 'element-plus/es/components/base/style/css';
4
4
  import 'element-plus/es/components/table/style/css';
5
- import 'element-plus/es/components/table-column/style/css';
6
5
  import 'element-plus/es/components/checkbox/style/css';
6
+ import 'element-plus/es/components/table-column/style/css';
7
7
  import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, watch, onBeforeUnmount, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
8
8
  import { useDraggable } from 'vue-draggable-plus';
9
9
  import { C as Component$3 } from '../choice/choice.mjs';
10
10
  import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
11
11
  import { C as Component$4 } from '../input-number/input-number.mjs';
12
12
  import { C as Component$1 } from '../input/input.mjs';
13
- import { C as Component$5 } from '../select/select.mjs';
14
13
  import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
15
14
 
16
15
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,8 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
22
21
  highlightCurrent: { type: Boolean, default: false },
23
22
  height: { default: 320 },
24
23
  emptyColumn: { type: Boolean, default: false },
25
- editable: { type: Boolean, default: false },
26
- formatterNameOptions: {}
24
+ editable: { type: Boolean, default: false }
27
25
  },
28
26
  emits: ["update:data"],
29
27
  setup(__props, { expose: __expose, emit: __emit }) {
@@ -41,7 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
41
39
  if (item.fixed) {
42
40
  item.formFixed = [item.fixed];
43
41
  }
44
- item.formatterName ??= "text";
45
42
  return item;
46
43
  });
47
44
  },
@@ -62,24 +59,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
62
59
  { label: "左", value: "left" },
63
60
  { label: "右", value: "right" }
64
61
  ];
65
- const formatterNameOptions = computed(() => {
66
- return [
67
- { label: "文本", value: "text" },
68
- { label: "文本截断", value: "truncate" },
69
- ...props.formatterNameOptions || []
70
- ];
71
- });
72
- const widthConfig = ref({ width: 240, data: 160, fixed: 120, formatter: 120 });
62
+ const widthConfig = ref({ width: 240, data: 160, fixed: 120, truncate: 60 });
73
63
  const widthConfigWatch = watch(() => props.size, () => {
74
64
  if (props.size === "small") {
75
- widthConfig.value = { width: 210, data: 140, fixed: 100, formatter: 110 };
65
+ widthConfig.value = { width: 210, data: 140, fixed: 100, truncate: 50 };
76
66
  return;
77
67
  }
78
68
  if (props.size === "default") {
79
- widthConfig.value = { width: 240, data: 160, fixed: 120, formatter: 120 };
69
+ widthConfig.value = { width: 240, data: 160, fixed: 120, truncate: 60 };
80
70
  return;
81
71
  }
82
- widthConfig.value = { width: 260, data: 200, fixed: 140, formatter: 140 };
72
+ widthConfig.value = { width: 260, data: 200, fixed: 140, truncate: 76 };
83
73
  }, { immediate: true });
84
74
  const isFullMode = computed(() => props.mode === "full");
85
75
  function getLabel(row) {
@@ -153,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
153
143
  return (_ctx, _cache) => {
154
144
  const _component_ElCheckbox = ElCheckbox;
155
145
  const _component_ElTableColumn = ElTableColumn;
146
+ const _component_el_checkbox = ElCheckbox;
156
147
  const _component_ElTable = ElTable;
157
148
  return unref(tableVisible) ? (openBlock(), createBlock(_component_ElTable, {
158
149
  key: 0,
@@ -327,23 +318,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
327
318
  }, 8, ["width"])) : createCommentVNode("", true),
328
319
  unref(isFullMode) ? (openBlock(), createBlock(_component_ElTableColumn, {
329
320
  key: 6,
330
- label: "处理方式",
331
- width: unref(widthConfig).formatter,
321
+ label: "截断",
322
+ width: unref(widthConfig).truncate,
332
323
  align: "center"
333
324
  }, {
334
325
  default: withCtx(({ row }) => [
335
326
  createElementVNode("div", {
336
327
  class: normalizeClass(unref($style)["item-container"])
337
328
  }, [
338
- createVNode(Component$5, {
339
- modelValue: row.formatterName,
340
- "onUpdate:modelValue": ($event) => row.formatterName = $event,
341
- "append-to": unref(tableRef)?.$el,
342
- options: unref(formatterNameOptions),
329
+ createVNode(_component_el_checkbox, {
330
+ modelValue: row.showOverflowTooltip,
331
+ "onUpdate:modelValue": ($event) => row.showOverflowTooltip = $event,
343
332
  size: __props.size,
344
- disabled: row.disabled,
345
- width: "84px"
346
- }, null, 8, ["modelValue", "onUpdate:modelValue", "append-to", "options", "size", "disabled"])
333
+ border: "",
334
+ class: normalizeClass(unref($style).truncate),
335
+ disabled: row.disabled
336
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "class", "disabled"])
347
337
  ], 2)
348
338
  ]),
349
339
  _: 1
@@ -368,14 +358,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
368
358
  }
369
359
  });
370
360
 
371
- /* unplugin-vue-components disabled */const table = "_table_basev_1";
372
- const label = "_label_basev_8";
373
- const handle = "_handle_basev_29";
361
+ /* unplugin-vue-components disabled */const table = "_table_1vtct_1";
362
+ const label = "_label_1vtct_8";
363
+ const handle = "_handle_1vtct_29";
364
+ const truncate = "_truncate_1vtct_45";
374
365
  const style0 = {
375
366
  table: table,
376
367
  label: label,
377
368
  handle: handle,
378
- "item-container": "_item-container_basev_33"
369
+ "item-container": "_item-container_1vtct_33",
370
+ truncate: truncate
379
371
  };
380
372
 
381
373
  const cssModules = {
@@ -3,17 +3,17 @@ declare const widthConfig: globalThis.Ref<{
3
3
  width: number;
4
4
  data: number;
5
5
  fixed: number;
6
- formatter: number;
6
+ truncate: number;
7
7
  }, {
8
8
  width: number;
9
9
  data: number;
10
10
  fixed: number;
11
- formatter: number;
11
+ truncate: number;
12
12
  } | {
13
13
  width: number;
14
14
  data: number;
15
15
  fixed: number;
16
- formatter: number;
16
+ truncate: number;
17
17
  }>;
18
18
  declare function init(): void;
19
19
  declare function rerender(): Promise<void>;
@@ -2976,7 +2976,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
2976
2976
  width: number;
2977
2977
  data: number;
2978
2978
  fixed: number;
2979
- formatter: number;
2979
+ truncate: number;
2980
2980
  };
2981
2981
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
2982
2982
  "update:data": (data: IColumnConfig[]) => any;
@@ -1,41 +1,50 @@
1
1
  /* source: src/components/explorer-column-table/explorer-column-table.vue */
2
- div._table_basev_1 {
2
+ div._table_1vtct_1 {
3
3
  flex-grow: 1;
4
4
  height: 100px;
5
5
  --el-table-header-bg-color: var(--el-color-info-light-9);
6
6
  --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
7
7
  }
8
- ._label_basev_8 {
8
+ ._label_1vtct_8 {
9
9
  display: inline-flex;
10
- align-items: center;
11
10
  width: 100%;
11
+ align-items: center;
12
12
  }
13
- ._label_basev_8 .el-checkbox {
13
+ ._label_1vtct_8 .el-checkbox {
14
+ width: 100%;
14
15
  display: flex;
15
16
  align-items: center;
16
- width: 100%;
17
17
  }
18
- ._label_basev_8 .el-checkbox__label {
19
- flex-grow: 1;
18
+ ._label_1vtct_8 .el-checkbox__label {
20
19
  min-width: 0;
21
20
  overflow: hidden;
22
21
  text-overflow: ellipsis;
23
22
  white-space: nowrap;
23
+ flex-grow: 1;
24
24
  }
25
- ._label_basev_8 .iconify {
25
+ ._label_1vtct_8 .iconify {
26
26
  margin-left: 4px;
27
27
  }
28
- ._handle_basev_29 {
28
+ ._handle_1vtct_29 {
29
29
  cursor: move;
30
30
  }
31
- ._item-container_basev_33 {
31
+ ._item-container_1vtct_33 {
32
32
  display: inline-flex;
33
- column-gap: 4px;
34
33
  align-items: center;
35
- vertical-align: middle;
34
+ column-gap: 4px;
36
35
  padding: 1px 0;
37
36
  line-height: 0;
37
+ vertical-align: middle;
38
38
  }
39
- ._item-container_basev_33 > div {
39
+ ._item-container_1vtct_33 > div {
40
40
  vertical-align: middle;
41
+ }
42
+ ._truncate_1vtct_45 {
43
+ padding: 0 9px !important;
44
+ }
45
+ ._truncate_1vtct_45.el-checkbox--small {
46
+ padding: 0 7px !important;
47
+ }
48
+ ._truncate_1vtct_45.el-checkbox--large {
49
+ padding: 0 11px !important;
41
50
  }
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
42
  emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll", "loadMore"],
43
43
  setup(__props, { expose: __expose, emit: __emit }) {
44
44
  useCssVars((_ctx) => ({
45
- "v490937e0": `${_ctx.empty ? "flex" : "none"}`
45
+ "v34b07a80": `${_ctx.empty ? "flex" : "none"}`
46
46
  }));
47
47
  const props = __props;
48
48
  const emits = __emit;
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
50
50
  const $style = useCssModule();
51
51
  const tableRef = useTemplateRef("tableRef");
52
52
  const sentinelRef = useTemplateRef("sentinelRef");
53
- const columns = computed(() => state.columnConfig.value.filter(props.columnFilter).map((item) => item.formatterName === "truncate" ? { ...item, showOverflowTooltip: true } : item));
53
+ const columns = computed(() => state.columnConfig.value.filter(props.columnFilter));
54
54
  const scrollLoadEnabled = computed(() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled);
55
55
  const scrollRoot = computed(() => tableRef.value?.scrollBarRef?.wrapRef ?? null);
56
56
  useIntersectionObserver(
@@ -21,7 +21,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
21
21
  border-color: var(--el-color-primary);
22
22
  }
23
23
  div._table_o4h9r_7 .el-table__empty-block {
24
- display: var(--v490937e0);
24
+ display: var(--v34b07a80);
25
25
  }
26
26
  ._selection_o4h9r_27 .cell {
27
27
  display: flex;
@@ -16,10 +16,6 @@ declare function __VLS_template(): {
16
16
  readonly height?: number | string | undefined;
17
17
  readonly emptyColumn?: boolean | undefined;
18
18
  readonly editable?: boolean | undefined;
19
- readonly formatterNameOptions?: {
20
- label: string;
21
- value: string;
22
- }[] | undefined;
23
19
  readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
24
20
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
25
21
  $attrs: {
@@ -2986,13 +2982,13 @@ declare function __VLS_template(): {
2986
2982
  width: number;
2987
2983
  data: number;
2988
2984
  fixed: number;
2989
- formatter: number;
2985
+ truncate: number;
2990
2986
  }) => void;
2991
2987
  getWidthConfig: () => {
2992
2988
  width: number;
2993
2989
  data: number;
2994
2990
  fixed: number;
2995
- formatter: number;
2991
+ truncate: number;
2996
2992
  };
2997
2993
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
2998
2994
  "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
@@ -4509,13 +4505,13 @@ declare function __VLS_template(): {
4509
4505
  width: number;
4510
4506
  data: number;
4511
4507
  fixed: number;
4512
- formatter: number;
4508
+ truncate: number;
4513
4509
  }) => void;
4514
4510
  getWidthConfig: () => {
4515
4511
  width: number;
4516
4512
  data: number;
4517
4513
  fixed: number;
4518
- formatter: number;
4514
+ truncate: number;
4519
4515
  };
4520
4516
  }> & {} & import('vue').ComponentCustomProperties & {} & {
4521
4517
  $slots: {
@@ -4537,10 +4533,6 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
4537
4533
  onConfigConfirm?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
4538
4534
  }>, {
4539
4535
  data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
4540
- formatterNameOptions: {
4541
- label: string;
4542
- value: string;
4543
- }[];
4544
4536
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
4545
4537
  columnTableRef: ({
4546
4538
  $: import('vue').ComponentInternalInstance;
@@ -4553,10 +4545,6 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
4553
4545
  readonly height?: number | string | undefined;
4554
4546
  readonly emptyColumn?: boolean | undefined;
4555
4547
  readonly editable?: boolean | undefined;
4556
- readonly formatterNameOptions?: {
4557
- label: string;
4558
- value: string;
4559
- }[] | undefined;
4560
4548
  readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
4561
4549
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
4562
4550
  $attrs: {
@@ -7523,13 +7511,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
7523
7511
  width: number;
7524
7512
  data: number;
7525
7513
  fixed: number;
7526
- formatter: number;
7514
+ truncate: number;
7527
7515
  }) => void;
7528
7516
  getWidthConfig: () => {
7529
7517
  width: number;
7530
7518
  data: number;
7531
7519
  fixed: number;
7532
- formatter: number;
7520
+ truncate: number;
7533
7521
  };
7534
7522
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
7535
7523
  "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
@@ -9046,13 +9034,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
9046
9034
  width: number;
9047
9035
  data: number;
9048
9036
  fixed: number;
9049
- formatter: number;
9037
+ truncate: number;
9050
9038
  }) => void;
9051
9039
  getWidthConfig: () => {
9052
9040
  width: number;
9053
9041
  data: number;
9054
9042
  fixed: number;
9055
- formatter: number;
9043
+ truncate: number;
9056
9044
  };
9057
9045
  }> & {} & import('vue').ComponentCustomProperties & {} & {
9058
9046
  $slots: {
@@ -11,10 +11,6 @@ export interface IExplorerToolsProps {
11
11
  columnSetterSize?: 'small' | 'default' | 'large';
12
12
  columnToStorage?: boolean;
13
13
  columnResetVisible?: boolean;
14
- columnFormatterNameOptions?: {
15
- label: string;
16
- value: string;
17
- }[];
18
14
  bottomBorder?: boolean;
19
15
  }
20
16
  export interface IExplorerToolsEmits {
@@ -32,10 +28,6 @@ export interface IColumnSetterProps {
32
28
  columnToStorage?: boolean;
33
29
  toolsKey?: string;
34
30
  resetVisible?: boolean;
35
- formatterNameOptions?: {
36
- label: string;
37
- value: string;
38
- }[];
39
31
  }
40
32
  export interface IColumnSetterEmits {
41
33
  (e: 'update:data', data: IColumnConfig[]): void;
@@ -28,8 +28,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
28
28
  size: {},
29
29
  columnToStorage: { type: Boolean },
30
30
  toolsKey: {},
31
- resetVisible: { type: Boolean },
32
- formatterNameOptions: { default: () => [] }
31
+ resetVisible: { type: Boolean }
33
32
  },
34
33
  emits: ["update:data", "configConfirm", "reset"],
35
34
  setup(__props, { emit: __emit }) {
@@ -137,11 +136,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
137
136
  ref: columnTableRef,
138
137
  data: unref(myData),
139
138
  "onUpdate:data": _cache[2] || (_cache[2] = ($event) => isRef(myData) ? myData.value = $event : null),
140
- "formatter-name-options": __props.formatterNameOptions,
141
139
  size: __props.size,
142
140
  mode: unref(mode),
143
141
  height: 320
144
- }, null, 8, ["data", "formatter-name-options", "size", "mode"])
142
+ }, null, 8, ["data", "size", "mode"])
145
143
  ]),
146
144
  key: "0"
147
145
  } : void 0
@@ -150,13 +148,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
150
148
  }
151
149
  });
152
150
 
153
- /* unplugin-vue-components disabled */const header = "_header_7xy5t_1";
154
- const segmented = "_segmented_7xy5t_13";
155
- const reset = "_reset_7xy5t_17";
156
- const divider = "_divider_7xy5t_21";
151
+ /* unplugin-vue-components disabled */const header = "_header_8k9xf_1";
152
+ const segmented = "_segmented_8k9xf_13";
153
+ const reset = "_reset_8k9xf_17";
154
+ const divider = "_divider_8k9xf_21";
157
155
  const style0$1 = {
158
156
  header: header,
159
- "mode-wrapper": "_mode-wrapper_7xy5t_7",
157
+ "mode-wrapper": "_mode-wrapper_8k9xf_7",
160
158
  segmented: segmented,
161
159
  reset: reset,
162
160
  divider: divider
@@ -181,7 +179,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
181
179
  columnSetterSize: { default: "small" },
182
180
  columnToStorage: { type: Boolean },
183
181
  columnResetVisible: { type: Boolean, default: true },
184
- columnFormatterNameOptions: { default: () => [] },
185
182
  bottomBorder: { type: Boolean }
186
183
  },
187
184
  emits: ["refresh", "fullscreen", "search", "layout", "create", "configConfirm", "columnReset"],
@@ -307,7 +304,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
307
304
  size: __props.columnSetterSize,
308
305
  "column-to-storage": __props.columnToStorage,
309
306
  "reset-visible": __props.columnResetVisible,
310
- "formatter-name-options": __props.columnFormatterNameOptions,
311
307
  onConfigConfirm: _cache[6] || (_cache[6] = (val) => emits("configConfirm", val)),
312
308
  onReset: _cache[7] || (_cache[7] = ($event) => emits("columnReset"))
313
309
  }, {
@@ -321,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
321
317
  }, null, 8, ["class", "throttle"])
322
318
  ]),
323
319
  _: 1
324
- }, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible", "formatter-name-options"])) : createCommentVNode("", true)
320
+ }, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible"])) : createCommentVNode("", true)
325
321
  ], 64);
326
322
  }), 128))
327
323
  ], 2)) : createCommentVNode("", true)
@@ -330,13 +326,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
330
326
  }
331
327
  });
332
328
 
333
- /* unplugin-vue-components disabled */const buttons = "_buttons_tlzkv_15";
334
- const tools = "_tools_tlzkv_24";
335
- const layout = "_layout_tlzkv_35";
336
- const fullscreen = "_fullscreen_tlzkv_40";
329
+ /* unplugin-vue-components disabled */const buttons = "_buttons_1m5u8_15";
330
+ const tools = "_tools_1m5u8_24";
331
+ const layout = "_layout_1m5u8_35";
332
+ const fullscreen = "_fullscreen_1m5u8_40";
337
333
  const style0 = {
338
- "explorer-tools": "_explorer-tools_tlzkv_1",
339
- "bottom-border": "_bottom-border_tlzkv_10",
334
+ "explorer-tools": "_explorer-tools_1m5u8_1",
335
+ "bottom-border": "_bottom-border_1m5u8_10",
340
336
  buttons: buttons,
341
337
  tools: tools,
342
338
  layout: layout,
@@ -34,10 +34,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerToolsProps
34
34
  createText: string;
35
35
  columnSetterSize: "small" | "default" | "large";
36
36
  columnResetVisible: boolean;
37
- columnFormatterNameOptions: {
38
- label: string;
39
- value: string;
40
- }[];
41
37
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
42
38
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
43
39
  export default _default;
@@ -1,64 +1,64 @@
1
1
  /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
2
- ._header_7xy5t_1 {
2
+ ._header_8k9xf_1 {
3
3
  display: flex;
4
4
  justify-content: space-between;
5
5
  align-items: center;
6
6
  }
7
- ._mode-wrapper_7xy5t_7 {
7
+ ._mode-wrapper_8k9xf_7 {
8
8
  display: flex;
9
- column-gap: 8px;
10
9
  align-items: center;
10
+ column-gap: 8px;
11
11
  }
12
- ._segmented_7xy5t_13 .el-segmented__item-label {
12
+ ._segmented_8k9xf_13 .el-segmented__item-label {
13
13
  line-height: 1;
14
14
  }
15
- ._reset_7xy5t_17 {
15
+ ._reset_8k9xf_17 {
16
16
  height: 28px;
17
17
  }
18
- div._divider_7xy5t_21 {
18
+ div._divider_8k9xf_21 {
19
19
  margin: 8px 0;
20
- }._explorer-tools_tlzkv_1 {
20
+ }._explorer-tools_1m5u8_1 {
21
21
  display: flex;
22
- row-gap: 8px;
23
- flex-wrap: wrap;
24
- justify-content: space-between;
25
22
  align-items: center;
26
- box-sizing: border-box;
23
+ justify-content: space-between;
27
24
  padding: 0 0 8px 0;
25
+ flex-wrap: wrap;
26
+ row-gap: 8px;
27
+ box-sizing: border-box;
28
28
  }
29
- ._explorer-tools_tlzkv_1._bottom-border_tlzkv_10 {
30
- margin-bottom: 8px;
29
+ ._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
31
30
  border-bottom: 1px solid var(--el-border-color-lighter);
31
+ margin-bottom: 8px;
32
32
  }
33
- ._buttons_tlzkv_15 {
33
+ ._buttons_1m5u8_15 {
34
34
  display: flex;
35
- column-gap: 8px;
36
35
  align-items: center;
36
+ column-gap: 8px;
37
37
  }
38
- ._buttons_tlzkv_15 button {
38
+ ._buttons_1m5u8_15 button {
39
39
  margin-left: 0 !important;
40
40
  }
41
- ._tools_tlzkv_24 {
41
+ ._tools_1m5u8_24 {
42
42
  display: flex;
43
- column-gap: 8px;
44
43
  align-items: center;
44
+ column-gap: 8px;
45
45
  }
46
- ._tools_tlzkv_24 button.vc-icon-button {
47
- margin-left: 0 !important;
46
+ ._tools_1m5u8_24 button.vc-icon-button {
48
47
  padding: 4px;
49
48
  font-size: 18px;
49
+ margin-left: 0 !important;
50
50
  }
51
- ._layout_tlzkv_35 .el-radio-button__inner {
51
+ ._layout_1m5u8_35 .el-radio-button__inner {
52
52
  padding: 6px 8px;
53
53
  font-size: 18px;
54
54
  }
55
- ._fullscreen_tlzkv_40 {
55
+ ._fullscreen_1m5u8_40 {
56
56
  position: fixed !important;
57
+ background-color: var(--el-bg-color) !important;
57
58
  top: 0 !important;
59
+ left: 0 !important;
58
60
  right: 0 !important;
59
61
  bottom: 0 !important;
60
- left: 0 !important;
61
- background-color: var(--el-bg-color) !important;
62
62
  width: 100% !important;
63
63
  height: 100% !important;
64
64
  }
package/dist/es/index.mjs CHANGED
@@ -170,7 +170,7 @@ const __vite_glob_0_57 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
170
170
  default: _sfc_main$9
171
171
  }, Symbol.toStringTag, { value: 'Module' }));
172
172
 
173
- const version = "1.14.2";
173
+ const version = "1.14.3";
174
174
 
175
175
  const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switch/color-switch.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switch/dark-switch.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/form-item/form-item.vue": __vite_glob_0_34,"./components/gen-input/gen-input.vue": __vite_glob_0_35,"./components/icon-picker/icon-picker.vue": __vite_glob_0_36,"./components/icon/icon.vue": __vite_glob_0_37,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_38,"./components/image/image.vue": __vite_glob_0_39,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_40,"./components/input-number/input-number.vue": __vite_glob_0_41,"./components/input/input.vue": __vite_glob_0_42,"./components/pca-picker/pca-picker.vue": __vite_glob_0_43,"./components/qr-code/qr-code.vue": __vite_glob_0_44,"./components/screenfull/screenfull.vue": __vite_glob_0_45,"./components/scrollbar/scrollbar.vue": __vite_glob_0_46,"./components/select/select.vue": __vite_glob_0_47,"./components/single-player/single-player.vue": __vite_glob_0_48,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_49,"./components/splitter/splitter.vue": __vite_glob_0_50,"./components/svg-icon/svg-icon.vue": __vite_glob_0_51,"./components/switch/switch.vue": __vite_glob_0_52,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_53,"./components/tags/tags.vue": __vite_glob_0_54,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_55,"./components/thousand-input/thousand-input.vue": __vite_glob_0_56,"./components/thousand-separator/thousand-separator.vue": __vite_glob_0_57,"./components/tinymce/tinymce.vue": __vite_glob_0_58,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_59,"./components/transfer/transfer.vue": __vite_glob_0_60,"./components/tree-picker/tree-picker.vue": __vite_glob_0_61,"./components/tree-select/tree-select.vue": __vite_glob_0_62,"./components/upload-file/upload-file.vue": __vite_glob_0_63});
176
176
  const upper = (_, letter) => letter.toUpperCase();
package/dist/index.css CHANGED
@@ -525,46 +525,55 @@ div._main_16nf4_1 ._header_16nf4_50 h4 {
525
525
  vertical-align: -0.17em;
526
526
  }
527
527
  /* source: src/components/explorer-column-table/explorer-column-table.vue */
528
- div._table_basev_1 {
528
+ div._table_1vtct_1 {
529
529
  flex-grow: 1;
530
530
  height: 100px;
531
531
  --el-table-header-bg-color: var(--el-color-info-light-9);
532
532
  --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
533
533
  }
534
- ._label_basev_8 {
534
+ ._label_1vtct_8 {
535
535
  display: inline-flex;
536
- align-items: center;
537
536
  width: 100%;
537
+ align-items: center;
538
538
  }
539
- ._label_basev_8 .el-checkbox {
539
+ ._label_1vtct_8 .el-checkbox {
540
+ width: 100%;
540
541
  display: flex;
541
542
  align-items: center;
542
- width: 100%;
543
543
  }
544
- ._label_basev_8 .el-checkbox__label {
545
- flex-grow: 1;
544
+ ._label_1vtct_8 .el-checkbox__label {
546
545
  min-width: 0;
547
546
  overflow: hidden;
548
547
  text-overflow: ellipsis;
549
548
  white-space: nowrap;
549
+ flex-grow: 1;
550
550
  }
551
- ._label_basev_8 .iconify {
551
+ ._label_1vtct_8 .iconify {
552
552
  margin-left: 4px;
553
553
  }
554
- ._handle_basev_29 {
554
+ ._handle_1vtct_29 {
555
555
  cursor: move;
556
556
  }
557
- ._item-container_basev_33 {
557
+ ._item-container_1vtct_33 {
558
558
  display: inline-flex;
559
- column-gap: 4px;
560
559
  align-items: center;
561
- vertical-align: middle;
560
+ column-gap: 4px;
562
561
  padding: 1px 0;
563
562
  line-height: 0;
563
+ vertical-align: middle;
564
564
  }
565
- ._item-container_basev_33 > div {
565
+ ._item-container_1vtct_33 > div {
566
566
  vertical-align: middle;
567
567
  }
568
+ ._truncate_1vtct_45 {
569
+ padding: 0 9px !important;
570
+ }
571
+ ._truncate_1vtct_45.el-checkbox--small {
572
+ padding: 0 7px !important;
573
+ }
574
+ ._truncate_1vtct_45.el-checkbox--large {
575
+ padding: 0 11px !important;
576
+ }
568
577
  /* source: src/components/explorer-container/explorer-container.vue */
569
578
  ._explorer-container_1xzxe_1 {
570
579
  display: flex;
@@ -813,7 +822,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
813
822
  border-color: var(--el-color-primary);
814
823
  }
815
824
  div._table_o4h9r_7 .el-table__empty-block {
816
- display: var(--v490937e0);
825
+ display: var(--v34b07a80);
817
826
  }
818
827
  ._selection_o4h9r_27 .cell {
819
828
  display: flex;
@@ -842,66 +851,66 @@ div._table_o4h9r_7 .el-table__empty-block {
842
851
  height: 0;
843
852
  }
844
853
  /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
845
- ._header_7xy5t_1 {
854
+ ._header_8k9xf_1 {
846
855
  display: flex;
847
856
  justify-content: space-between;
848
857
  align-items: center;
849
858
  }
850
- ._mode-wrapper_7xy5t_7 {
859
+ ._mode-wrapper_8k9xf_7 {
851
860
  display: flex;
852
- column-gap: 8px;
853
861
  align-items: center;
862
+ column-gap: 8px;
854
863
  }
855
- ._segmented_7xy5t_13 .el-segmented__item-label {
864
+ ._segmented_8k9xf_13 .el-segmented__item-label {
856
865
  line-height: 1;
857
866
  }
858
- ._reset_7xy5t_17 {
867
+ ._reset_8k9xf_17 {
859
868
  height: 28px;
860
869
  }
861
- div._divider_7xy5t_21 {
870
+ div._divider_8k9xf_21 {
862
871
  margin: 8px 0;
863
- }._explorer-tools_tlzkv_1 {
872
+ }._explorer-tools_1m5u8_1 {
864
873
  display: flex;
865
- row-gap: 8px;
866
- flex-wrap: wrap;
867
- justify-content: space-between;
868
874
  align-items: center;
869
- box-sizing: border-box;
875
+ justify-content: space-between;
870
876
  padding: 0 0 8px 0;
877
+ flex-wrap: wrap;
878
+ row-gap: 8px;
879
+ box-sizing: border-box;
871
880
  }
872
- ._explorer-tools_tlzkv_1._bottom-border_tlzkv_10 {
873
- margin-bottom: 8px;
881
+ ._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
874
882
  border-bottom: 1px solid var(--el-border-color-lighter);
883
+ margin-bottom: 8px;
875
884
  }
876
- ._buttons_tlzkv_15 {
885
+ ._buttons_1m5u8_15 {
877
886
  display: flex;
878
- column-gap: 8px;
879
887
  align-items: center;
888
+ column-gap: 8px;
880
889
  }
881
- ._buttons_tlzkv_15 button {
890
+ ._buttons_1m5u8_15 button {
882
891
  margin-left: 0 !important;
883
892
  }
884
- ._tools_tlzkv_24 {
893
+ ._tools_1m5u8_24 {
885
894
  display: flex;
886
- column-gap: 8px;
887
895
  align-items: center;
896
+ column-gap: 8px;
888
897
  }
889
- ._tools_tlzkv_24 button.vc-icon-button {
890
- margin-left: 0 !important;
898
+ ._tools_1m5u8_24 button.vc-icon-button {
891
899
  padding: 4px;
892
900
  font-size: 18px;
901
+ margin-left: 0 !important;
893
902
  }
894
- ._layout_tlzkv_35 .el-radio-button__inner {
903
+ ._layout_1m5u8_35 .el-radio-button__inner {
895
904
  padding: 6px 8px;
896
905
  font-size: 18px;
897
906
  }
898
- ._fullscreen_tlzkv_40 {
907
+ ._fullscreen_1m5u8_40 {
899
908
  position: fixed !important;
909
+ background-color: var(--el-bg-color) !important;
900
910
  top: 0 !important;
911
+ left: 0 !important;
901
912
  right: 0 !important;
902
913
  bottom: 0 !important;
903
- left: 0 !important;
904
- background-color: var(--el-bg-color) !important;
905
914
  width: 100% !important;
906
915
  height: 100% !important;
907
916
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wfrog/vc-ui",
3
- "version": "1.14.2",
3
+ "version": "1.14.3",
4
4
  "packageManager": "pnpm@10.20.0",
5
5
  "description": "vue3 组件库 vc-ui",
6
6
  "author": "wellfrog",