@wfrog/vc-ui 1.4.0 → 1.5.0

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.
Files changed (65) hide show
  1. package/dist/es/components/dialog/dialog.mjs +1 -1
  2. package/dist/es/components/dialog/dialog.vue.d.ts +1 -0
  3. package/dist/es/components/drag-verify/drag-verify.vue.d.ts +1 -1
  4. package/dist/es/components/explorer/explorer.d.ts +1 -1
  5. package/dist/es/components/explorer/explorer.mjs +4 -4
  6. package/dist/es/components/explorer-container/explorer-container.d.ts +5 -0
  7. package/dist/es/components/explorer-container/explorer-container.mjs +76 -0
  8. package/dist/es/components/explorer-container/explorer-container.vue.d.ts +23 -0
  9. package/dist/es/components/explorer-container/index.css +26 -0
  10. package/dist/es/components/explorer-container/index.d.ts +4 -0
  11. package/dist/es/components/explorer-container/index.mjs +6 -0
  12. package/dist/es/components/explorer-filter/explorer-filter.mjs +2 -2
  13. package/dist/es/components/explorer-footer/explorer-footer.mjs +2 -2
  14. package/dist/es/components/explorer-form/explorer-form.d.ts +19 -0
  15. package/dist/es/components/explorer-form/explorer-form.mjs +174 -0
  16. package/dist/es/components/explorer-form/explorer-form.vue.d.ts +33 -0
  17. package/dist/es/components/explorer-form/index.css +33 -0
  18. package/dist/es/components/explorer-form/index.d.ts +4 -0
  19. package/dist/es/components/explorer-form/index.mjs +6 -0
  20. package/dist/es/components/explorer-list/explorer-list.mjs +13 -10
  21. package/dist/es/components/explorer-list/index.css +14 -10
  22. package/dist/es/components/explorer-panel/explorer-panel.mjs +2 -2
  23. package/dist/es/components/explorer-query/explorer-query.mjs +10 -10
  24. package/dist/es/components/explorer-query/explorer-query.vue.d.ts +4 -4
  25. package/dist/es/components/explorer-query/index.css +14 -10
  26. package/dist/es/components/explorer-table/explorer-table.mjs +2 -2
  27. package/dist/es/components/explorer-tools/explorer-tools.mjs +7 -7
  28. package/dist/es/components/explorer-tools/index.css +8 -8
  29. package/dist/es/components/explorer-tree/explorer-tree.mjs +12 -9
  30. package/dist/es/components/explorer-tree/index.css +15 -12
  31. package/dist/es/components/icon/icon.mjs +4 -3
  32. package/dist/es/components/icon-picker/components/collections.vue.d.ts +10 -10
  33. package/dist/es/components/icon-picker/icon-picker.mjs +2 -2
  34. package/dist/es/components/iconify-icon/iconify-icon.mjs +2 -2
  35. package/dist/es/components/image/image.mjs +2 -2
  36. package/dist/es/components/image/image.vue.d.ts +2 -2
  37. package/dist/es/components/input/input.mjs +2 -2
  38. package/dist/es/components/input/input.vue.d.ts +3 -3
  39. package/dist/es/components/input-number/input-number.mjs +2 -2
  40. package/dist/es/components/pca-picker/pca-picker.mjs +2 -2
  41. package/dist/es/components/pca-picker/pca-picker.vue.d.ts +3 -3
  42. package/dist/es/components/screenfull/screenfull.mjs +2 -2
  43. package/dist/es/components/scrollbar/index.css +1 -1
  44. package/dist/es/components/scrollbar/scrollbar.mjs +5 -4
  45. package/dist/es/components/scrollbar/scrollbar.vue.d.ts +9 -9
  46. package/dist/es/components/select/select.mjs +2 -2
  47. package/dist/es/components/single-player/single-player.mjs +2 -2
  48. package/dist/es/components/splitter-panel/splitter-panel.mjs +2 -2
  49. package/dist/es/components/svg-icon/svg-icon.mjs +2 -2
  50. package/dist/es/components/switch/switch.mjs +2 -2
  51. package/dist/es/components/sync-scroll-container/sync-scroll-container.mjs +2 -2
  52. package/dist/es/components/tags/tags.mjs +2 -2
  53. package/dist/es/components/text-ellipsis/text-ellipsis.mjs +2 -2
  54. package/dist/es/components/thousand-input/thousand-input.mjs +2 -2
  55. package/dist/es/components/thousand-input/thousand-input.vue.d.ts +6 -6
  56. package/dist/es/components/tinymce/tinymce.mjs +2 -2
  57. package/dist/es/components/tinymce/tinymce.vue.d.ts +2 -2
  58. package/dist/es/components/tree-picker/tree-picker.mjs +2 -2
  59. package/dist/es/components/tree-picker/tree-picker.vue.d.ts +3 -3
  60. package/dist/es/components/upload-file/upload-file.mjs +2 -2
  61. package/dist/es/index.d.ts +2 -0
  62. package/dist/es/index.mjs +39 -35
  63. package/dist/global.d.ts +2 -0
  64. package/dist/index.css +111 -41
  65. package/package.json +1 -1
@@ -413,7 +413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
413
413
  showDefaultFooter: { type: Boolean, default: false },
414
414
  lazy: { type: Boolean, default: true },
415
415
  height: {},
416
- maxHeight: {},
416
+ maxHeight: { default: "80vh" },
417
417
  fullscreenHeight: {},
418
418
  fullscreen: { type: Boolean, default: false },
419
419
  boxPadding: { type: Boolean, default: true },
@@ -20,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<IDialogProps, {}, {
20
20
  onClosed?: (() => any) | undefined;
21
21
  }>, {
22
22
  title: string;
23
+ maxHeight: string | number;
23
24
  padding: number;
24
25
  showFullscreen: boolean;
25
26
  showDefaultFooter: boolean;
@@ -6,8 +6,8 @@ declare const _default: import('vue').DefineComponent<IDragVerifyProps, {
6
6
  circle: boolean;
7
7
  text: string;
8
8
  width: number;
9
- textColor: string;
10
9
  height: number;
10
+ textColor: string;
11
11
  background: [string, string, string];
12
12
  diffWidth: number;
13
13
  imgs: string[];
@@ -2,7 +2,7 @@ import { Ref } from 'vue';
2
2
  export interface IExplorerProps {
3
3
  layout?: 'horizontal' | 'vertical';
4
4
  lazy?: boolean;
5
- explorerKey: string;
5
+ explorerKey?: string;
6
6
  }
7
7
  export interface IExplorerState {
8
8
  fullscreenTarget: Ref<HTMLElement>;
@@ -18,12 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
18
18
  const props = __props;
19
19
  const fullscreenTarget = ref();
20
20
  const splitterRef = useTemplateRef("splitterRef");
21
- useProvide(KEY_NAME, {
21
+ props.explorerKey && useProvide(KEY_NAME, {
22
22
  fullscreenTarget,
23
23
  key: `vc-explorer-${props.explorerKey}`
24
24
  });
25
25
  onMounted(() => {
26
- if (splitterRef.value?.$el) {
26
+ if (props.explorerKey && splitterRef.value?.$el) {
27
27
  fullscreenTarget.value = splitterRef.value.$el;
28
28
  }
29
29
  });
@@ -56,9 +56,9 @@ const cssModules = {
56
56
  };
57
57
  const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
58
58
 
59
- const __vite_glob_0_29 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
59
+ const __vite_glob_0_31 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
60
60
  __proto__: null,
61
61
  default: Component
62
62
  }, Symbol.toStringTag, { value: 'Module' }));
63
63
 
64
- export { Component as C, __vite_glob_0_29 as _ };
64
+ export { Component as C, __vite_glob_0_31 as _ };
@@ -0,0 +1,5 @@
1
+ export interface IExplorerContainerProps {
2
+ title: string;
3
+ icon?: string;
4
+ loading?: boolean;
5
+ }
@@ -0,0 +1,76 @@
1
+ import './index.css'
2
+ import '../../chunk/By7FMB3I.mjs';
3
+ import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
4
+ import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
5
+ import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
6
+ import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
7
+ import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
8
+
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ __name: "explorer-container",
11
+ props: {
12
+ title: {},
13
+ icon: { default: "carbon:information-square" },
14
+ loading: { type: Boolean, default: false }
15
+ },
16
+ setup(__props) {
17
+ return (_ctx, _cache) => {
18
+ const _directive_loading = vLoading;
19
+ return withDirectives((openBlock(), createElementBlock("div", {
20
+ class: normalizeClass(_ctx.$style["explorer-container"])
21
+ }, [
22
+ createElementVNode("div", {
23
+ class: normalizeClass(_ctx.$style.header)
24
+ }, [
25
+ createElementVNode("div", {
26
+ class: normalizeClass(_ctx.$style["header-container"])
27
+ }, [
28
+ __props.icon ? (openBlock(), createBlock(Component$1, {
29
+ key: 0,
30
+ name: __props.icon,
31
+ class: normalizeClass(_ctx.$style.icon)
32
+ }, null, 8, ["name", "class"])) : createCommentVNode("", true),
33
+ renderSlot(_ctx.$slots, "title", {}, () => [
34
+ createTextVNode(toDisplayString(__props.title), 1)
35
+ ])
36
+ ], 2),
37
+ _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
38
+ key: 0,
39
+ class: normalizeClass(_ctx.$style.actions)
40
+ }, [
41
+ renderSlot(_ctx.$slots, "action")
42
+ ], 2)) : createCommentVNode("", true)
43
+ ], 2),
44
+ createVNode(Component$2, { always: "" }, {
45
+ default: withCtx(() => [
46
+ renderSlot(_ctx.$slots, "default")
47
+ ]),
48
+ _: 3
49
+ })
50
+ ], 2)), [
51
+ [_directive_loading, __props.loading]
52
+ ]);
53
+ };
54
+ }
55
+ });
56
+
57
+ /* unplugin-vue-components disabled */const header = "_header_1sfkk_8";
58
+ const icon = "_icon_1sfkk_26";
59
+ const style0 = {
60
+ "explorer-container": "_explorer-container_1sfkk_1",
61
+ header: header,
62
+ "header-container": "_header-container_1sfkk_22",
63
+ icon: icon
64
+ };
65
+
66
+ const cssModules = {
67
+ "$style": style0
68
+ };
69
+ const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
70
+
71
+ const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
72
+ __proto__: null,
73
+ default: Component
74
+ }, Symbol.toStringTag, { value: 'Module' }));
75
+
76
+ export { Component as C, __vite_glob_0_21 as _ };
@@ -0,0 +1,23 @@
1
+ import { IExplorerContainerProps } from './explorer-container';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ title?(_: {}): any;
6
+ action?(_: {}): any;
7
+ default?(_: {}): any;
8
+ };
9
+ refs: {};
10
+ rootEl: HTMLDivElement;
11
+ };
12
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
+ declare const __VLS_component: import('vue').DefineComponent<IExplorerContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerContainerProps> & Readonly<{}>, {
14
+ icon: string;
15
+ loading: boolean;
16
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
17
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
18
+ export default _default;
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1,26 @@
1
+ /* source: src/components/explorer-container/explorer-container.vue */
2
+ ._explorer-container_1sfkk_1 {
3
+ display: flex;
4
+ flex-direction: column;
5
+ flex-grow: 1;
6
+ height: 100px;
7
+ }
8
+ ._header_1sfkk_8 {
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+ border-bottom: 1px solid var(--el-border-color-lighter);
13
+ min-height: 40px;
14
+ padding-bottom: 7px;
15
+ box-sizing: border-box;
16
+ margin-bottom: 8px;
17
+ color: var(--el-text-color-regular);
18
+ flex-wrap: wrap;
19
+ row-gap: 8px;
20
+ }
21
+ ._header-container_1sfkk_22 {
22
+ font-size: 1.2em;
23
+ }
24
+ ._icon_1sfkk_26 {
25
+ margin-right: 4px;
26
+ }
@@ -0,0 +1,4 @@
1
+ import { SFCWithInstall } from '../../utils/typescript';
2
+ import { default as Component } from './explorer-container.vue';
3
+ export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
4
+ export default VcExplorerContainer;
@@ -0,0 +1,6 @@
1
+ import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
2
+ import { C as Component } from './explorer-container.mjs';
3
+
4
+ const VcExplorerContainer = withInstall(Component);
5
+
6
+ export { VcExplorerContainer, VcExplorerContainer as default };
@@ -73,9 +73,9 @@ const cssModules = {
73
73
  };
74
74
  const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
75
75
 
76
- const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
76
+ const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
77
77
  __proto__: null,
78
78
  default: Component
79
79
  }, Symbol.toStringTag, { value: 'Module' }));
80
80
 
81
- export { Component as C, __vite_glob_0_21 as _ };
81
+ export { Component as C, __vite_glob_0_22 as _ };
@@ -84,9 +84,9 @@ const cssModules = {
84
84
  };
85
85
  const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
86
86
 
87
- const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
87
+ const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
88
88
  __proto__: null,
89
89
  default: Component
90
90
  }, Symbol.toStringTag, { value: 'Module' }));
91
91
 
92
- export { Component as C, __vite_glob_0_22 as _ };
92
+ export { Component as C, __vite_glob_0_23 as _ };
@@ -0,0 +1,19 @@
1
+ import { FormProps } from 'element-plus';
2
+ import { Reactive } from 'vue';
3
+ export interface IExplorerFormProps {
4
+ title: string;
5
+ icon?: string;
6
+ form: Reactive<{
7
+ fields: Record<string, any>;
8
+ rules?: Record<string, any>;
9
+ }>;
10
+ formProps?: Partial<FormProps>;
11
+ initialValues?: Record<string, any>;
12
+ autoInitial?: boolean;
13
+ defaultEditing?: boolean;
14
+ onCancel?: () => void | Promise<void>;
15
+ onSave?: (data: Record<string, any>) => void | Promise<void>;
16
+ }
17
+ export interface IExplorerFormEmits {
18
+ (e: 'clickEdit'): void;
19
+ }
@@ -0,0 +1,174 @@
1
+ import './index.css'
2
+ import '../../chunk/By7FMB3I.mjs';
3
+ import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
4
+ import { defineComponent, ref, useTemplateRef, watch, onBeforeMount, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, resolveDynamicComponent, mergeProps } from 'vue';
5
+ import { ElForm } from 'element-plus';
6
+ import { C as Component$2 } from '../button/button.mjs';
7
+ import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
8
+ import { C as Component$3 } from '../scrollbar/scrollbar.mjs';
9
+ import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
10
+
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ __name: "explorer-form",
13
+ props: {
14
+ title: {},
15
+ icon: { default: "fluent:form-48-regular" },
16
+ form: {},
17
+ formProps: {},
18
+ initialValues: {},
19
+ autoInitial: { type: Boolean, default: true },
20
+ defaultEditing: { type: Boolean },
21
+ onCancel: { type: Function, default: () => {
22
+ } },
23
+ onSave: { type: Function, default: () => {
24
+ } }
25
+ },
26
+ emits: ["clickEdit"],
27
+ setup(__props, { emit: __emit }) {
28
+ const props = __props;
29
+ const emits = __emit;
30
+ const isEditing = ref(false);
31
+ const loading = ref(false);
32
+ const formRef = useTemplateRef("formRef");
33
+ const formComponent = ref();
34
+ function handleEdit() {
35
+ emits("clickEdit");
36
+ isEditing.value = true;
37
+ }
38
+ async function handleCancel() {
39
+ formRef.value.resetFields();
40
+ await props.onCancel();
41
+ isEditing.value = false;
42
+ }
43
+ async function handleSave() {
44
+ const valid = await formRef.value.validate();
45
+ if (!valid) {
46
+ return;
47
+ }
48
+ await props.onSave(props.form.fields);
49
+ formRef.value?.setInitialValues(props.form.fields);
50
+ isEditing.value = false;
51
+ }
52
+ const editingWatch = watch(() => props.defaultEditing, (val) => {
53
+ isEditing.value = val;
54
+ }, { immediate: true });
55
+ const autoInitialWatch = watch(() => props.form.fields, (val) => {
56
+ props.autoInitial && formRef.value?.setInitialValues(val);
57
+ }, { immediate: true });
58
+ const initialValuesWatch = watch(() => props.initialValues, () => {
59
+ props.initialValues && formRef.value?.setInitialValues(props.initialValues);
60
+ }, { immediate: true, deep: true });
61
+ onBeforeMount(() => {
62
+ formComponent.value = ElForm;
63
+ });
64
+ onBeforeUnmount(() => {
65
+ initialValuesWatch.stop();
66
+ autoInitialWatch.stop();
67
+ editingWatch.stop();
68
+ });
69
+ return (_ctx, _cache) => {
70
+ const _directive_loading = vLoading;
71
+ return withDirectives((openBlock(), createElementBlock("div", {
72
+ class: normalizeClass(_ctx.$style["explorer-form"])
73
+ }, [
74
+ createElementVNode("div", {
75
+ class: normalizeClass(_ctx.$style.header)
76
+ }, [
77
+ createElementVNode("div", {
78
+ class: normalizeClass(_ctx.$style["header-container"])
79
+ }, [
80
+ __props.icon ? (openBlock(), createBlock(Component$1, {
81
+ key: 0,
82
+ name: __props.icon,
83
+ class: normalizeClass(_ctx.$style.icon)
84
+ }, null, 8, ["name", "class"])) : createCommentVNode("", true),
85
+ renderSlot(_ctx.$slots, "title", {}, () => [
86
+ createTextVNode(toDisplayString(__props.title), 1)
87
+ ])
88
+ ], 2),
89
+ createElementVNode("div", {
90
+ class: normalizeClass(_ctx.$style.actions)
91
+ }, [
92
+ unref(isEditing) ? (openBlock(), createBlock(Component$2, {
93
+ key: 0,
94
+ icon: { type: "el", name: "Close" },
95
+ onClick: handleCancel
96
+ }, {
97
+ default: withCtx(() => [..._cache[0] || (_cache[0] = [
98
+ createTextVNode("取消", -1)
99
+ ])]),
100
+ _: 1
101
+ })) : createCommentVNode("", true),
102
+ unref(isEditing) ? (openBlock(), createBlock(Component$2, {
103
+ key: 1,
104
+ type: "primary",
105
+ icon: { type: "el", name: "Check" },
106
+ onClick: handleSave
107
+ }, {
108
+ default: withCtx(() => [..._cache[1] || (_cache[1] = [
109
+ createTextVNode("保存", -1)
110
+ ])]),
111
+ _: 1
112
+ })) : createCommentVNode("", true),
113
+ !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
114
+ key: 2,
115
+ type: "primary",
116
+ icon: { type: "el", name: "Edit" },
117
+ onClick: handleEdit
118
+ }, {
119
+ default: withCtx(() => [..._cache[2] || (_cache[2] = [
120
+ createTextVNode("编辑", -1)
121
+ ])]),
122
+ _: 1
123
+ })) : createCommentVNode("", true),
124
+ renderSlot(_ctx.$slots, "action")
125
+ ], 2)
126
+ ], 2),
127
+ createVNode(Component$3, { always: "" }, {
128
+ default: withCtx(() => [
129
+ (openBlock(), createBlock(resolveDynamicComponent(unref(formComponent)), mergeProps({
130
+ ref_key: "formRef",
131
+ ref: formRef
132
+ }, props.formProps, {
133
+ model: __props.form.fields,
134
+ rules: __props.form.rules,
135
+ disabled: !unref(isEditing),
136
+ "require-asterisk-position": "right"
137
+ }), {
138
+ default: withCtx(() => [
139
+ renderSlot(_ctx.$slots, "default")
140
+ ]),
141
+ _: 3
142
+ }, 16, ["model", "rules", "disabled"]))
143
+ ]),
144
+ _: 3
145
+ })
146
+ ], 2)), [
147
+ [_directive_loading, unref(loading)]
148
+ ]);
149
+ };
150
+ }
151
+ });
152
+
153
+ /* unplugin-vue-components disabled */const header = "_header_gacal_8";
154
+ const icon = "_icon_gacal_25";
155
+ const actions = "_actions_gacal_29";
156
+ const style0 = {
157
+ "explorer-form": "_explorer-form_gacal_1",
158
+ header: header,
159
+ "header-container": "_header-container_gacal_21",
160
+ icon: icon,
161
+ actions: actions
162
+ };
163
+
164
+ const cssModules = {
165
+ "$style": style0
166
+ };
167
+ const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
168
+
169
+ const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
170
+ __proto__: null,
171
+ default: Component
172
+ }, Symbol.toStringTag, { value: 'Module' }));
173
+
174
+ export { Component as C, __vite_glob_0_24 as _ };
@@ -0,0 +1,33 @@
1
+ import { IExplorerFormProps } from './explorer-form';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ title?(_: {}): any;
6
+ action?(_: {}): any;
7
+ default?(_: {}): any;
8
+ };
9
+ refs: {
10
+ formRef: unknown;
11
+ };
12
+ rootEl: HTMLDivElement;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
16
+ clickEdit: () => any;
17
+ }, string, import('vue').PublicProps, Readonly<IExplorerFormProps> & Readonly<{
18
+ onClickEdit?: (() => any) | undefined;
19
+ }>, {
20
+ icon: string;
21
+ onCancel: () => void | Promise<void>;
22
+ onSave: (data: Record<string, any>) => void | Promise<void>;
23
+ autoInitial: boolean;
24
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
25
+ formRef: unknown;
26
+ }, HTMLDivElement>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1,33 @@
1
+ /* source: src/components/explorer-form/explorer-form.vue */
2
+ ._explorer-form_gacal_1 {
3
+ display: flex;
4
+ flex-direction: column;
5
+ flex-grow: 1;
6
+ height: 100px;
7
+ }
8
+ ._header_gacal_8 {
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+ border-bottom: 1px solid var(--el-border-color-lighter);
13
+ padding-bottom: 7px;
14
+ box-sizing: border-box;
15
+ margin-bottom: 8px;
16
+ color: var(--el-text-color-regular);
17
+ flex-wrap: wrap;
18
+ row-gap: 8px;
19
+ }
20
+ ._header-container_gacal_21 {
21
+ font-size: 1.2em;
22
+ }
23
+ ._icon_gacal_25 {
24
+ margin-right: 4px;
25
+ }
26
+ ._actions_gacal_29 {
27
+ display: flex;
28
+ align-items: center;
29
+ gap: 8px;
30
+ }
31
+ ._actions_gacal_29 .el-button {
32
+ margin-left: 0 !important;
33
+ }
@@ -0,0 +1,4 @@
1
+ import { SFCWithInstall } from '../../utils/typescript';
2
+ import { default as Component } from './explorer-form.vue';
3
+ export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
4
+ export default VcExplorerContainer;
@@ -0,0 +1,6 @@
1
+ import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
2
+ import { C as Component } from './explorer-form.mjs';
3
+
4
+ const VcExplorerContainer = withInstall(Component);
5
+
6
+ export { VcExplorerContainer, VcExplorerContainer as default };
@@ -99,8 +99,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
99
99
  icon: { type: "el", name: "Delete" },
100
100
  confirm: __props.confirmParams(item),
101
101
  stop: "",
102
+ class: normalizeClass(_ctx.$style.remove),
102
103
  onClick: ($event) => emits("remove", item.value, item)
103
- }, null, 8, ["confirm", "onClick"])) : createCommentVNode("", true)
104
+ }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
104
105
  ], 2)) : createCommentVNode("", true)
105
106
  ], 10, _hoisted_1);
106
107
  }), 128)),
@@ -127,19 +128,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
127
128
  }
128
129
  });
129
130
 
130
- /* unplugin-vue-components disabled */const item = "_item_1nz9u_1";
131
- const actions = "_actions_1nz9u_15";
132
- const active = "_active_1nz9u_19";
133
- const label = "_label_1nz9u_24";
134
- const icon = "_icon_1nz9u_30";
135
- const empty = "_empty_1nz9u_43";
136
- const loading = "_loading_1nz9u_44";
131
+ /* unplugin-vue-components disabled */const item = "_item_5dblq_1";
132
+ const actions = "_actions_5dblq_16";
133
+ const active = "_active_5dblq_20";
134
+ const label = "_label_5dblq_25";
135
+ const icon = "_icon_5dblq_31";
136
+ const remove = "_remove_5dblq_44";
137
+ const empty = "_empty_5dblq_48";
138
+ const loading = "_loading_5dblq_49";
137
139
  const style0 = {
138
140
  item: item,
139
141
  actions: actions,
140
142
  active: active,
141
143
  label: label,
142
144
  icon: icon,
145
+ remove: remove,
143
146
  empty: empty,
144
147
  loading: loading
145
148
  };
@@ -149,9 +152,9 @@ const cssModules = {
149
152
  };
150
153
  const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
151
154
 
152
- const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
155
+ const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
153
156
  __proto__: null,
154
157
  default: Component
155
158
  }, Symbol.toStringTag, { value: 'Module' }));
156
159
 
157
- export { Component as C, __vite_glob_0_23 as _ };
160
+ export { Component as C, __vite_glob_0_25 as _ };
@@ -1,5 +1,5 @@
1
1
  /* source: src/components/explorer-list/explorer-list.vue */
2
- ._item_1nz9u_1 {
2
+ ._item_5dblq_1 {
3
3
  padding: 4px 8px;
4
4
  cursor: pointer;
5
5
  display: flex;
@@ -9,36 +9,40 @@
9
9
  color: var(--el-text-color-regular);
10
10
  min-height: 32px;
11
11
  box-sizing: border-box;
12
+ line-height: 1;
12
13
  }
13
- ._item_1nz9u_1:hover {
14
+ ._item_5dblq_1:hover {
14
15
  background-color: var(--el-color-primary-light-9);
15
16
  }
16
- ._item_1nz9u_1:hover ._actions_1nz9u_15 {
17
+ ._item_5dblq_1:hover ._actions_5dblq_16 {
17
18
  display: inline-flex;
18
19
  align-items: flex-start;
19
20
  }
20
- ._item_1nz9u_1._active_1nz9u_19 {
21
+ ._item_5dblq_1._active_5dblq_20 {
21
22
  color: var(--el-color-primary);
22
23
  background-color: var(--el-color-primary-light-9);
23
24
  }
24
- ._label_1nz9u_24 {
25
+ ._label_5dblq_25 {
25
26
  overflow: hidden;
26
27
  text-overflow: ellipsis;
27
28
  white-space: nowrap;
28
29
  }
29
- ._icon_1nz9u_30 {
30
+ ._icon_5dblq_31 {
30
31
  margin-right: 4px;
31
32
  }
32
- ._actions_1nz9u_15 {
33
+ ._actions_5dblq_16 {
33
34
  display: none;
34
35
  column-gap: 4px;
35
36
  }
36
- ._actions_1nz9u_15 > button {
37
+ ._actions_5dblq_16 > button {
37
38
  margin-left: 0 !important;
38
39
  font-size: 1.2em;
39
40
  }
40
- ._empty_1nz9u_43,
41
- ._loading_1nz9u_44 {
41
+ ._remove_5dblq_44 {
42
+ transform: translateY(-1px);
43
+ }
44
+ ._empty_5dblq_48,
45
+ ._loading_5dblq_49 {
42
46
  padding: 4px 8px;
43
47
  display: flex;
44
48
  align-items: center;
@@ -69,9 +69,9 @@ const cssModules = {
69
69
  };
70
70
  const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
71
71
 
72
- const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
72
+ const __vite_glob_0_26 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
73
73
  __proto__: null,
74
74
  default: Component
75
75
  }, Symbol.toStringTag, { value: 'Module' }));
76
76
 
77
- export { Component as C, __vite_glob_0_24 as _ };
77
+ export { Component as C, __vite_glob_0_26 as _ };