@wfrog/vc-ui 1.6.1 → 1.8.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.
- package/dist/es/chunk/{BL8WhaLp.mjs → 39c07jh1.mjs} +1 -1
- package/dist/es/chunk/{CbYM6R_O.mjs → 3jDcB2xo.mjs} +6 -6
- package/dist/es/chunk/{DhGcJR5p.mjs → B11niAKN.mjs} +1 -1
- package/dist/es/chunk/{fueZ9sVu.mjs → B7FqhrtI.mjs} +4 -4
- package/dist/es/chunk/{B3GxuXVE.mjs → BAqSLB3Y.mjs} +1 -1
- package/dist/es/chunk/{CGhekNBa.mjs → BBXZ8dk4.mjs} +1 -1
- package/dist/es/chunk/{DYKOYbzT.mjs → BL-J8gO7.mjs} +5 -5
- package/dist/es/chunk/{Cg-Krnly.mjs → BQVjODp4.mjs} +1 -1
- package/dist/es/chunk/{D6nWUATi.mjs → B_RyUSJF.mjs} +13 -13
- package/dist/es/chunk/{DSt2uDNE.mjs → BqMf3xBl.mjs} +2 -2
- package/dist/es/chunk/{DQK0ezHm.mjs → BzqDqZOf.mjs} +3 -3
- package/dist/es/chunk/{BxibBO68.mjs → C-HMX6-e.mjs} +6 -6
- package/dist/es/chunk/{CboHfRXN.mjs → C2kaTl08.mjs} +2 -2
- package/dist/es/chunk/{D1MHFKtN.mjs → C6xZotC7.mjs} +1 -1
- package/dist/es/chunk/{F2ph6lWu.mjs → CFYABm3t.mjs} +6 -6
- package/dist/es/chunk/{DQi1QPak.mjs → CPW-P7zz.mjs} +8 -8
- package/dist/es/chunk/{DViraU6I.mjs → CROtrCmM.mjs} +1 -1
- package/dist/es/chunk/{CqTa_Vd-.mjs → CSZw6Ko2.mjs} +2 -2
- package/dist/es/chunk/{CwXV7M2F.mjs → CaA5lDme.mjs} +2 -2
- package/dist/es/chunk/Cb0n0U19.mjs +2199 -0
- package/dist/es/chunk/{CKZGL4_3.mjs → CdG7Eqv2.mjs} +3 -3
- package/dist/es/chunk/{BfjuZmry.mjs → D1Ki7NcP.mjs} +2 -2
- package/dist/es/chunk/{DTbnchOm.mjs → D5u7KBz_.mjs} +1 -1
- package/dist/es/chunk/{DX84QR5M.mjs → DYhJTpil.mjs} +3 -3
- package/dist/es/chunk/{D_Mvdscy.mjs → Dh_zpmSz.mjs} +2 -2
- package/dist/es/chunk/{D6m3vWpc.mjs → DrC4SmEj.mjs} +1 -1
- package/dist/es/chunk/{DAIuzoFs.mjs → DutTJaGc.mjs} +1 -1
- package/dist/es/chunk/{w7VqVeWU.mjs → RgWmId3R.mjs} +1 -1
- package/dist/es/chunk/{CQz3lhyS.mjs → UUVoNfr4.mjs} +1 -1
- package/dist/es/chunk/{D7CQDxqy.mjs → tJuysXfp.mjs} +2 -2
- package/dist/es/components/backbottom/backbottom.mjs +1 -1
- package/dist/es/components/button/button.mjs +4 -4
- package/dist/es/components/choice/choice.mjs +2 -2
- package/dist/es/components/color-switcher/color-switcher.mjs +5 -5
- package/dist/es/components/cropper/cropper.mjs +6 -6
- package/dist/es/components/currency/currency.mjs +3 -3
- package/dist/es/components/daterange-picker/daterange-picker.mjs +9 -9
- package/dist/es/components/dialog/dialog.d.ts +1 -0
- package/dist/es/components/dialog/dialog.mjs +23 -17
- package/dist/es/components/dialog/dialog.vue.d.ts +3 -1
- package/dist/es/components/dialog/index.css +22 -17
- package/dist/es/components/dialog-camera-upload/dialog-camera-upload.mjs +8 -8
- package/dist/es/components/dialog-map-point/dialog-map-point.mjs +2 -2
- package/dist/es/components/dialog-upload-images/dialog-upload-images.mjs +4 -4
- package/dist/es/components/drag-verify/drag-verify.mjs +1 -1
- package/dist/es/components/drawer/drawer.d.ts +7 -0
- package/dist/es/components/drawer/drawer.mjs +76 -28
- package/dist/es/components/drawer/drawer.vue.d.ts +9 -3
- package/dist/es/components/drawer/index.css +39 -18
- package/dist/es/components/easy-pagination/easy-pagination.mjs +1 -1
- package/dist/es/components/explorer/explorer.mjs +2 -2
- package/dist/es/components/explorer-column-table/explorer-column-table.mjs +4 -4
- package/dist/es/components/explorer-container/explorer-container.mjs +1 -1
- package/dist/es/components/explorer-filter/explorer-filter.mjs +2 -2
- package/dist/es/components/explorer-footer/explorer-footer.d.ts +1 -0
- package/dist/es/components/explorer-footer/explorer-footer.mjs +26 -13
- package/dist/es/components/explorer-footer/explorer-footer.vue.d.ts +2 -0
- package/dist/es/components/explorer-footer/index.css +3 -3
- package/dist/es/components/explorer-form/explorer-form.d.ts +7 -6
- package/dist/es/components/explorer-form/explorer-form.mjs +31 -56
- package/dist/es/components/explorer-form/explorer-form.vue.d.ts +192 -6
- package/dist/es/components/explorer-form/index.css +7 -7
- package/dist/es/components/explorer-list/explorer-list.d.ts +1 -0
- package/dist/es/components/explorer-list/explorer-list.mjs +3 -2
- package/dist/es/components/explorer-modal-form/explorer-modal-form.d.ts +24 -0
- package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs +160 -0
- package/dist/es/components/explorer-modal-form/explorer-modal-form.vue.d.ts +584 -0
- package/dist/es/components/explorer-modal-form/index.css +6 -0
- package/dist/es/components/explorer-modal-form/index.d.ts +4 -0
- package/dist/es/components/explorer-modal-form/index.mjs +6 -0
- package/dist/es/components/explorer-panel/explorer-panel.mjs +5 -5
- package/dist/es/components/explorer-panel/index.css +6 -3
- package/dist/es/components/explorer-query/explorer-query.mjs +13 -2206
- package/dist/es/components/explorer-query/index.css +3 -3
- package/dist/es/components/explorer-table/explorer-table.d.ts +4 -0
- package/dist/es/components/explorer-table/explorer-table.mjs +22 -9
- package/dist/es/components/explorer-table/explorer-table.vue.d.ts +3 -0
- package/dist/es/components/explorer-tools/explorer-tools.mjs +13 -13
- package/dist/es/components/explorer-tools/index.css +8 -8
- package/dist/es/components/explorer-tree/explorer-tree.d.ts +1 -0
- package/dist/es/components/explorer-tree/explorer-tree.mjs +15 -14
- package/dist/es/components/explorer-tree/index.css +17 -14
- package/dist/es/components/icon-picker/icon-picker.mjs +9 -9
- package/dist/es/components/iconify-icon/iconify-icon.mjs +2 -2
- package/dist/es/components/image/image.mjs +4 -4
- package/dist/es/components/input/input.mjs +3 -3
- package/dist/es/components/input-number/input-number.mjs +4 -4
- package/dist/es/components/pca-picker/pca-picker.mjs +12 -12
- package/dist/es/components/screenfull/screenfull.mjs +3 -3
- package/dist/es/components/scrollbar/scrollbar.mjs +3 -3
- package/dist/es/components/select/select.mjs +5 -5
- package/dist/es/components/single-player/single-player.mjs +6 -6
- package/dist/es/components/splitter-panel/splitter-panel.mjs +2 -2
- package/dist/es/components/svg-icon/svg-icon.mjs +2 -2
- package/dist/es/components/switch/switch.mjs +2 -2
- package/dist/es/components/sync-scroll-container/sync-scroll-container.mjs +2 -2
- package/dist/es/components/tags/tags.mjs +8 -8
- package/dist/es/components/text-ellipsis/text-ellipsis.mjs +3 -3
- package/dist/es/components/thousand-input/thousand-input.mjs +2 -2
- package/dist/es/components/tinymce/tinymce.mjs +3 -3
- package/dist/es/components/tree-picker/tree-picker.mjs +9 -9
- package/dist/es/components/upload-file/upload-file.mjs +2 -2
- package/dist/es/index.d.ts +1 -0
- package/dist/es/index.mjs +34 -32
- package/dist/global.d.ts +1 -0
- package/dist/index.css +112 -73
- package/package.json +1 -1
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import { b as buildProps, u as useNamespace } from '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay } from '../../chunk/
|
|
4
|
-
import { E as ElScrollbar } from '../../chunk/
|
|
3
|
+
import { d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay } from '../../chunk/CFYABm3t.mjs';
|
|
4
|
+
import { E as ElScrollbar } from '../../chunk/Dh_zpmSz.mjs';
|
|
5
|
+
import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
|
|
5
6
|
import { computed, ref, watch, onBeforeUnmount, defineComponent, useSlots, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow, useCssVars, isRef, createTextVNode } from 'vue';
|
|
7
|
+
import { Close, CopyDocument, FullScreen } from '@element-plus/icons-vue';
|
|
6
8
|
import { C as Component$1 } from '../button/button.mjs';
|
|
7
|
-
import { useWindowSize, clamp, useEventListener, useVModel } from '@vueuse/core';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { a as addUnit } from '../../chunk/CQz3lhyS.mjs';
|
|
9
|
+
import { useWindowSize, clamp, useEventListener, useVModel, useToggle } from '@vueuse/core';
|
|
10
|
+
import { b as ElTeleport, d as ElFocusTrap } from '../../chunk/D1Ki7NcP.mjs';
|
|
11
|
+
import { E as ElIcon } from '../../chunk/C6xZotC7.mjs';
|
|
12
|
+
import { a as addUnit } from '../../chunk/UUVoNfr4.mjs';
|
|
12
13
|
import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
|
|
13
14
|
import { u as useDeprecated } from '../../chunk/yuIXvUxc.mjs';
|
|
14
15
|
import { u as useLocale } from '../../chunk/CJ0afvkJ.mjs';
|
|
@@ -351,10 +352,7 @@ var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/
|
|
|
351
352
|
|
|
352
353
|
const ElDrawer = withInstall(Drawer);
|
|
353
354
|
|
|
354
|
-
const _hoisted_1 =
|
|
355
|
-
key: 0,
|
|
356
|
-
class: "drawer-footer"
|
|
357
|
-
};
|
|
355
|
+
const _hoisted_1 = ["id"];
|
|
358
356
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
359
357
|
__name: "drawer",
|
|
360
358
|
props: {
|
|
@@ -362,19 +360,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
362
360
|
title: { default: "对话框" },
|
|
363
361
|
lazy: { type: Boolean, default: true },
|
|
364
362
|
showDefaultFooter: { type: Boolean, default: false },
|
|
365
|
-
boxPadding: { type: Boolean, default: true }
|
|
363
|
+
boxPadding: { type: Boolean, default: true },
|
|
364
|
+
fullscreen: { type: Boolean, default: false },
|
|
365
|
+
showFullscreen: { type: Boolean, default: true },
|
|
366
|
+
size: { default: "500px" }
|
|
366
367
|
},
|
|
367
368
|
emits: ["update:modelValue", "closed"],
|
|
368
369
|
setup(__props, { emit: __emit }) {
|
|
369
370
|
useCssVars((_ctx) => ({
|
|
370
|
-
"
|
|
371
|
+
"v4dbd7b6a": _ctx.boxPadding ? "block" : "none"
|
|
371
372
|
}));
|
|
372
373
|
const props = __props;
|
|
373
374
|
const emits = __emit;
|
|
374
375
|
const drawerVisible = useVModel(props, "modelValue", emits);
|
|
375
376
|
const visible = ref(false);
|
|
377
|
+
const isFullscreen = ref(false);
|
|
378
|
+
const toggleFullscreen = useToggle(isFullscreen);
|
|
379
|
+
const Icon = computed(() => isFullscreen.value ? CopyDocument : FullScreen);
|
|
380
|
+
const mySize = computed(() => isFullscreen.value ? "100%" : props.size);
|
|
376
381
|
watch(drawerVisible, (val) => {
|
|
377
382
|
if (val) {
|
|
383
|
+
isFullscreen.value = props.fullscreen;
|
|
378
384
|
visible.value = true;
|
|
379
385
|
}
|
|
380
386
|
});
|
|
@@ -383,27 +389,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
383
389
|
emits("closed");
|
|
384
390
|
}
|
|
385
391
|
return (_ctx, _cache) => {
|
|
392
|
+
const _component_ElButton = ElButton;
|
|
386
393
|
const _component_ElScrollbar = ElScrollbar;
|
|
387
394
|
const _component_ElDrawer = ElDrawer;
|
|
388
395
|
return unref(visible) || !__props.lazy ? (openBlock(), createBlock(_component_ElDrawer, mergeProps({
|
|
389
396
|
key: 0,
|
|
390
397
|
modelValue: unref(drawerVisible),
|
|
391
|
-
"onUpdate:modelValue": _cache[
|
|
398
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(drawerVisible) ? drawerVisible.value = $event : null)
|
|
392
399
|
}, _ctx.$attrs, {
|
|
393
400
|
"close-on-click-modal": false,
|
|
401
|
+
"show-close": false,
|
|
394
402
|
class: _ctx.$style.main,
|
|
403
|
+
"append-to-body": "",
|
|
404
|
+
size: unref(mySize),
|
|
395
405
|
onClosed: handleClosed
|
|
396
406
|
}), {
|
|
397
|
-
header: withCtx(() => [
|
|
398
|
-
createElementVNode("div",
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
407
|
+
header: withCtx(({ close, titleId, titleClass }) => [
|
|
408
|
+
createElementVNode("div", {
|
|
409
|
+
class: normalizeClass(_ctx.$style.header)
|
|
410
|
+
}, [
|
|
411
|
+
createElementVNode("span", {
|
|
412
|
+
id: titleId,
|
|
413
|
+
class: normalizeClass([titleClass, _ctx.$style.title])
|
|
414
|
+
}, [
|
|
415
|
+
renderSlot(_ctx.$slots, "title", { close }, () => [
|
|
416
|
+
createTextVNode(toDisplayString(__props.title), 1)
|
|
417
|
+
])
|
|
418
|
+
], 10, _hoisted_1),
|
|
419
|
+
createElementVNode("span", {
|
|
420
|
+
class: normalizeClass(_ctx.$style.buttons)
|
|
421
|
+
}, [
|
|
422
|
+
renderSlot(_ctx.$slots, "header-action"),
|
|
423
|
+
withDirectives(createVNode(_component_ElButton, {
|
|
424
|
+
class: normalizeClass(_ctx.$style["icon-button"]),
|
|
425
|
+
icon: unref(Icon),
|
|
426
|
+
plain: "",
|
|
427
|
+
onClick: _cache[0] || (_cache[0] = () => unref(toggleFullscreen)())
|
|
428
|
+
}, null, 8, ["class", "icon"]), [
|
|
429
|
+
[vShow, __props.showFullscreen]
|
|
430
|
+
]),
|
|
431
|
+
createVNode(_component_ElButton, {
|
|
432
|
+
class: normalizeClass(_ctx.$style["icon-button"]),
|
|
433
|
+
icon: unref(Close),
|
|
434
|
+
plain: "",
|
|
435
|
+
onClick: close
|
|
436
|
+
}, null, 8, ["class", "icon", "onClick"])
|
|
437
|
+
], 2)
|
|
438
|
+
], 2)
|
|
403
439
|
]),
|
|
404
440
|
default: withCtx(() => [
|
|
405
441
|
createVNode(_component_ElScrollbar, {
|
|
406
|
-
class: "drawer-scrollbar",
|
|
442
|
+
class: "vc-drawer-scrollbar",
|
|
407
443
|
always: ""
|
|
408
444
|
}, {
|
|
409
445
|
default: withCtx(() => [
|
|
@@ -415,29 +451,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
415
451
|
]),
|
|
416
452
|
_: 3
|
|
417
453
|
}),
|
|
418
|
-
__props.showDefaultFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div",
|
|
454
|
+
__props.showDefaultFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
|
|
455
|
+
key: 0,
|
|
456
|
+
class: normalizeClass(_ctx.$style.footer)
|
|
457
|
+
}, [
|
|
419
458
|
renderSlot(_ctx.$slots, "footer", {}, () => [
|
|
420
459
|
createVNode(Component$1, {
|
|
421
|
-
onClick: _cache[
|
|
460
|
+
onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false)
|
|
422
461
|
}, {
|
|
423
|
-
default: withCtx(() => [..._cache[
|
|
462
|
+
default: withCtx(() => [..._cache[3] || (_cache[3] = [
|
|
424
463
|
createTextVNode("关闭", -1)
|
|
425
464
|
])]),
|
|
426
465
|
_: 1
|
|
427
466
|
})
|
|
428
467
|
])
|
|
429
|
-
])) : createCommentVNode("", true)
|
|
468
|
+
], 2)) : createCommentVNode("", true)
|
|
430
469
|
]),
|
|
431
470
|
_: 3
|
|
432
|
-
}, 16, ["modelValue", "class"])) : createCommentVNode("", true);
|
|
471
|
+
}, 16, ["modelValue", "class", "size"])) : createCommentVNode("", true);
|
|
433
472
|
};
|
|
434
473
|
}
|
|
435
474
|
});
|
|
436
475
|
|
|
437
|
-
/* unplugin-vue-components disabled */const main = "
|
|
476
|
+
/* unplugin-vue-components disabled */const main = "_main_2r9ln_1";
|
|
477
|
+
const header = "_header_2r9ln_46";
|
|
478
|
+
const title = "_title_2r9ln_56";
|
|
479
|
+
const buttons = "_buttons_2r9ln_61";
|
|
480
|
+
const footer = "_footer_2r9ln_76";
|
|
438
481
|
const style0 = {
|
|
439
482
|
main: main,
|
|
440
|
-
|
|
483
|
+
header: header,
|
|
484
|
+
title: title,
|
|
485
|
+
buttons: buttons,
|
|
486
|
+
"icon-button": "_icon-button_2r9ln_65",
|
|
487
|
+
"body-container": "_body-container_2r9ln_72",
|
|
488
|
+
footer: footer
|
|
441
489
|
};
|
|
442
490
|
|
|
443
491
|
const cssModules = {
|
|
@@ -2,7 +2,10 @@ import { IDrawerProps } from './drawer';
|
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
5
|
-
|
|
5
|
+
title?(_: {
|
|
6
|
+
close: () => void;
|
|
7
|
+
}): any;
|
|
8
|
+
'header-action'?(_: {}): any;
|
|
6
9
|
default?(_: {}): any;
|
|
7
10
|
footer?(_: {}): any;
|
|
8
11
|
};
|
|
@@ -11,15 +14,18 @@ declare function __VLS_template(): {
|
|
|
11
14
|
};
|
|
12
15
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
16
|
declare const __VLS_component: import('vue').DefineComponent<IDrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
|
-
"update:modelValue": (
|
|
17
|
+
"update:modelValue": (value: boolean) => any;
|
|
15
18
|
closed: () => any;
|
|
16
19
|
}, string, import('vue').PublicProps, Readonly<IDrawerProps> & Readonly<{
|
|
17
|
-
"onUpdate:modelValue"?: ((
|
|
20
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
18
21
|
onClosed?: (() => any) | undefined;
|
|
19
22
|
}>, {
|
|
23
|
+
size: number | string;
|
|
20
24
|
title: string;
|
|
25
|
+
showFullscreen: boolean;
|
|
21
26
|
showDefaultFooter: boolean;
|
|
22
27
|
lazy: boolean;
|
|
28
|
+
fullscreen: boolean;
|
|
23
29
|
boxPadding: boolean;
|
|
24
30
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* source: src/components/drawer/drawer.vue */
|
|
2
|
-
.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger,.el-drawer__dragger:before{background-color:transparent;position:absolute;transition:all .2s}.el-drawer__dragger:before{content:""}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.
|
|
2
|
+
.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger,.el-drawer__dragger:before{background-color:transparent;position:absolute;transition:all .2s}.el-drawer__dragger:before{content:""}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}._main_2r9ln_1 {
|
|
3
3
|
height: 100%;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._main_2r9ln_1 .el-drawer__header {
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
flex: 0 0 auto;
|
|
8
8
|
padding: 8px 16px;
|
|
@@ -10,25 +10,16 @@
|
|
|
10
10
|
border-bottom: 1px solid var(--el-border-color-light);
|
|
11
11
|
font-size: var(--el-font-size-large);
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
._main_2r9ln_1 .el-drawer__body {
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-direction: column;
|
|
16
16
|
padding: 0;
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
20
|
-
display: flex;
|
|
21
|
-
flex: 0 0 auto;
|
|
22
|
-
padding: 8px 16px;
|
|
23
|
-
border-top: 1px solid var(--el-border-color-light);
|
|
24
|
-
}
|
|
25
|
-
._main_1ond6_1 .drawer-footer .el-button {
|
|
26
|
-
flex-grow: 1;
|
|
27
|
-
}
|
|
28
|
-
._main_1ond6_1 > .el-drawer__body > .el-scrollbar {
|
|
19
|
+
._main_2r9ln_1 > .el-drawer__body > .el-scrollbar {
|
|
29
20
|
position: relative;
|
|
30
21
|
}
|
|
31
|
-
.
|
|
22
|
+
._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::before {
|
|
32
23
|
content: "";
|
|
33
24
|
position: absolute;
|
|
34
25
|
top: 0;
|
|
@@ -38,9 +29,9 @@
|
|
|
38
29
|
background: var(--el-bg-color);
|
|
39
30
|
height: 16px;
|
|
40
31
|
z-index: 3;
|
|
41
|
-
display: var(--
|
|
32
|
+
display: var(--v4dbd7b6a);
|
|
42
33
|
}
|
|
43
|
-
.
|
|
34
|
+
._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::after {
|
|
44
35
|
content: "";
|
|
45
36
|
position: absolute;
|
|
46
37
|
bottom: 0;
|
|
@@ -50,8 +41,38 @@
|
|
|
50
41
|
background: var(--el-bg-color);
|
|
51
42
|
height: 16px;
|
|
52
43
|
z-index: 3;
|
|
53
|
-
display: var(--
|
|
44
|
+
display: var(--v4dbd7b6a);
|
|
45
|
+
}
|
|
46
|
+
._header_2r9ln_46 {
|
|
47
|
+
display: flex;
|
|
48
|
+
flex-direction: row;
|
|
49
|
+
justify-content: space-between;
|
|
50
|
+
}
|
|
51
|
+
._header_2r9ln_46 h4 {
|
|
52
|
+
padding: 0;
|
|
53
|
+
margin: 0 !important;
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._title_2r9ln_56 {
|
|
56
|
+
display: flex;
|
|
57
|
+
align-items: center;
|
|
58
|
+
}
|
|
59
|
+
._buttons_2r9ln_61 {
|
|
60
|
+
display: flex;
|
|
61
|
+
column-gap: 8px;
|
|
62
|
+
}
|
|
63
|
+
._buttons_2r9ln_61 button._icon-button_2r9ln_65 {
|
|
64
|
+
padding: 8px;
|
|
65
|
+
font-size: 1.2em;
|
|
66
|
+
border: 0;
|
|
67
|
+
margin-left: 0;
|
|
68
|
+
}
|
|
69
|
+
._body-container_2r9ln_72 {
|
|
56
70
|
padding: 16px;
|
|
71
|
+
}
|
|
72
|
+
._footer_2r9ln_76 {
|
|
73
|
+
display: flex;
|
|
74
|
+
flex: 0 0 auto;
|
|
75
|
+
padding: 8px 16px;
|
|
76
|
+
border-top: 1px solid var(--el-border-color-light);
|
|
77
|
+
justify-content: flex-end;
|
|
57
78
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { E as ElButton } from '../../chunk/
|
|
3
|
+
import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
|
|
4
4
|
import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
5
5
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
6
6
|
|
|
@@ -56,9 +56,9 @@ const cssModules = {
|
|
|
56
56
|
};
|
|
57
57
|
const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
58
58
|
|
|
59
|
-
const
|
|
59
|
+
const __vite_glob_0_32 = /*#__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,
|
|
64
|
+
export { Component as C, __vite_glob_0_32 as _ };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { E as ElTable, a as ElTableColumn } from '../../chunk/
|
|
4
|
-
import {
|
|
3
|
+
import { E as ElTable, a as ElTableColumn } from '../../chunk/C-HMX6-e.mjs';
|
|
4
|
+
import { a as ElCheckbox } from '../../chunk/BqMf3xBl.mjs';
|
|
5
5
|
/* empty css */
|
|
6
|
-
import '../../chunk/
|
|
7
|
-
import '../../chunk/
|
|
6
|
+
import '../../chunk/D1Ki7NcP.mjs';
|
|
7
|
+
import '../../chunk/Dh_zpmSz.mjs';
|
|
8
8
|
/* empty css */
|
|
9
9
|
import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, createBlock, openBlock, normalizeClass, unref, withCtx, createVNode, createCommentVNode, createElementVNode } from 'vue';
|
|
10
10
|
import { C as Component$1 } from '../choice/choice.mjs';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { v as vLoading } from '../../chunk/
|
|
3
|
+
import { v as vLoading } from '../../chunk/CaA5lDme.mjs';
|
|
4
4
|
import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
|
|
5
5
|
import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
|
|
6
6
|
import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { E as ElButton } from '../../chunk/
|
|
4
|
-
import { E as ElInput } from '../../chunk/
|
|
3
|
+
import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
|
|
4
|
+
import { E as ElInput } from '../../chunk/CdG7Eqv2.mjs';
|
|
5
5
|
import { defineComponent, useCssVars, ref, createElementBlock, openBlock, normalizeClass, createVNode, createBlock, createCommentVNode, unref, withKeys, isRef } from 'vue';
|
|
6
6
|
import { Search, Plus } from '@element-plus/icons-vue';
|
|
7
7
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/By7FMB3I.mjs';
|
|
3
|
-
import { E as ElPagination } from '../../chunk/
|
|
3
|
+
import { E as ElPagination } from '../../chunk/B7FqhrtI.mjs';
|
|
4
4
|
/* empty css */
|
|
5
|
-
import '../../chunk/
|
|
6
|
-
import '../../chunk/
|
|
7
|
-
import '../../chunk/
|
|
8
|
-
import '../../chunk/
|
|
9
|
-
import { defineComponent, useCssVars, createElementBlock, openBlock, normalizeClass,
|
|
5
|
+
import '../../chunk/CPW-P7zz.mjs';
|
|
6
|
+
import '../../chunk/Dh_zpmSz.mjs';
|
|
7
|
+
import '../../chunk/D1Ki7NcP.mjs';
|
|
8
|
+
import '../../chunk/CdG7Eqv2.mjs';
|
|
9
|
+
import { defineComponent, useCssVars, unref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createBlock, renderSlot, mergeProps } from 'vue';
|
|
10
10
|
import { i as isObjectLike, b as baseGetTag } from '../../chunk/ytiKcA3H.mjs';
|
|
11
11
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
12
12
|
|
|
@@ -44,39 +44,52 @@ function isNumber(value) {
|
|
|
44
44
|
(isObjectLike(value) && baseGetTag(value) == numberTag);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
const _hoisted_1 = { key: 0 };
|
|
48
|
+
const _hoisted_2 = { key: 2 };
|
|
47
49
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
48
50
|
__name: "explorer-footer",
|
|
49
51
|
props: {
|
|
50
52
|
paddingTop: { default: 8 },
|
|
51
53
|
layout: { default: "total, prev, pager, next" },
|
|
52
|
-
total: {}
|
|
54
|
+
total: {},
|
|
55
|
+
align: { default: "right" }
|
|
53
56
|
},
|
|
54
57
|
setup(__props) {
|
|
55
58
|
useCssVars((_ctx) => ({
|
|
56
|
-
"
|
|
59
|
+
"v6fd937b2": unref(justifyContent),
|
|
60
|
+
"v42199fad": `${_ctx.paddingTop}px`
|
|
57
61
|
}));
|
|
58
62
|
const props = __props;
|
|
63
|
+
const justifyContent = computed(() => {
|
|
64
|
+
if (props.align === "center") {
|
|
65
|
+
return "center";
|
|
66
|
+
}
|
|
67
|
+
return "space-between";
|
|
68
|
+
});
|
|
59
69
|
return (_ctx, _cache) => {
|
|
60
70
|
const _component_ElPagination = ElPagination;
|
|
61
71
|
return openBlock(), createElementBlock("div", {
|
|
62
72
|
class: normalizeClass(_ctx.$style["explorer-footer"])
|
|
63
73
|
}, [
|
|
64
|
-
|
|
74
|
+
__props.align === "right" ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
65
75
|
renderSlot(_ctx.$slots, "default")
|
|
66
|
-
]),
|
|
76
|
+
])) : createCommentVNode("", true),
|
|
67
77
|
unref(isNumber)(props.total) ? (openBlock(), createBlock(_component_ElPagination, mergeProps({
|
|
68
|
-
key:
|
|
78
|
+
key: 1,
|
|
69
79
|
background: "",
|
|
70
80
|
layout: __props.layout,
|
|
71
81
|
total: __props.total
|
|
72
|
-
}, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true)
|
|
82
|
+
}, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true),
|
|
83
|
+
__props.align === "left" ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
84
|
+
renderSlot(_ctx.$slots, "default")
|
|
85
|
+
])) : createCommentVNode("", true)
|
|
73
86
|
], 2);
|
|
74
87
|
};
|
|
75
88
|
}
|
|
76
89
|
});
|
|
77
90
|
|
|
78
91
|
/* unplugin-vue-components disabled */const style0 = {
|
|
79
|
-
"explorer-footer": "_explorer-
|
|
92
|
+
"explorer-footer": "_explorer-footer_ntz3b_1"
|
|
80
93
|
};
|
|
81
94
|
|
|
82
95
|
const cssModules = {
|
|
@@ -3,12 +3,14 @@ declare function __VLS_template(): {
|
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
5
5
|
default?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
6
7
|
};
|
|
7
8
|
refs: {};
|
|
8
9
|
rootEl: HTMLDivElement;
|
|
9
10
|
};
|
|
10
11
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
12
|
declare const __VLS_component: import('vue').DefineComponent<IExplorerFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerFooterProps> & Readonly<{}>, {
|
|
13
|
+
align: "left" | "center" | "right";
|
|
12
14
|
layout: string;
|
|
13
15
|
paddingTop: number;
|
|
14
16
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* source: src/components/explorer-footer/explorer-footer.vue */
|
|
2
|
-
._explorer-
|
|
2
|
+
._explorer-footer_ntz3b_1 {
|
|
3
3
|
display: flex;
|
|
4
|
-
justify-content:
|
|
4
|
+
justify-content: var(--v6fd937b2);
|
|
5
5
|
align-items: center;
|
|
6
|
-
padding-top: var(--
|
|
6
|
+
padding-top: var(--v42199fad);
|
|
7
7
|
}
|
|
@@ -8,13 +8,14 @@ export interface IExplorerFormProps {
|
|
|
8
8
|
rules?: Record<string, any>;
|
|
9
9
|
}>;
|
|
10
10
|
formProps?: Partial<FormProps>;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
editable?: boolean;
|
|
13
|
+
editing?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
14
15
|
labelPosition?: FormProps['labelPosition'];
|
|
15
|
-
onCancel?: () => void | Promise<void> | Promise<() => void | Promise<void>>;
|
|
16
|
-
onSave?: (data: Record<string, any>) => void | Promise<void> | Promise<() => void | Promise<void>>;
|
|
17
16
|
}
|
|
18
17
|
export interface IExplorerFormEmits {
|
|
19
|
-
(e: '
|
|
18
|
+
(e: 'cancel'): void;
|
|
19
|
+
(e: 'edit'): void;
|
|
20
|
+
(e: 'save', data: Record<string, any>): void;
|
|
20
21
|
}
|