This commit is contained in:
2025-09-19 14:25:20 +08:00
parent 269893a435
commit fbf3f77229
24949 changed files with 2839404 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
import Splitter from './src/splitter.vue';
import SplitPanel from './src/split-panel.vue';
import type { SFCWithInstall } from 'element-plus/es/utils';
export declare const ElSplitter: SFCWithInstall<typeof Splitter> & {
SplitPanel: typeof SplitPanel;
};
export default ElSplitter;
export declare const ElSplitterPanel: SFCWithInstall<typeof SplitPanel>;
export * from './src/splitter';
export * from './src/split-panel';

View File

@@ -0,0 +1,21 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var splitter$1 = require('./src/splitter2.js');
var splitPanel$1 = require('./src/split-panel2.js');
var splitter = require('./src/splitter.js');
var splitPanel = require('./src/split-panel.js');
var install = require('../../utils/vue/install.js');
const ElSplitter = install.withInstall(splitter$1["default"], {
SplitPanel: splitPanel$1["default"]
});
const ElSplitterPanel = install.withNoopInstall(splitPanel$1["default"]);
exports.splitterProps = splitter.splitterProps;
exports.splitterPanelProps = splitPanel.splitterPanelProps;
exports.ElSplitter = ElSplitter;
exports.ElSplitterPanel = ElSplitterPanel;
exports["default"] = ElSplitter;
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sources":["../../../../../packages/components/splitter/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Splitter from './src/splitter.vue'\nimport SplitPanel from './src/split-panel.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElSplitter: SFCWithInstall<typeof Splitter> & {\n SplitPanel: typeof SplitPanel\n} = withInstall(Splitter, {\n SplitPanel,\n})\nexport default ElSplitter\n\nexport const ElSplitterPanel: SFCWithInstall<typeof SplitPanel> =\n withNoopInstall(SplitPanel)\n\nexport * from './src/splitter'\nexport * from './src/split-panel'\n"],"names":["withInstall","Splitter","SplitPanel","withNoopInstall"],"mappings":";;;;;;;;;;AAGY,MAAC,UAAU,GAAGA,mBAAW,CAACC,qBAAQ,EAAE;AAChD,cAAEC,uBAAU;AACZ,CAAC,EAAE;AAES,MAAC,eAAe,GAAGC,uBAAe,CAACD,uBAAU;;;;;;;;"}

View File

@@ -0,0 +1,3 @@
export { useContainer } from './useContainer';
export { useResize } from './useResize';
export { useSize, isPct, isPx, getPct, getPx } from './useSize';

View File

@@ -0,0 +1,18 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var useContainer = require('./useContainer.js');
var useResize = require('./useResize.js');
var useSize = require('./useSize.js');
exports.useContainer = useContainer.useContainer;
exports.useResize = useResize.useResize;
exports.getPct = useSize.getPct;
exports.getPx = useSize.getPx;
exports.isPct = useSize.isPct;
exports.isPx = useSize.isPx;
exports.useSize = useSize.useSize;
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

View File

@@ -0,0 +1,5 @@
import type { Ref } from 'vue';
export declare function useContainer(layout: Ref<'horizontal' | 'vertical'>): {
containerEl: Ref<HTMLDivElement | undefined>;
containerSize: import("vue").ComputedRef<number>;
};

View File

@@ -0,0 +1,18 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var core = require('@vueuse/core');
function useContainer(layout) {
const containerEl = vue.ref();
const { width, height } = core.useElementSize(containerEl);
const containerSize = vue.computed(() => {
return layout.value === "horizontal" ? width.value : height.value;
});
return { containerEl, containerSize };
}
exports.useContainer = useContainer;
//# sourceMappingURL=useContainer.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"useContainer.js","sources":["../../../../../../../packages/components/splitter/src/hooks/useContainer.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\nimport type { Ref } from 'vue'\n\nexport function useContainer(layout: Ref<'horizontal' | 'vertical'>) {\n const containerEl = ref<HTMLDivElement>()\n const { width, height } = useElementSize(containerEl)\n\n const containerSize = computed(() => {\n return layout.value === 'horizontal' ? width.value : height.value\n })\n\n return { containerEl, containerSize }\n}\n"],"names":["ref","useElementSize","computed"],"mappings":";;;;;;;AAEO,SAAS,YAAY,CAAC,MAAM,EAAE;AACrC,EAAE,MAAM,WAAW,GAAGA,OAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGC,mBAAc,CAAC,WAAW,CAAC,CAAC;AACxD,EAAE,MAAM,aAAa,GAAGC,YAAQ,CAAC,MAAM;AACvC,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,YAAY,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACtE,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AACxC;;;;"}

View File

@@ -0,0 +1,9 @@
import type { PanelItemState } from '../type';
export declare function getCollapsible(collapsible: boolean | {
start?: boolean;
end?: boolean;
}): {
start?: boolean;
end?: boolean;
};
export declare function isCollapsible(panel: PanelItemState | null | undefined, size: number, nextPanel: PanelItemState | null | undefined, nextSize: number): boolean;

View File

@@ -0,0 +1,28 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var shared = require('@vue/shared');
function getCollapsible(collapsible) {
if (collapsible && shared.isObject(collapsible)) {
return collapsible;
}
return {
start: !!collapsible,
end: !!collapsible
};
}
function isCollapsible(panel, size, nextPanel, nextSize) {
if ((panel == null ? void 0 : panel.collapsible.end) && size > 0) {
return true;
}
if ((nextPanel == null ? void 0 : nextPanel.collapsible.start) && nextSize === 0 && size > 0) {
return true;
}
return false;
}
exports.getCollapsible = getCollapsible;
exports.isCollapsible = isCollapsible;
//# sourceMappingURL=usePanel.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"usePanel.js","sources":["../../../../../../../packages/components/splitter/src/hooks/usePanel.ts"],"sourcesContent":["import { isObject } from '@element-plus/utils'\n\nimport type { PanelItemState } from '../type'\n\nexport function getCollapsible(\n collapsible: boolean | { start?: boolean; end?: boolean }\n) {\n if (collapsible && isObject(collapsible)) {\n return collapsible\n }\n return {\n start: !!collapsible,\n end: !!collapsible,\n }\n}\n\nexport function isCollapsible(\n panel: PanelItemState | null | undefined,\n size: number,\n nextPanel: PanelItemState | null | undefined,\n nextSize: number\n) {\n // If the current panel is collapsible and has size, then it can be collapsed\n if (panel?.collapsible.end && size > 0) {\n return true\n }\n\n // If the next panel is collapsible and has no size, but the current panel has size, then it can be collapsed\n if (nextPanel?.collapsible.start && nextSize === 0 && size > 0) {\n return true\n }\n\n return false\n}\n"],"names":["isObject"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,WAAW,EAAE;AAC5C,EAAE,IAAI,WAAW,IAAIA,eAAQ,CAAC,WAAW,CAAC,EAAE;AAC5C,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH,EAAE,OAAO;AACT,IAAI,KAAK,EAAE,CAAC,CAAC,WAAW;AACxB,IAAI,GAAG,EAAE,CAAC,CAAC,WAAW;AACtB,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE;AAChE,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC,EAAE;AACpE,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,KAAK,QAAQ,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,EAAE;AAChG,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;;"}

View File

@@ -0,0 +1,13 @@
import type { ComputedRef, Ref } from 'vue';
import type { PanelItemState } from '../type';
export declare function useResize(panels: Ref<PanelItemState[]>, containerSize: ComputedRef<number>, pxSizes: ComputedRef<number[]>, lazy: Ref<boolean>): {
lazyOffset: Ref<number>;
onMoveStart: (index: number) => void;
onMoving: (index: number, offset: number) => void;
onMoveEnd: () => void;
movingIndex: Ref<{
index: number;
confirmed: boolean;
} | null>;
onCollapse: (index: number, type: "start" | "end") => void;
};

View File

@@ -0,0 +1,129 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var useSize = require('./useSize.js');
var shared = require('@vue/shared');
function useResize(panels, containerSize, pxSizes, lazy) {
const ptg2px = (ptg) => ptg * containerSize.value || 0;
function getLimitSize(str, defaultLimit) {
if (useSize.isPct(str)) {
return ptg2px(useSize.getPct(str));
} else if (useSize.isPx(str)) {
return useSize.getPx(str);
}
return str != null ? str : defaultLimit;
}
const lazyOffset = vue.ref(0);
const movingIndex = vue.ref(null);
let cachePxSizes = [];
let updatePanelSizes = shared.NOOP;
const limitSizes = vue.computed(() => panels.value.map((item) => [item.min, item.max]));
vue.watch(lazy, () => {
if (lazyOffset.value) {
const mouseup = new MouseEvent("mouseup", { bubbles: true });
window.dispatchEvent(mouseup);
}
});
const onMoveStart = (index) => {
lazyOffset.value = 0;
movingIndex.value = { index, confirmed: false };
cachePxSizes = pxSizes.value;
};
const onMoving = (index, offset) => {
var _a, _b;
let confirmedIndex = null;
if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {
if (offset > 0) {
confirmedIndex = index;
movingIndex.value = { index, confirmed: true };
} else {
for (let i = index; i >= 0; i -= 1) {
if (cachePxSizes[i] > 0) {
confirmedIndex = i;
movingIndex.value = { index: i, confirmed: true };
break;
}
}
}
}
const mergedIndex = (_b = confirmedIndex != null ? confirmedIndex : (_a = movingIndex.value) == null ? void 0 : _a.index) != null ? _b : index;
const numSizes = [...cachePxSizes];
const nextIndex = mergedIndex + 1;
const startMinSize = getLimitSize(limitSizes.value[mergedIndex][0], 0);
const endMinSize = getLimitSize(limitSizes.value[nextIndex][0], 0);
const startMaxSize = getLimitSize(limitSizes.value[mergedIndex][1], containerSize.value || 0);
const endMaxSize = getLimitSize(limitSizes.value[nextIndex][1], containerSize.value || 0);
let mergedOffset = offset;
if (numSizes[mergedIndex] + mergedOffset < startMinSize) {
mergedOffset = startMinSize - numSizes[mergedIndex];
}
if (numSizes[nextIndex] - mergedOffset < endMinSize) {
mergedOffset = numSizes[nextIndex] - endMinSize;
}
if (numSizes[mergedIndex] + mergedOffset > startMaxSize) {
mergedOffset = startMaxSize - numSizes[mergedIndex];
}
if (numSizes[nextIndex] - mergedOffset > endMaxSize) {
mergedOffset = numSizes[nextIndex] - endMaxSize;
}
numSizes[mergedIndex] += mergedOffset;
numSizes[nextIndex] -= mergedOffset;
lazyOffset.value = mergedOffset;
updatePanelSizes = () => {
panels.value.forEach((panel, index2) => {
panel.size = numSizes[index2];
});
updatePanelSizes = shared.NOOP;
};
if (!lazy.value) {
updatePanelSizes();
}
};
const onMoveEnd = () => {
if (lazy.value) {
updatePanelSizes();
}
lazyOffset.value = 0;
movingIndex.value = null;
cachePxSizes = [];
};
const cacheCollapsedSize = [];
const onCollapse = (index, type) => {
if (!cacheCollapsedSize.length) {
cacheCollapsedSize.push(...pxSizes.value);
}
const currentSizes = pxSizes.value;
const currentIndex = type === "start" ? index : index + 1;
const targetIndex = type === "start" ? index + 1 : index;
const currentSize = currentSizes[currentIndex];
const targetSize = currentSizes[targetIndex];
if (currentSize !== 0 && targetSize !== 0) {
currentSizes[currentIndex] = 0;
currentSizes[targetIndex] += currentSize;
cacheCollapsedSize[index] = currentSize;
} else {
const totalSize = currentSize + targetSize;
const targetCacheCollapsedSize = cacheCollapsedSize[index];
const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;
currentSizes[targetIndex] = targetCacheCollapsedSize;
currentSizes[currentIndex] = currentCacheCollapsedSize;
}
panels.value.forEach((panel, index2) => {
panel.size = currentSizes[index2];
});
};
return {
lazyOffset,
onMoveStart,
onMoving,
onMoveEnd,
movingIndex,
onCollapse
};
}
exports.useResize = useResize;
//# sourceMappingURL=useResize.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,10 @@
import type { ComputedRef, Ref } from 'vue';
import type { PanelItemState } from '../type';
export declare function getPct(str: string): number;
export declare function getPx(str: string): number;
export declare function isPct(itemSize: string | number | undefined): itemSize is string;
export declare function isPx(itemSize: string | number | undefined): itemSize is string;
export declare function useSize(panels: Ref<PanelItemState[]>, containerSize: ComputedRef<number>): {
percentSizes: Ref<number[]>;
pxSizes: ComputedRef<number[]>;
};

View File

@@ -0,0 +1,64 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var shared = require('@vue/shared');
function getPct(str) {
return Number(str.slice(0, -1)) / 100;
}
function getPx(str) {
return Number(str.slice(0, -2));
}
function isPct(itemSize) {
return shared.isString(itemSize) && itemSize.endsWith("%");
}
function isPx(itemSize) {
return shared.isString(itemSize) && itemSize.endsWith("px");
}
function useSize(panels, containerSize) {
const propSizes = vue.computed(() => panels.value.map((i) => i.size));
const panelCounts = vue.computed(() => panels.value.length);
const percentSizes = vue.ref([]);
vue.watch([propSizes, panelCounts, containerSize], () => {
var _a;
let ptgList = [];
let emptyCount = 0;
for (let i = 0; i < panelCounts.value; i += 1) {
const itemSize = (_a = panels.value[i]) == null ? void 0 : _a.size;
if (isPct(itemSize)) {
ptgList[i] = getPct(itemSize);
} else if (isPx(itemSize)) {
ptgList[i] = getPx(itemSize) / containerSize.value;
} else if (itemSize || itemSize === 0) {
const num = Number(itemSize);
if (!Number.isNaN(num)) {
ptgList[i] = num / containerSize.value;
}
} else {
emptyCount += 1;
ptgList[i] = void 0;
}
}
const totalPtg = ptgList.reduce((acc, ptg) => acc + (ptg || 0), 0);
if (totalPtg > 1 || !emptyCount) {
const scale = 1 / totalPtg;
ptgList = ptgList.map((ptg) => ptg === void 0 ? 0 : ptg * scale);
} else {
const avgRest = (1 - totalPtg) / emptyCount;
ptgList = ptgList.map((ptg) => ptg === void 0 ? avgRest : ptg);
}
percentSizes.value = ptgList;
});
const ptg2px = (ptg) => ptg * containerSize.value;
const pxSizes = vue.computed(() => percentSizes.value.map(ptg2px));
return { percentSizes, pxSizes };
}
exports.getPct = getPct;
exports.getPx = getPx;
exports.isPct = isPct;
exports.isPx = isPx;
exports.useSize = useSize;
//# sourceMappingURL=useSize.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,151 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var iconsVue = require('@element-plus/icons-vue');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
var index = require('../../../hooks/use-namespace/index.js');
const __default__ = vue.defineComponent({
name: "ElSplitterBar"
});
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...__default__,
props: {
index: {
type: Number,
required: true
},
layout: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
resizable: {
type: Boolean,
default: true
},
lazy: Boolean,
startCollapsible: Boolean,
endCollapsible: Boolean
},
emits: ["moveStart", "moving", "moveEnd", "collapse"],
setup(__props, { emit }) {
const props = __props;
const ns = index.useNamespace("splitter-bar");
const isHorizontal = vue.computed(() => props.layout === "horizontal");
const barWrapStyles = vue.computed(() => {
if (isHorizontal.value) {
return { width: 0 };
}
return { height: 0 };
});
const draggerStyles = vue.computed(() => {
return {
width: isHorizontal.value ? "16px" : "100%",
height: isHorizontal.value ? "100%" : "16px",
cursor: !props.resizable ? "auto" : isHorizontal.value ? "ew-resize" : "ns-resize",
touchAction: "none"
};
});
const draggerPseudoClass = vue.computed(() => {
const prefix = ns.e("dragger");
return {
[`${prefix}-horizontal`]: isHorizontal.value,
[`${prefix}-vertical`]: !isHorizontal.value,
[`${prefix}-active`]: !!startPos.value
};
});
const startPos = vue.ref(null);
const onMousedown = (e) => {
if (!props.resizable)
return;
startPos.value = [e.pageX, e.pageY];
emit("moveStart", props.index);
window.addEventListener("mouseup", onMouseUp);
window.addEventListener("mousemove", onMouseMove);
};
const onTouchStart = (e) => {
if (props.resizable && e.touches.length === 1) {
e.preventDefault();
const touch = e.touches[0];
startPos.value = [touch.pageX, touch.pageY];
emit("moveStart", props.index);
window.addEventListener("touchend", onTouchEnd);
window.addEventListener("touchmove", onTouchMove);
}
};
const onMouseMove = (e) => {
const { pageX, pageY } = e;
const offsetX = pageX - startPos.value[0];
const offsetY = pageY - startPos.value[1];
const offset = isHorizontal.value ? offsetX : offsetY;
emit("moving", props.index, offset);
};
const onTouchMove = (e) => {
if (e.touches.length === 1) {
e.preventDefault();
const touch = e.touches[0];
const offsetX = touch.pageX - startPos.value[0];
const offsetY = touch.pageY - startPos.value[1];
const offset = isHorizontal.value ? offsetX : offsetY;
emit("moving", props.index, offset);
}
};
const onMouseUp = () => {
startPos.value = null;
window.removeEventListener("mouseup", onMouseUp);
window.removeEventListener("mousemove", onMouseMove);
emit("moveEnd", props.index);
};
const onTouchEnd = () => {
startPos.value = null;
window.removeEventListener("touchend", onTouchEnd);
window.removeEventListener("touchmove", onTouchMove);
emit("moveEnd", props.index);
};
const StartIcon = vue.computed(() => isHorizontal.value ? iconsVue.ArrowLeft : iconsVue.ArrowUp);
const EndIcon = vue.computed(() => isHorizontal.value ? iconsVue.ArrowRight : iconsVue.ArrowDown);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass([vue.unref(ns).b()]),
style: vue.normalizeStyle(vue.unref(barWrapStyles))
}, [
__props.startCollapsible ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass([vue.unref(ns).e("collapse-icon"), vue.unref(ns).e(`${__props.layout}-collapse-icon-start`)]),
onClick: ($event) => emit("collapse", __props.index, "start")
}, [
vue.renderSlot(_ctx.$slots, "start-collapsible", {}, () => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(StartIcon)), { style: { "width": "12px", "height": "12px" } }))
])
], 10, ["onClick"])) : vue.createCommentVNode("v-if", true),
vue.createElementVNode("div", {
class: vue.normalizeClass([
vue.unref(ns).e("dragger"),
vue.unref(draggerPseudoClass),
vue.unref(ns).is("disabled", !__props.resizable),
vue.unref(ns).is("lazy", __props.resizable && __props.lazy)
]),
style: vue.normalizeStyle(vue.unref(draggerStyles)),
onMousedown,
onTouchstart: onTouchStart
}, null, 38),
__props.endCollapsible ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: vue.normalizeClass([vue.unref(ns).e("collapse-icon"), vue.unref(ns).e(`${__props.layout}-collapse-icon-end`)]),
onClick: ($event) => emit("collapse", __props.index, "end")
}, [
vue.renderSlot(_ctx.$slots, "end-collapsible", {}, () => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(EndIcon)), { style: { "width": "12px", "height": "12px" } }))
])
], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
], 6);
};
}
});
var SplitBar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "split-bar.vue"]]);
exports["default"] = SplitBar;
//# sourceMappingURL=split-bar.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,62 @@
declare function __VLS_template(): {
"start-collapsible"?(_: {}): any;
"end-collapsible"?(_: {}): any;
};
declare const __VLS_component: import("vue").DefineComponent<{
index: {
type: NumberConstructor;
required: true;
};
layout: {
type: StringConstructor;
values: readonly ["horizontal", "vertical"];
default: string;
};
resizable: {
type: BooleanConstructor;
default: boolean;
};
lazy: BooleanConstructor;
startCollapsible: BooleanConstructor;
endCollapsible: BooleanConstructor;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
collapse: (...args: any[]) => void;
moveStart: (...args: any[]) => void;
moving: (...args: any[]) => void;
moveEnd: (...args: any[]) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
index: {
type: NumberConstructor;
required: true;
};
layout: {
type: StringConstructor;
values: readonly ["horizontal", "vertical"];
default: string;
};
resizable: {
type: BooleanConstructor;
default: boolean;
};
lazy: BooleanConstructor;
startCollapsible: BooleanConstructor;
endCollapsible: BooleanConstructor;
}>> & {
onCollapse?: ((...args: any[]) => any) | undefined;
onMoveStart?: ((...args: any[]) => any) | undefined;
onMoving?: ((...args: any[]) => any) | undefined;
onMoveEnd?: ((...args: any[]) => any) | undefined;
}, {
layout: string;
lazy: boolean;
resizable: boolean;
startCollapsible: boolean;
endCollapsible: boolean;
}>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};

View File

@@ -0,0 +1,27 @@
import type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue';
import type SplitterPanel from './split-panel.vue';
export declare const splitterPanelProps: {
readonly min: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly max: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly resizable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly collapsible: BooleanConstructor;
};
export type SplitterPanelProps = ExtractPropTypes<typeof splitterPanelProps>;
export type SplitterPanelPropsPublic = __ExtractPublicPropTypes<typeof splitterPanelProps>;
export type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown;

View File

@@ -0,0 +1,25 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var runtime = require('../../../utils/vue/props/runtime.js');
const splitterPanelProps = runtime.buildProps({
min: {
type: [String, Number]
},
max: {
type: [String, Number]
},
size: {
type: [String, Number]
},
resizable: {
type: Boolean,
default: true
},
collapsible: Boolean
});
exports.splitterPanelProps = splitterPanelProps;
//# sourceMappingURL=split-panel.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"split-panel.js","sources":["../../../../../../packages/components/splitter/src/split-panel.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type SplitterPanel from './split-panel.vue'\n\nexport const splitterPanelProps = buildProps({\n min: {\n type: [String, Number],\n },\n max: {\n type: [String, Number],\n },\n size: {\n type: [String, Number],\n },\n resizable: {\n type: Boolean,\n default: true,\n },\n collapsible: Boolean,\n} as const)\n\nexport type SplitterPanelProps = ExtractPropTypes<typeof splitterPanelProps>\nexport type SplitterPanelPropsPublic = __ExtractPublicPropTypes<\n typeof splitterPanelProps\n>\nexport type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,CAAC;;;;"}

View File

@@ -0,0 +1,62 @@
declare function __VLS_template(): {
default?(_: {}): any;
"start-collapsible"?(_: {}): any;
"end-collapsible"?(_: {}): any;
};
declare const __VLS_component: import("vue").DefineComponent<{
readonly min: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly max: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly resizable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly collapsible: BooleanConstructor;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:size": (value: number) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly min: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly max: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly resizable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly collapsible: BooleanConstructor;
}>> & {
"onUpdate:size"?: ((value: number) => any) | undefined;
}, {
readonly resizable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly collapsible: boolean;
}>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};

View File

@@ -0,0 +1,165 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var usePanel = require('./hooks/usePanel.js');
var splitBar = require('./split-bar.js');
var splitPanel = require('./split-panel.js');
var type = require('./type.js');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
var useSize = require('./hooks/useSize.js');
var index = require('../../../hooks/use-namespace/index.js');
var error = require('../../../utils/error.js');
const COMPONENT_NAME = "ElSplitterPanel";
const __default__ = vue.defineComponent({
name: COMPONENT_NAME
});
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...__default__,
props: splitPanel.splitterPanelProps,
emits: ["update:size"],
setup(__props, { emit: emits }) {
const props = __props;
const ns = index.useNamespace("splitter-panel");
const splitterContext = vue.inject(type.splitterRootContextKey);
if (!splitterContext)
error.throwError(COMPONENT_NAME, "usage: <el-splitter><el-splitter-panel /></el-splitter/>");
const { panels, layout, lazy, containerSize, pxSizes } = vue.toRefs(splitterContext);
const {
registerPanel,
unregisterPanel,
onCollapse,
onMoveEnd,
onMoveStart,
onMoving
} = splitterContext;
const panelEl = vue.ref();
const instance = vue.getCurrentInstance();
const uid = instance.uid;
const index$1 = vue.ref(0);
const panel = vue.computed(() => panels.value[index$1.value]);
const setIndex = (val) => {
index$1.value = val;
};
const panelSize = vue.computed(() => {
var _a;
if (!panel.value)
return 0;
return (_a = pxSizes.value[index$1.value]) != null ? _a : 0;
});
const nextSize = vue.computed(() => {
var _a;
if (!panel.value)
return 0;
return (_a = pxSizes.value[index$1.value + 1]) != null ? _a : 0;
});
const nextPanel = vue.computed(() => {
if (panel.value) {
return panels.value[index$1.value + 1];
}
return null;
});
const isResizable = vue.computed(() => {
var _a;
if (!nextPanel.value)
return false;
return props.resizable && ((_a = nextPanel.value) == null ? void 0 : _a.resizable) && (panelSize.value !== 0 || !props.min) && (nextSize.value !== 0 || !nextPanel.value.min);
});
const isShowBar = vue.computed(() => {
if (!panel.value)
return false;
return index$1.value !== panels.value.length - 1;
});
const startCollapsible = vue.computed(() => usePanel.isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
const endCollapsible = vue.computed(() => usePanel.isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value));
function sizeToPx(str) {
if (useSize.isPct(str)) {
return useSize.getPct(str) * containerSize.value || 0;
} else if (useSize.isPx(str)) {
return useSize.getPx(str);
}
return str != null ? str : 0;
}
let isSizeUpdating = false;
vue.watch(() => props.size, () => {
if (!isSizeUpdating && panel.value) {
if (!containerSize.value) {
panel.value.size = props.size;
return;
}
const size = sizeToPx(props.size);
const maxSize = sizeToPx(props.max);
const minSize = sizeToPx(props.min);
const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size);
if (finalSize !== size) {
emits("update:size", finalSize);
}
panel.value.size = finalSize;
}
});
vue.watch(() => {
var _a;
return (_a = panel.value) == null ? void 0 : _a.size;
}, (val) => {
if (val !== props.size) {
isSizeUpdating = true;
emits("update:size", val);
vue.nextTick(() => isSizeUpdating = false);
}
});
vue.watch(() => props.resizable, (val) => {
if (panel.value) {
panel.value.resizable = val;
}
});
const _panel = vue.reactive({
el: panelEl.value,
uid,
getVnode: () => instance.vnode,
setIndex,
...props,
collapsible: vue.computed(() => usePanel.getCollapsible(props.collapsible))
});
registerPanel(_panel);
vue.onBeforeUnmount(() => unregisterPanel(_panel));
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
vue.createElementVNode("div", vue.mergeProps({
ref_key: "panelEl",
ref: panelEl,
class: [vue.unref(ns).b()],
style: { flexBasis: `${vue.unref(panelSize)}px` }
}, _ctx.$attrs), [
vue.renderSlot(_ctx.$slots, "default")
], 16),
vue.unref(isShowBar) ? (vue.openBlock(), vue.createBlock(splitBar["default"], {
key: 0,
index: index$1.value,
layout: vue.unref(layout),
lazy: vue.unref(lazy),
resizable: vue.unref(isResizable),
"start-collapsible": vue.unref(startCollapsible),
"end-collapsible": vue.unref(endCollapsible),
onMoveStart: vue.unref(onMoveStart),
onMoving: vue.unref(onMoving),
onMoveEnd: vue.unref(onMoveEnd),
onCollapse: vue.unref(onCollapse)
}, {
"start-collapsible": vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "start-collapsible")
]),
"end-collapsible": vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "end-collapsible")
]),
_: 3
}, 8, ["index", "layout", "lazy", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
], 64);
};
}
});
var SplitPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "split-panel.vue"]]);
exports["default"] = SplitPanel;
//# sourceMappingURL=split-panel2.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,9 @@
import type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue';
import type Splitter from './splitter.vue';
export declare const splitterProps: {
readonly layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
readonly lazy: BooleanConstructor;
};
export type SplitterProps = ExtractPropTypes<typeof splitterProps>;
export type SplitterPropsPublic = __ExtractPublicPropTypes<typeof splitterProps>;
export type SplitterInstance = InstanceType<typeof Splitter> & unknown;

View File

@@ -0,0 +1,17 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var runtime = require('../../../utils/vue/props/runtime.js');
const splitterProps = runtime.buildProps({
layout: {
type: String,
default: "horizontal",
values: ["horizontal", "vertical"]
},
lazy: Boolean
});
exports.splitterProps = splitterProps;
//# sourceMappingURL=splitter.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"splitter.js","sources":["../../../../../../packages/components/splitter/src/splitter.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Splitter from './splitter.vue'\n\nexport const splitterProps = buildProps({\n layout: {\n type: String,\n default: 'horizontal',\n values: ['horizontal', 'vertical'] as const,\n },\n lazy: Boolean,\n} as const)\n\nexport type SplitterProps = ExtractPropTypes<typeof splitterProps>\nexport type SplitterPropsPublic = __ExtractPublicPropTypes<typeof splitterProps>\nexport type SplitterInstance = InstanceType<typeof Splitter> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,EAAE,IAAI,EAAE,OAAO;AACf,CAAC;;;;"}

View File

@@ -0,0 +1,30 @@
declare function __VLS_template(): {
default?(_: {}): any;
};
declare const __VLS_component: import("vue").DefineComponent<{
readonly layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
readonly lazy: BooleanConstructor;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
resizeStart: (index: number, sizes: number[]) => void;
resize: (index: number, sizes: number[]) => void;
resizeEnd: (index: number, sizes: number[]) => void;
collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
readonly lazy: BooleanConstructor;
}>> & {
onResize?: ((index: number, sizes: number[]) => any) | undefined;
onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
onResizeStart?: ((index: number, sizes: number[]) => any) | undefined;
onResizeEnd?: ((index: number, sizes: number[]) => any) | undefined;
}, {
readonly layout: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
readonly lazy: boolean;
}>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};

View File

@@ -0,0 +1,108 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var splitter = require('./splitter.js');
var type = require('./type.js');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
var useContainer = require('./hooks/useContainer.js');
var useSize = require('./hooks/useSize.js');
var useResize = require('./hooks/useResize.js');
var index = require('../../../hooks/use-namespace/index.js');
var index$1 = require('../../../hooks/use-ordered-children/index.js');
const __default__ = vue.defineComponent({
name: "ElSplitter"
});
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...__default__,
props: splitter.splitterProps,
emits: ["resizeStart", "resize", "resizeEnd", "collapse"],
setup(__props, { emit: emits }) {
const props = __props;
const ns = index.useNamespace("splitter");
const layout = vue.toRef(props, "layout");
const lazy = vue.toRef(props, "lazy");
const { containerEl, containerSize } = useContainer.useContainer(layout);
const {
removeChild: unregisterPanel,
children: panels,
addChild: registerPanel,
ChildrenSorter: PanelsSorter
} = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
vue.watch(panels, () => {
panels.value.forEach((instance, index) => {
instance.setIndex(index);
});
});
const { percentSizes, pxSizes } = useSize.useSize(panels, containerSize);
const {
lazyOffset,
movingIndex,
onMoveStart,
onMoving,
onMoveEnd,
onCollapse
} = useResize.useResize(panels, containerSize, pxSizes, lazy);
const splitterStyles = vue.computed(() => {
return {
[`--${ns.b()}-bar-offset`]: lazy.value ? `${lazyOffset.value}px` : void 0
};
});
const onResizeStart = (index) => {
onMoveStart(index);
emits("resizeStart", index, pxSizes.value);
};
const onResize = (index, offset) => {
onMoving(index, offset);
if (!lazy.value) {
emits("resize", index, pxSizes.value);
}
};
const onResizeEnd = async (index) => {
onMoveEnd();
await vue.nextTick();
emits("resizeEnd", index, pxSizes.value);
};
const onCollapsible = (index, type) => {
onCollapse(index, type);
emits("collapse", index, type, pxSizes.value);
};
vue.provide(type.splitterRootContextKey, vue.reactive({
panels,
percentSizes,
pxSizes,
layout,
lazy,
movingIndex,
containerSize,
onMoveStart: onResizeStart,
onMoving: onResize,
onMoveEnd: onResizeEnd,
onCollapse: onCollapsible,
registerPanel,
unregisterPanel
}));
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "containerEl",
ref: containerEl,
class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(vue.unref(layout))]),
style: vue.normalizeStyle(vue.unref(splitterStyles))
}, [
vue.renderSlot(_ctx.$slots, "default"),
vue.createVNode(vue.unref(PanelsSorter)),
vue.createCommentVNode(" Prevent iframe touch events from breaking "),
vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${vue.unref(layout)}`)])
}, null, 2)) : vue.createCommentVNode("v-if", true)
], 6);
};
}
});
var Splitter = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "splitter.vue"]]);
exports["default"] = Splitter;
//# sourceMappingURL=splitter2.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,35 @@
import type { InjectionKey, UnwrapRef, VNode } from 'vue';
export type Layout = 'horizontal' | 'vertical';
export type PanelItemState = UnwrapRef<{
uid: number;
getVnode: () => VNode;
el: HTMLElement;
collapsible: {
start?: boolean;
end?: boolean;
};
max?: number | string;
min?: number | string;
resizable: boolean;
size?: number | string;
setIndex: (val: number) => void;
}>;
export interface SplitterRootContext {
panels: PanelItemState[];
layout: Layout;
lazy: boolean;
containerSize: number;
movingIndex: {
index: number;
confirmed: boolean;
} | null;
percentSizes: number[];
pxSizes: number[];
registerPanel: (pane: PanelItemState) => void;
unregisterPanel: (pane: PanelItemState) => void;
onCollapse: (index: number, type: 'start' | 'end') => void;
onMoveEnd: (index: number) => Promise<void>;
onMoveStart: (index: number) => void;
onMoving: (index: number, offset: number) => void;
}
export declare const splitterRootContextKey: InjectionKey<SplitterRootContext>;

View File

@@ -0,0 +1,8 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
const splitterRootContextKey = Symbol("splitterRootContextKey");
exports.splitterRootContextKey = splitterRootContextKey;
//# sourceMappingURL=type.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"type.js","sources":["../../../../../../packages/components/splitter/src/type.ts"],"sourcesContent":["import type { InjectionKey, UnwrapRef, VNode } from 'vue'\n\nexport type Layout = 'horizontal' | 'vertical'\n\nexport type PanelItemState = UnwrapRef<{\n uid: number\n getVnode: () => VNode\n el: HTMLElement\n collapsible: { start?: boolean; end?: boolean }\n max?: number | string\n min?: number | string\n resizable: boolean\n size?: number | string\n setIndex: (val: number) => void\n}>\n\nexport interface SplitterRootContext {\n panels: PanelItemState[]\n layout: Layout\n lazy: boolean\n containerSize: number\n movingIndex: { index: number; confirmed: boolean } | null\n percentSizes: number[]\n pxSizes: number[]\n registerPanel: (pane: PanelItemState) => void\n unregisterPanel: (pane: PanelItemState) => void\n onCollapse: (index: number, type: 'start' | 'end') => void\n onMoveEnd: (index: number) => Promise<void>\n onMoveStart: (index: number) => void\n onMoving: (index: number, offset: number) => void\n}\n\nexport const splitterRootContextKey: InjectionKey<SplitterRootContext> = Symbol(\n 'splitterRootContextKey'\n)\n"],"names":[],"mappings":";;;;AAAY,MAAC,sBAAsB,GAAG,MAAM,CAAC,wBAAwB;;;;"}

View File

@@ -0,0 +1,2 @@
import 'element-plus/es/components/base/style/css';
import 'element-plus/theme-chalk/el-splitter.css';

View File

@@ -0,0 +1,6 @@
'use strict';
require('../../base/style/css.js');
require('element-plus/theme-chalk/el-splitter.css');
//# sourceMappingURL=css.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,2 @@
import 'element-plus/es/components/base/style';
import 'element-plus/theme-chalk/src/splitter.scss';

View File

@@ -0,0 +1,6 @@
'use strict';
require('../../base/style/index.js');
require('element-plus/theme-chalk/src/splitter.scss');
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}