@wfrog/vc-ui 1.10.1 → 1.10.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.
@@ -1,6 +1,7 @@
1
1
  import './index.css'
2
2
  import '../../chunk/Gk1J52Yw.mjs';
3
3
  import { E as ElCheckboxGroup } from '../../chunk/DBf73TLo.mjs';
4
+ /* empty css */
4
5
  import { E as ElRadioGroup } from '../../chunk/Do7HIVy5.mjs';
5
6
  import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
6
7
  import { useFormDisabled, useFormItem } from 'element-plus';
@@ -1,5 +1,5 @@
1
1
  /* source: src/components/choice/choice.vue */
2
- .el-checkbox-group{font-size:0;line-height:0}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
2
+ .el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
3
3
  display: inline-flex;
4
4
  }
5
5
  ._checkbox_8th42_1 .el-checkbox-button__inner {
@@ -1,3 +1,4 @@
1
+ import { CheckboxValueType } from 'element-plus';
1
2
  import { IButtonProps } from '../button/button';
2
3
  export interface IExplorerListItem<T = any> {
3
4
  label: string;
@@ -6,6 +7,7 @@ export interface IExplorerListItem<T = any> {
6
7
  original?: T;
7
8
  }
8
9
  export interface IExplorerListProps {
10
+ modelValue?: (string | number)[] | undefined;
9
11
  data?: IExplorerListItem[];
10
12
  actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
11
13
  filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
@@ -14,9 +16,13 @@ export interface IExplorerListProps {
14
16
  loading?: boolean;
15
17
  loadingText?: string;
16
18
  highlightCurrent?: boolean;
19
+ deepWatch?: boolean;
20
+ showCheckbox?: boolean;
17
21
  confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
18
22
  }
19
23
  export interface IExplorerListEmits {
24
+ (e: 'update:modelValue', value: (string | number)[] | undefined): void;
25
+ (e: 'valueChange', value: CheckboxValueType[]): void;
20
26
  (e: 'itemClick', value: string | number, item: IExplorerListItem, event: MouseEvent): void;
21
27
  (e: 'create', value: string | number, item: IExplorerListItem): void;
22
28
  (e: 'modify', value: string | number, item: IExplorerListItem): void;
@@ -1,11 +1,14 @@
1
1
  import './index.css'
2
2
  import '../../chunk/Gk1J52Yw.mjs';
3
- import { defineComponent, ref, computed, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
3
+ import { E as ElCheckboxGroup, a as ElCheckbox } from '../../chunk/DBf73TLo.mjs';
4
+ /* empty css */
5
+ import { defineComponent, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, isRef, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow } from 'vue';
4
6
  import { Loading } from '@element-plus/icons-vue';
5
7
  import { C as Component$3 } from '../button/button.mjs';
6
8
  import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
7
9
  import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
8
10
  import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
11
+ import { useVModel } from '@vueuse/core';
9
12
  import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
10
13
  import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
11
14
 
@@ -13,6 +16,7 @@ const _hoisted_1 = ["onClick"];
13
16
  const _sfc_main = /* @__PURE__ */ defineComponent({
14
17
  __name: "explorer-list",
15
18
  props: {
19
+ modelValue: {},
16
20
  data: { default: () => [] },
17
21
  actions: { default: () => [] },
18
22
  filterMethod: {},
@@ -21,15 +25,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
21
25
  loading: { type: Boolean },
22
26
  loadingText: { default: "数据加载中..." },
23
27
  highlightCurrent: { type: Boolean, default: true },
28
+ deepWatch: { type: Boolean, default: false },
29
+ showCheckbox: { type: Boolean },
24
30
  confirmParams: { type: Function, default: (item) => {
25
31
  return { msg: `确定要删除 ${item.label} 吗?` };
26
32
  } }
27
33
  },
28
- emits: ["itemClick", "create", "modify", "remove", "up", "down"],
34
+ emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
29
35
  setup(__props, { expose: __expose, emit: __emit }) {
30
36
  const props = __props;
31
37
  const emits = __emit;
32
38
  const { filterKeyword } = injectExplorerPanelState();
39
+ const myValue = useVModel(props, "modelValue", emits);
33
40
  const actived = ref();
34
41
  const actionsMapping = {
35
42
  create: { title: "新增", type: "primary", icon: "Plus" },
@@ -41,10 +48,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
41
48
  const filterMethod = props.filterMethod || ((keyword, item) => {
42
49
  return item.label.toLowerCase().includes(keyword.toLowerCase());
43
50
  });
51
+ const listData = ref([]);
44
52
  const myData = computed(() => {
45
- return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
53
+ return filterKeyword.value ? listData.value.filter((item) => filterMethod(filterKeyword.value, item)) : listData.value;
46
54
  });
47
55
  const isEmpty = computed(() => myData.value.length === 0);
56
+ const propsWatch = watch(() => props.data, (value) => {
57
+ listData.value = value;
58
+ }, { immediate: true, deep: props.deepWatch });
48
59
  function handleClick(item, e) {
49
60
  if (!props.highlightCurrent) {
50
61
  return;
@@ -57,7 +68,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
57
68
  actived.value = value;
58
69
  }
59
70
  });
71
+ onBeforeUnmount(() => {
72
+ propsWatch.stop();
73
+ });
60
74
  return (_ctx, _cache) => {
75
+ const _component_el_checkbox = ElCheckbox;
76
+ const _component_el_checkbox_group = ElCheckboxGroup;
61
77
  const _component_ElIcon = ElIcon;
62
78
  return openBlock(), createBlock(Component$1, {
63
79
  always: "",
@@ -65,62 +81,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
65
81
  }, {
66
82
  default: withCtx(() => [
67
83
  withDirectives(createElementVNode("div", null, [
68
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
69
- return openBlock(), createElementBlock("div", {
70
- key: item.value,
71
- class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
72
- onClick: (e) => handleClick(item, e)
73
- }, [
74
- renderSlot(_ctx.$slots, "item", {
75
- data: item,
76
- index
77
- }, () => [
78
- createElementVNode("div", {
79
- class: normalizeClass(_ctx.$style.label)
84
+ createVNode(_component_el_checkbox_group, {
85
+ modelValue: unref(myValue),
86
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
87
+ onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
88
+ }, {
89
+ default: withCtx(() => [
90
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
91
+ return openBlock(), createElementBlock("div", {
92
+ key: item.value,
93
+ class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
94
+ onClick: (e) => handleClick(item, e)
80
95
  }, [
81
- renderSlot(_ctx.$slots, "label", {
96
+ renderSlot(_ctx.$slots, "item", {
82
97
  data: item,
83
98
  index
84
99
  }, () => [
85
- item.icon ? (openBlock(), createBlock(Component$2, {
86
- key: 0,
87
- name: item.icon,
88
- class: normalizeClass(_ctx.$style.icon)
89
- }, null, 8, ["name", "class"])) : createCommentVNode("", true),
90
- createTextVNode(toDisplayString(item.label), 1)
91
- ])
92
- ], 2),
93
- __props.actions.length ? (openBlock(), createElementBlock("div", {
94
- key: 0,
95
- class: normalizeClass(_ctx.$style.actions)
96
- }, [
97
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
98
- return openBlock(), createElementBlock(Fragment, { key: action }, [
99
- action === "action" ? renderSlot(_ctx.$slots, "action", {
100
+ createElementVNode("div", {
101
+ class: normalizeClass(_ctx.$style.label)
102
+ }, [
103
+ __props.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
100
104
  key: 0,
105
+ value: item.value
106
+ }, {
107
+ default: withCtx(() => [
108
+ renderSlot(_ctx.$slots, "label", {
109
+ data: item,
110
+ index
111
+ }, () => [
112
+ item.icon ? (openBlock(), createBlock(Component$2, {
113
+ key: 0,
114
+ name: item.icon,
115
+ class: normalizeClass(_ctx.$style.icon)
116
+ }, null, 8, ["name", "class"])) : createCommentVNode("", true),
117
+ createTextVNode(toDisplayString(item.label), 1)
118
+ ])
119
+ ]),
120
+ _: 2
121
+ }, 1032, ["value"])) : renderSlot(_ctx.$slots, "label", {
122
+ key: 1,
101
123
  data: item,
102
124
  index
103
- }) : (openBlock(), createBlock(Component$3, mergeProps({
104
- key: 1,
105
- ref_for: true
106
- }, actionsMapping[action], {
107
- confirm: action === "remove" ? __props.confirmParams(item) : void 0,
108
- class: action === "remove" ? _ctx.$style.remove : void 0,
109
- link: "",
110
- icon: { type: "el", name: actionsMapping[action].icon },
111
- stop: "",
112
- onClick: ($event) => emits(action, item.value, item)
113
- }), null, 16, ["confirm", "class", "icon", "onClick"]))
114
- ], 64);
115
- }), 128))
116
- ], 2)) : createCommentVNode("", true),
117
- renderSlot(_ctx.$slots, "extra-label", {
118
- data: item,
119
- index
120
- })
121
- ])
122
- ], 10, _hoisted_1);
123
- }), 128))
125
+ }, () => [
126
+ item.icon ? (openBlock(), createBlock(Component$2, {
127
+ key: 0,
128
+ name: item.icon,
129
+ class: normalizeClass(_ctx.$style.icon)
130
+ }, null, 8, ["name", "class"])) : createCommentVNode("", true),
131
+ createTextVNode(toDisplayString(item.label), 1)
132
+ ])
133
+ ], 2),
134
+ __props.actions.length ? (openBlock(), createElementBlock("div", {
135
+ key: 0,
136
+ class: normalizeClass(_ctx.$style.actions)
137
+ }, [
138
+ (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
139
+ return openBlock(), createElementBlock(Fragment, { key: action }, [
140
+ action === "action" ? renderSlot(_ctx.$slots, "action", {
141
+ key: 0,
142
+ data: item,
143
+ index
144
+ }) : (openBlock(), createBlock(Component$3, mergeProps({
145
+ key: 1,
146
+ ref_for: true
147
+ }, actionsMapping[action], {
148
+ confirm: action === "remove" ? __props.confirmParams(item) : void 0,
149
+ class: action === "remove" ? _ctx.$style.remove : void 0,
150
+ link: "",
151
+ icon: { type: "el", name: actionsMapping[action].icon },
152
+ stop: "",
153
+ onClick: ($event) => emits(action, item.value, item)
154
+ }), null, 16, ["confirm", "class", "icon", "onClick"]))
155
+ ], 64);
156
+ }), 128))
157
+ ], 2)) : createCommentVNode("", true),
158
+ renderSlot(_ctx.$slots, "extra-label", {
159
+ data: item,
160
+ index
161
+ })
162
+ ])
163
+ ], 10, _hoisted_1);
164
+ }), 128))
165
+ ]),
166
+ _: 3
167
+ }, 8, ["modelValue"])
124
168
  ], 512), [
125
169
  [vShow, !__props.loading]
126
170
  ]),
@@ -147,14 +191,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
147
191
  }
148
192
  });
149
193
 
150
- /* unplugin-vue-components disabled */const item = "_item_lodh1_1";
151
- const actions = "_actions_lodh1_16";
152
- const active = "_active_lodh1_20";
153
- const label = "_label_lodh1_25";
154
- const remove = "_remove_lodh1_47";
155
- const empty = "_empty_lodh1_51";
156
- const loading = "_loading_lodh1_52";
157
- const scrollbar = "_scrollbar_lodh1_60";
194
+ /* unplugin-vue-components disabled */const item = "_item_91c4w_1";
195
+ const actions = "_actions_91c4w_16";
196
+ const active = "_active_91c4w_20";
197
+ const label = "_label_91c4w_25";
198
+ const remove = "_remove_91c4w_48";
199
+ const empty = "_empty_91c4w_52";
200
+ const loading = "_loading_91c4w_53";
201
+ const scrollbar = "_scrollbar_91c4w_61";
158
202
  const style0 = {
159
203
  item: item,
160
204
  actions: actions,
@@ -3,19 +3,48 @@ declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
4
  slots: {
5
5
  item?(_: {
6
- data: IExplorerListItem<any>;
6
+ data: {
7
+ label: string;
8
+ icon?: string | undefined;
9
+ value: string | number;
10
+ original?: any;
11
+ };
7
12
  index: number;
8
13
  }): any;
9
14
  label?(_: {
10
- data: IExplorerListItem<any>;
15
+ data: {
16
+ label: string;
17
+ icon?: string | undefined;
18
+ value: string | number;
19
+ original?: any;
20
+ };
21
+ index: number;
22
+ }): any;
23
+ label?(_: {
24
+ data: {
25
+ label: string;
26
+ icon?: string | undefined;
27
+ value: string | number;
28
+ original?: any;
29
+ };
11
30
  index: number;
12
31
  }): any;
13
32
  action?(_: {
14
- data: IExplorerListItem<any>;
33
+ data: {
34
+ label: string;
35
+ icon?: string | undefined;
36
+ value: string | number;
37
+ original?: any;
38
+ };
15
39
  index: number;
16
40
  }): any;
17
41
  'extra-label'?(_: {
18
- data: IExplorerListItem<any>;
42
+ data: {
43
+ label: string;
44
+ icon?: string | undefined;
45
+ value: string | number;
46
+ original?: any;
47
+ };
19
48
  index: number;
20
49
  }): any;
21
50
  };
@@ -26,18 +55,22 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
26
55
  declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {
27
56
  setActive: (value: string | number) => void;
28
57
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
58
+ "update:modelValue": (value: (string | number)[] | undefined) => any;
29
59
  create: (value: string | number, item: IExplorerListItem<any>) => any;
30
60
  modify: (value: string | number, item: IExplorerListItem<any>) => any;
31
61
  remove: (value: string | number, item: IExplorerListItem<any>) => any;
32
62
  up: (value: string | number, node: Node) => any;
33
63
  down: (value: string | number, node: Node) => any;
64
+ valueChange: (value: import('element-plus').CheckboxValueType[]) => any;
34
65
  itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
35
66
  }, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
67
+ "onUpdate:modelValue"?: ((value: (string | number)[] | undefined) => any) | undefined;
36
68
  onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
37
69
  onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
38
70
  onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
39
71
  onUp?: ((value: string | number, node: Node) => any) | undefined;
40
72
  onDown?: ((value: string | number, node: Node) => any) | undefined;
73
+ onValueChange?: ((value: import('element-plus').CheckboxValueType[]) => any) | undefined;
41
74
  onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
42
75
  }>, {
43
76
  data: IExplorerListItem[];
@@ -45,6 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
45
78
  emptyText: string;
46
79
  highlightCurrent: boolean;
47
80
  actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
81
+ deepWatch: boolean;
48
82
  confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
49
83
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
50
84
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1,5 +1,5 @@
1
1
  /* source: src/components/explorer-list/explorer-list.vue */
2
- ._item_lodh1_1 {
2
+ ._item_91c4w_1 {
3
3
  padding: 4px 8px;
4
4
  cursor: pointer;
5
5
  display: flex;
@@ -11,48 +11,49 @@
11
11
  box-sizing: border-box;
12
12
  line-height: 1;
13
13
  }
14
- ._item_lodh1_1:hover {
14
+ ._item_91c4w_1:hover {
15
15
  background-color: var(--el-color-primary-light-9);
16
16
  }
17
- ._item_lodh1_1:hover ._actions_lodh1_16 {
17
+ ._item_91c4w_1:hover ._actions_91c4w_16 {
18
18
  display: inline-flex;
19
19
  align-items: flex-start;
20
20
  }
21
- ._item_lodh1_1._active_lodh1_20 {
21
+ ._item_91c4w_1._active_91c4w_20 {
22
22
  color: var(--el-color-primary);
23
23
  background-color: var(--el-color-primary-light-9);
24
24
  }
25
- ._label_lodh1_25 {
25
+ ._label_91c4w_25 {
26
26
  overflow: hidden;
27
27
  text-overflow: ellipsis;
28
28
  white-space: nowrap;
29
+ --el-checkbox-height: 24px;
29
30
  }
30
- ._label_lodh1_25 .iconify {
31
+ ._label_91c4w_25 .iconify {
31
32
  margin-right: 4px;
32
33
  }
33
- ._actions_lodh1_16 {
34
+ ._actions_91c4w_16 {
34
35
  display: none;
35
36
  column-gap: 4px;
36
37
  }
37
- ._actions_lodh1_16 > button {
38
+ ._actions_91c4w_16 > button {
38
39
  margin-left: 0 !important;
39
40
  font-size: 1.2em;
40
41
  border: 1px solid var(--el-border-color-light) !important;
41
42
  }
42
- ._actions_lodh1_16 > button:hover {
43
+ ._actions_91c4w_16 > button:hover {
43
44
  border-color: var(--el-border-color-dark) !important;
44
45
  }
45
- ._remove_lodh1_47 {
46
+ ._remove_91c4w_48 {
46
47
  transform: translateY(-1px);
47
48
  }
48
- ._empty_lodh1_51,
49
- ._loading_lodh1_52 {
49
+ ._empty_91c4w_52,
50
+ ._loading_91c4w_53 {
50
51
  padding: 4px 8px;
51
52
  display: flex;
52
53
  align-items: center;
53
54
  column-gap: 4px;
54
55
  color: var(--el-text-color-secondary);
55
56
  }
56
- ._scrollbar_lodh1_60 {
57
+ ._scrollbar_91c4w_61 {
57
58
  margin: 0 -8px;
58
59
  }
@@ -5,7 +5,7 @@ import { IButtonProps } from '../button/button';
5
5
  export interface IExplorerTreeProps {
6
6
  data?: TreeComponentProps['data'];
7
7
  actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
8
- treeProps?: TreeComponentProps;
8
+ treeProps?: Partial<TreeComponentProps>;
9
9
  emptyText?: string;
10
10
  defaultExpandAll?: boolean;
11
11
  pending?: boolean;
@@ -14,6 +14,7 @@ export interface IExplorerTreeProps {
14
14
  confirmParams?: (node: Node) => IButtonProps['confirm'];
15
15
  filterMethod?: TreeComponentProps['filterNodeMethod'];
16
16
  highlightCurrent?: boolean;
17
+ deepWatch?: boolean;
17
18
  }
18
19
  export interface IExplorerTreeEmits {
19
20
  (e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;
@@ -3,7 +3,7 @@ import '../../chunk/Gk1J52Yw.mjs';
3
3
  import { E as ElTree } from '../../chunk/eqwEsspo.mjs';
4
4
  import '../../chunk/DBf73TLo.mjs';
5
5
  import '../../chunk/DbhQlaOz.mjs';
6
- import { defineComponent, useTemplateRef, computed, watch, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, renderSlot, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
6
+ import { defineComponent, useTemplateRef, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, renderSlot, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
7
7
  import { Loading } from '@element-plus/icons-vue';
8
8
  import { C as Component$3 } from '../button/button.mjs';
9
9
  import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -27,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
27
27
  return { msg: `确定要删除 ${node.data.label} 吗?` };
28
28
  } },
29
29
  filterMethod: {},
30
- highlightCurrent: { type: Boolean, default: true }
30
+ highlightCurrent: { type: Boolean, default: true },
31
+ deepWatch: { type: Boolean, default: false }
31
32
  },
32
33
  emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
33
34
  setup(__props, { expose: __expose, emit: __emit }) {
@@ -42,8 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
43
  up: { title: "上移", type: "success", icon: "Top" },
43
44
  down: { title: "下移", type: "success", icon: "Bottom" }
44
45
  };
46
+ const treeData = ref();
45
47
  const treeProps = computed(() => ({
46
- data: props.data,
47
48
  emptyText: props.emptyText,
48
49
  defaultExpandAll: props.defaultExpandAll,
49
50
  expandOnClickNode: false,
@@ -61,15 +62,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
61
62
  function handleNodeClick(data, node, instance, event) {
62
63
  emits("nodeClick", data.value, node, instance, event);
63
64
  }
64
- watch(filterKeyword, (value) => {
65
- treeRef.value?.filter(value);
66
- });
65
+ const filterWatch = watch(filterKeyword, (value) => treeRef.value?.filter(value));
66
+ const propsWatch = watch(() => props.data, (value) => {
67
+ treeData.value = value;
68
+ }, { immediate: true, deep: props.deepWatch });
67
69
  __expose({
68
70
  getTreeRef: () => treeRef.value,
69
71
  setActive: (value, shouldAutoExpandParent = true) => {
70
72
  treeRef.value?.setCurrentKey(value, shouldAutoExpandParent);
71
73
  }
72
74
  });
75
+ onBeforeUnmount(() => {
76
+ filterWatch.stop();
77
+ propsWatch.stop();
78
+ });
73
79
  return (_ctx, _cache) => {
74
80
  const _component_ElTree = ElTree;
75
81
  const _component_ElIcon = ElIcon;
@@ -80,7 +86,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
80
86
  default: withCtx(() => [
81
87
  withDirectives(createVNode(_component_ElTree, mergeProps({
82
88
  ref_key: "treeRef",
83
- ref: treeRef
89
+ ref: treeRef,
90
+ data: unref(treeData)
84
91
  }, { ..._ctx.$attrs, ...unref(treeProps) }, {
85
92
  class: _ctx.$style.tree,
86
93
  "filter-node-method": filterNode,
@@ -140,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
140
147
  ])
141
148
  ]),
142
149
  _: 3
143
- }, 16, ["class"]), [
150
+ }, 16, ["data", "class"]), [
144
151
  [vShow, !__props.loading && !__props.pending]
145
152
  ]),
146
153
  __props.loading ? (openBlock(), createElementBlock("div", {
@@ -2061,6 +2061,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
2061
2061
  highlightCurrent: boolean;
2062
2062
  defaultExpandAll: boolean;
2063
2063
  actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
2064
+ deepWatch: boolean;
2064
2065
  confirmParams: (node: Node) => import('../button/button').IButtonProps["confirm"];
2065
2066
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
2066
2067
  treeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
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.10.1";
159
+ const version = "1.10.2";
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-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/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
@@ -52,7 +52,7 @@
52
52
  left: calc(100% - 80px);
53
53
  }
54
54
  /* source: src/components/choice/choice.vue */
55
- .el-checkbox-group{font-size:0;line-height:0}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
55
+ .el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
56
56
  display: inline-flex;
57
57
  }
58
58
  ._checkbox_8th42_1 .el-checkbox-button__inner {
@@ -518,6 +518,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
518
518
  }
519
519
  .el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}
520
520
  .el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}
521
+ .el-checkbox-group{font-size:0;line-height:0}
521
522
  .el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed;will-change:transform}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%) rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%) rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}
522
523
  .el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}
523
524
  /* source: src/components/el-icon/el-icon.vue */
@@ -693,7 +694,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
693
694
  margin: 0 -8px;
694
695
  }
695
696
  /* source: src/components/explorer-list/explorer-list.vue */
696
- ._item_lodh1_1 {
697
+ ._item_91c4w_1 {
697
698
  padding: 4px 8px;
698
699
  cursor: pointer;
699
700
  display: flex;
@@ -705,49 +706,50 @@ div._main_k37nc_1 ._header_k37nc_48 {
705
706
  box-sizing: border-box;
706
707
  line-height: 1;
707
708
  }
708
- ._item_lodh1_1:hover {
709
+ ._item_91c4w_1:hover {
709
710
  background-color: var(--el-color-primary-light-9);
710
711
  }
711
- ._item_lodh1_1:hover ._actions_lodh1_16 {
712
+ ._item_91c4w_1:hover ._actions_91c4w_16 {
712
713
  display: inline-flex;
713
714
  align-items: flex-start;
714
715
  }
715
- ._item_lodh1_1._active_lodh1_20 {
716
+ ._item_91c4w_1._active_91c4w_20 {
716
717
  color: var(--el-color-primary);
717
718
  background-color: var(--el-color-primary-light-9);
718
719
  }
719
- ._label_lodh1_25 {
720
+ ._label_91c4w_25 {
720
721
  overflow: hidden;
721
722
  text-overflow: ellipsis;
722
723
  white-space: nowrap;
724
+ --el-checkbox-height: 24px;
723
725
  }
724
- ._label_lodh1_25 .iconify {
726
+ ._label_91c4w_25 .iconify {
725
727
  margin-right: 4px;
726
728
  }
727
- ._actions_lodh1_16 {
729
+ ._actions_91c4w_16 {
728
730
  display: none;
729
731
  column-gap: 4px;
730
732
  }
731
- ._actions_lodh1_16 > button {
733
+ ._actions_91c4w_16 > button {
732
734
  margin-left: 0 !important;
733
735
  font-size: 1.2em;
734
736
  border: 1px solid var(--el-border-color-light) !important;
735
737
  }
736
- ._actions_lodh1_16 > button:hover {
738
+ ._actions_91c4w_16 > button:hover {
737
739
  border-color: var(--el-border-color-dark) !important;
738
740
  }
739
- ._remove_lodh1_47 {
741
+ ._remove_91c4w_48 {
740
742
  transform: translateY(-1px);
741
743
  }
742
- ._empty_lodh1_51,
743
- ._loading_lodh1_52 {
744
+ ._empty_91c4w_52,
745
+ ._loading_91c4w_53 {
744
746
  padding: 4px 8px;
745
747
  display: flex;
746
748
  align-items: center;
747
749
  column-gap: 4px;
748
750
  color: var(--el-text-color-secondary);
749
751
  }
750
- ._scrollbar_lodh1_60 {
752
+ ._scrollbar_91c4w_61 {
751
753
  margin: 0 -8px;
752
754
  }
753
755
  /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wfrog/vc-ui",
3
- "version": "1.10.1",
3
+ "version": "1.10.3",
4
4
  "packageManager": "pnpm@10.20.0",
5
5
  "description": "vue3 组件库 vc-ui",
6
6
  "author": "wellfrog",