@wfrog/vc-ui 1.9.17 → 1.9.18

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.
@@ -6,7 +6,7 @@ import { a as ElCheckbox } from '../../chunk/DBf73TLo.mjs';
6
6
  import '../../chunk/BH1e_-Fa.mjs';
7
7
  import '../../chunk/CqhShW5K.mjs';
8
8
  /* empty css */
9
- import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
9
+ import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, watch, onBeforeUnmount, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
10
10
  import { useDraggable } from 'vue-draggable-plus';
11
11
  import { C as Component$3 } from '../choice/choice.mjs';
12
12
  import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
@@ -61,15 +61,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
61
61
  { label: "左", value: "left" },
62
62
  { label: "右", value: "right" }
63
63
  ];
64
- const widthConfig = computed(() => {
64
+ const widthConfig = ref({ width: 240, data: 160, fixed: 120, truncate: 60 });
65
+ const widthConfigWatch = watch(() => props.size, () => {
65
66
  if (props.size === "small") {
66
- return { width: 210, data: 140, fixed: 100, truncate: 50 };
67
+ widthConfig.value = { width: 210, data: 140, fixed: 100, truncate: 50 };
68
+ return;
67
69
  }
68
70
  if (props.size === "default") {
69
- return { width: 240, data: 160, fixed: 120, truncate: 60 };
71
+ widthConfig.value = { width: 240, data: 160, fixed: 120, truncate: 60 };
72
+ return;
70
73
  }
71
- return { width: 260, data: 200, fixed: 140, truncate: 76 };
72
- });
74
+ widthConfig.value = { width: 260, data: 200, fixed: 140, truncate: 76 };
75
+ }, { immediate: true });
73
76
  const isFullMode = computed(() => props.mode === "full");
74
77
  function getLabel(row) {
75
78
  if (row.label) {
@@ -127,7 +130,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
127
130
  await nextTick();
128
131
  tableVisible.value = true;
129
132
  }
130
- __expose({ init, tableRef, rerender });
133
+ __expose({
134
+ init,
135
+ tableRef,
136
+ rerender,
137
+ setWidthConfig: (params) => {
138
+ widthConfig.value = params;
139
+ }
140
+ });
141
+ onBeforeUnmount(() => widthConfigWatch.stop());
131
142
  return (_ctx, _cache) => {
132
143
  const _component_ElCheckbox = ElCheckbox;
133
144
  const _component_ElTableColumn = ElTableColumn;
@@ -1,4 +1,20 @@
1
1
  import { IColumnConfig, IExplorerColumnTableProps } from './explorer-column-table';
2
+ declare const widthConfig: globalThis.Ref<{
3
+ width: number;
4
+ data: number;
5
+ fixed: number;
6
+ truncate: number;
7
+ }, {
8
+ width: number;
9
+ data: number;
10
+ fixed: number;
11
+ truncate: number;
12
+ } | {
13
+ width: number;
14
+ data: number;
15
+ fixed: number;
16
+ truncate: number;
17
+ }>;
2
18
  declare function init(): void;
3
19
  declare function rerender(): Promise<void>;
4
20
  declare function __VLS_template(): {
@@ -2955,6 +2971,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
2955
2971
  preserveExpandedContent: boolean;
2956
2972
  }> | null>>;
2957
2973
  rerender: typeof rerender;
2974
+ setWidthConfig: (params: typeof widthConfig.value) => void;
2958
2975
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
2959
2976
  "update:data": (data: IColumnConfig[]) => any;
2960
2977
  }, string, import('vue').PublicProps, Readonly<IExplorerColumnTableProps> & Readonly<{
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
21
21
  emits: ["filter", "create"],
22
22
  setup(__props, { emit: __emit }) {
23
23
  useCssVars((_ctx) => ({
24
- "b224534e": `${_ctx.paddingBottom}px`
24
+ "cd3fe400": `${_ctx.paddingBottom}px`
25
25
  }));
26
26
  const props = __props;
27
27
  const emits = __emit;
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
65
65
  });
66
66
 
67
67
  /* unplugin-vue-components disabled */const style0 = {
68
- "explorer-filter": "_explorer-filter_1l5g5_1"
68
+ "explorer-filter": "_explorer-filter_fuuuf_1"
69
69
  };
70
70
 
71
71
  const cssModules = {
@@ -1,7 +1,8 @@
1
1
  /* source: src/components/explorer-filter/explorer-filter.vue */
2
- ._explorer-filter_1l5g5_1 {
3
- padding-bottom: var(--b224534e);
2
+ ._explorer-filter_fuuuf_1 {
3
+ padding-bottom: var(--cd3fe400);
4
4
  display: flex;
5
5
  column-gap: 8px;
6
6
  border-bottom: 1px solid var(--el-border-color-lighter);
7
+ margin-bottom: 8px;
7
8
  }
@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
135
135
  class: _ctx.$style.form
136
136
  }), {
137
137
  default: withCtx(() => [
138
- renderSlot(_ctx.$slots, "default")
138
+ renderSlot(_ctx.$slots, "default", { isEditing: unref(isEditing) })
139
139
  ]),
140
140
  _: 3
141
141
  }, 16, ["model", "rules", "disabled", "label-position", "class"])
@@ -4,7 +4,9 @@ declare function __VLS_template(): {
4
4
  slots: {
5
5
  title?(_: {}): any;
6
6
  action?(_: {}): any;
7
- default?(_: {}): any;
7
+ default?(_: {
8
+ isEditing: boolean;
9
+ }): any;
8
10
  };
9
11
  refs: {
10
12
  formRef: ({
@@ -2978,6 +2978,12 @@ declare function __VLS_template(): {
2978
2978
  preserveExpandedContent: boolean;
2979
2979
  }> | null>>;
2980
2980
  rerender: () => Promise<void>;
2981
+ setWidthConfig: (params: {
2982
+ width: number;
2983
+ data: number;
2984
+ fixed: number;
2985
+ truncate: number;
2986
+ }) => void;
2981
2987
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
2982
2988
  "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
2983
2989
  }, string, {
@@ -3016,7 +3022,7 @@ declare function __VLS_template(): {
3016
3022
  emptyColumn: boolean;
3017
3023
  }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
3018
3024
  "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
3019
- }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender"> & import('vue').ShallowUnwrapRef<{
3025
+ }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
3020
3026
  init: () => void;
3021
3027
  tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
3022
3028
  data: {
@@ -4489,6 +4495,12 @@ declare function __VLS_template(): {
4489
4495
  preserveExpandedContent: boolean;
4490
4496
  }> | null>>;
4491
4497
  rerender: () => Promise<void>;
4498
+ setWidthConfig: (params: {
4499
+ width: number;
4500
+ data: number;
4501
+ fixed: number;
4502
+ truncate: number;
4503
+ }) => void;
4492
4504
  }> & {} & import('vue').ComponentCustomProperties & {} & {
4493
4505
  $slots: {
4494
4506
  default?(_: {}): any;
@@ -7483,6 +7495,12 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
7483
7495
  preserveExpandedContent: boolean;
7484
7496
  }> | null>>;
7485
7497
  rerender: () => Promise<void>;
7498
+ setWidthConfig: (params: {
7499
+ width: number;
7500
+ data: number;
7501
+ fixed: number;
7502
+ truncate: number;
7503
+ }) => void;
7486
7504
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
7487
7505
  "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
7488
7506
  }, string, {
@@ -7521,7 +7539,7 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
7521
7539
  emptyColumn: boolean;
7522
7540
  }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
7523
7541
  "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
7524
- }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender"> & import('vue').ShallowUnwrapRef<{
7542
+ }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
7525
7543
  init: () => void;
7526
7544
  tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
7527
7545
  data: {
@@ -8994,6 +9012,12 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
8994
9012
  preserveExpandedContent: boolean;
8995
9013
  }> | null>>;
8996
9014
  rerender: () => Promise<void>;
9015
+ setWidthConfig: (params: {
9016
+ width: number;
9017
+ data: number;
9018
+ fixed: number;
9019
+ truncate: number;
9020
+ }) => void;
8997
9021
  }> & {} & import('vue').ComponentCustomProperties & {} & {
8998
9022
  $slots: {
8999
9023
  default?(_: {}): any;
package/dist/es/index.mjs CHANGED
@@ -156,7 +156,7 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
156
156
  default: _sfc_main$8
157
157
  }, Symbol.toStringTag, { value: 'Module' }));
158
158
 
159
- const version = "1.9.17";
159
+ const version = "1.9.18";
160
160
 
161
161
  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-switcher/color-switcher.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-switcher/dark-switcher.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/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_55,"./components/transfer/transfer.vue": __vite_glob_0_56,"./components/tree-picker/tree-picker.vue": __vite_glob_0_57,"./components/upload-file/upload-file.vue": __vite_glob_0_58});
162
162
  const upper = (_, letter) => letter.toUpperCase();
package/dist/index.css CHANGED
@@ -630,11 +630,12 @@ div._main_k37nc_1 ._header_k37nc_48 {
630
630
  margin: 0 -8px;
631
631
  }
632
632
  /* source: src/components/explorer-filter/explorer-filter.vue */
633
- ._explorer-filter_1l5g5_1 {
634
- padding-bottom: var(--b224534e);
633
+ ._explorer-filter_fuuuf_1 {
634
+ padding-bottom: var(--cd3fe400);
635
635
  display: flex;
636
636
  column-gap: 8px;
637
637
  border-bottom: 1px solid var(--el-border-color-lighter);
638
+ margin-bottom: 8px;
638
639
  }
639
640
  /* source: src/components/explorer-footer/explorer-footer.vue */
640
641
  ._explorer-footer_ntz3b_1 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wfrog/vc-ui",
3
- "version": "1.9.17",
3
+ "version": "1.9.18",
4
4
  "packageManager": "pnpm@10.20.0",
5
5
  "description": "vue3 组件库 vc-ui",
6
6
  "author": "wellfrog",