@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/split-pane/index.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator(value: unknown): boolean;
+        default: string;
+    };
+    hideLeft: BooleanConstructor;
+    triggerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    prefix: string;
+    offset: number;
+    oldOffset: number;
+    isMoving: boolean;
+}, {
+    wrapperClasses(): string[];
+    isHorizontal(): boolean;
+    anotherOffset(): number;
+    valueIsPx(): boolean;
+    offsetSize(): "offsetWidth" | "offsetHeight";
+    computedMin(): any;
+    computedMax(): any;
+}, {
+    resetOffset(): void;
+    px2percent(numerator: any, denominator: any): number;
+    getComputedThresholdValue(type: any): any;
+    getMin(value1: any, value2: any): string | number;
+    getMax(value1: any, value2: any): string | number;
+    getAnotherOffset(value: any): number;
+    handleMove(e: any): void;
+    handleUp(): void;
+    handleMousedown(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "on-move-start" | "on-move-end" | "on-moving")[], "update:modelValue" | "on-move-start" | "on-move-end" | "on-moving", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator(value: unknown): boolean;
+        default: string;
+    };
+    hideLeft: BooleanConstructor;
+    triggerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-start"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-end"?: ((...args: any[]) => any) | undefined;
+    "onOn-moving"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    mode: string;
+    max: string | number;
+    min: string | number;
+    hideLeft: boolean;
+    triggerSize: number;
+}, {}, {
+    Trigger: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        mode: StringConstructor;
+        showIcon: BooleanConstructor;
+        line: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        prefix: string;
+    }, {
+        isVertical(): boolean;
+        classes(): string[];
+        barConClasses(): string[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        mode: StringConstructor;
+        showIcon: BooleanConstructor;
+        line: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        line: boolean;
+        showIcon: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/split-pane/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CpmWELPU.mjs";
+export { e as default };

package/split-pane/style.css

@@ -0,0 +1 @@
+.egd-split-wrapper{width:100%;height:100%;position:relative}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px #1c243866}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:#17233d40;width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px #1c243866}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:#17233d40;width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:#0000}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

package/stateful/index.d.ts

@@ -0,0 +1,92 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    draft: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    doing: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    overdue: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    error: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    done: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    closed: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    status: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    size: {
+        type: StringConstructor;
+    };
+    text: StringConstructor;
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    draft: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    doing: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    overdue: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    error: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    done: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    closed: {
+        type: (ArrayConstructor | BooleanConstructor)[];
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    status: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    size: {
+        type: StringConstructor;
+    };
+    text: StringConstructor;
+}>> & Readonly<{}>, {
+    done: boolean | unknown[];
+    error: boolean | unknown[];
+    closed: boolean | unknown[];
+    tag: string;
+    draft: boolean | unknown[];
+    doing: boolean | unknown[];
+    overdue: boolean | unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/stateful/index.mjs

@@ -0,0 +1,67 @@
+import { computed as e, h as t } from "vue";
+//#region src/components/Stateful.vue
+var n = {
+	name: "Stateful",
+	props: {
+		tag: {
+			type: String,
+			default: "div"
+		},
+		draft: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		doing: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		overdue: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		error: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		done: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		closed: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		type: {
+			type: String,
+			validator: (e) => [
+				"doing",
+				"overdue",
+				"error",
+				"done",
+				"closed"
+			].indexOf(e) > -1
+		},
+		status: { type: [String, Number] },
+		size: { type: String },
+		text: String
+	},
+	setup(n, { slots: r }) {
+		let i = e(() => n.type ? n.type : {
+			draft: Array.isArray(n.draft) ? n.draft.includes(n.status) : n.draft,
+			doing: Array.isArray(n.doing) ? n.doing.includes(n.status) : n.doing,
+			overdue: Array.isArray(n.overdue) ? n.overdue.includes(n.status) : n.overdue,
+			error: Array.isArray(n.error) ? n.error.includes(n.status) : n.error,
+			done: Array.isArray(n.done) ? n.done.includes(n.status) : n.done,
+			closed: Array.isArray(n.closed) ? n.closed.includes(n.status) : n.closed
+		});
+		return () => t(n.tag, [t("span", {
+			style: {
+				width: n.size,
+				height: n.size
+			},
+			class: ["stateful", i.value]
+		}), r.default ? r.default() : n.text]);
+	}
+};
+//#endregion
+export { n as default };

package/stateful/style.css

@@ -0,0 +1 @@
+.stateful{vertical-align:middle;content:"";border-radius:2px;width:14px;height:14px;margin-right:6px;display:inline-block}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}

package/sub-table/index.d.ts

@@ -0,0 +1,118 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    columns: ArrayConstructor;
+    allowEmpty: BooleanConstructor;
+    handleColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    showHandleColumnAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showSummary: BooleanConstructor;
+    selectionWidth: StringConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    rows: never[];
+    selectedRows: never[];
+}, {
+    available(): boolean;
+    enabled(): boolean;
+    rowProps(): {};
+    filteredColumns(): unknown[];
+}, {
+    getCellType(row: any, item: any): any;
+    getInputAttr(row: any, item: any, index: any): any;
+    isInputDisabled(row: any, item: any): any;
+    onInput(row: any, val: any, item: any): void;
+    onSelectionChange(selectedRows: any): void;
+    remove(row: any, index: any): void;
+    add(row: any, index: any): void;
+    addRow(): void;
+    delRow(): Promise<void>;
+    refresh(): void;
+    getVal(row: any, column: any, item: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * 添加行
+     */
+    'add-row': null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    columns: ArrayConstructor;
+    allowEmpty: BooleanConstructor;
+    handleColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    showHandleColumnAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showSummary: BooleanConstructor;
+    selectionWidth: StringConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onAdd-row"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    editable: boolean;
+    allowEmpty: boolean;
+    handleColumn: boolean;
+    showHandleColumnAddButton: boolean;
+    showEmptyAddButton: boolean;
+    limit: number;
+    maxLimit: number;
+    showSummary: boolean;
+    rowKey: string | Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/sub-table/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/DHBi4mlK2.mjs";
+export { e as default };

package/sub-table/style.css

@@ -0,0 +1 @@
+.sub-table.pageable-table.auto-height .el-table{min-height:0}.sub-table .el-form-item{width:100%;margin-bottom:0}.sub-table .el-col{width:100%}.sub-table .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table .table-header-button:hover,.sub-table .table-header-button:focus{color:#595959}.sub-table .table-header-button i+span{margin-left:0}.sub-table .table-header-button i{font-size:15px}.sub-table .table-header-button.add i{color:#4886ec}.sub-table .table-header-button.remove i{color:#e34e55}.sub-table .table-header-button.refresh i{color:#1eb91e}.sub-table .table-button-add{color:#5add7a;opacity:.8}.sub-table .table-button-add:hover{opacity:1}.sub-table .table-button-remove{color:#ddd}.sub-table .table-button-remove:hover{color:#ef6666}.sub-table .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table .el-table{border-top-color:#dde1e5}.sub-table .el-table td{border-color:#dfe6ec}.sub-table .el-col{padding:0!important}.sub-table .row-indicator{border:6px solid #0000;border-bottom-color:#f5690c;width:0;height:0;display:inline-block;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}.sub-table .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}

package/sub-table-plus/index.d.ts

@@ -0,0 +1,118 @@
+import { cellClickHandlerContextKey } from '../../constants/index.ts';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    prop: StringConstructor;
+    columns: ArrayConstructor;
+    descs: ArrayConstructor;
+    ascs: ArrayConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    showSummary: BooleanConstructor;
+    selection: BooleanConstructor;
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionWidth: StringConstructor;
+    toolbarMenus: ArrayConstructor;
+    handleMenus: ArrayConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    bottomAddButton: BooleanConstructor;
+    initRow: FunctionConstructor;
+    onRowDbClick: FunctionConstructor;
+    showMessage: BooleanConstructor;
+    pageSize: NumberConstructor;
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    rows: never[];
+    selectedRows: never[];
+}, {
+    enabled(): boolean;
+    hasToolBarMenu(): number | undefined;
+    hasHandleMenus(): number | undefined;
+    rowProps(): {};
+    listeners(): Record<string, any>;
+    filteredColumns(): unknown[];
+}, {
+    getCellType(row: any, item: any): any;
+    getInputAttr(row: any, item: any, index: any): {
+        wrapCol: boolean;
+        label: any;
+        ouType: any;
+        labelKey: any;
+        valueKey: any;
+        required: any;
+        prop: string | null;
+        modelValue: any;
+        disabled: any;
+    };
+    onInput(row: any, val: any, item: any): void;
+    onBlur(row: any, item: any): void;
+    onSelectionChange(selectedRows: any): void;
+    remove(row: any, index: any): Promise<void>;
+    add(row: any, index: any): Promise<void>;
+    addRow(): void;
+    delRow(): Promise<void>;
+    refresh(): void;
+    getVal(row: any, column: any, item: any): any;
+    reloadTable(): void;
+    refreshTable(): Promise<void>;
+    removeSelectedRows(): void;
+    rowDbClick(...args: any[]): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'add-row': null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    prop: StringConstructor;
+    columns: ArrayConstructor;
+    descs: ArrayConstructor;
+    ascs: ArrayConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    showSummary: BooleanConstructor;
+    selection: BooleanConstructor;
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionWidth: StringConstructor;
+    toolbarMenus: ArrayConstructor;
+    handleMenus: ArrayConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    bottomAddButton: BooleanConstructor;
+    initRow: FunctionConstructor;
+    onRowDbClick: FunctionConstructor;
+    showMessage: BooleanConstructor;
+    pageSize: NumberConstructor;
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onAdd-row"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    index: boolean;
+    showMessage: boolean;
+    limit: number;
+    showSummary: boolean;
+    rowKey: string | Function;
+    selection: boolean;
+    bottomAddButton: boolean;
+}, {}, {}, {}, string, () => {
+    [cellClickHandlerContextKey]: (...args: any[]) => void;
+}, true, {}, any>;
+export default _default;

package/sub-table-plus/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/BVlUGEuO2.mjs";
+export { e as default };

package/sub-table-plus/style.css

@@ -0,0 +1 @@
+.sub-table-plus{width:100%}.sub-table-plus.hide-message .el-form-item__error{display:none}.sub-table-plus .pageable-table.auto-height .el-table{min-height:0}.sub-table-plus .el-form-item{width:100%;margin-bottom:0}.sub-table-plus .el-col{width:100%}.sub-table-plus .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table-plus .table-header-button:hover,.sub-table-plus .table-header-button:focus{color:#595959}.sub-table-plus .table-header-button i+span{margin-left:0}.sub-table-plus .table-header-button i{font-size:15px}.sub-table-plus .table-header-button.add i{color:#4886ec}.sub-table-plus .table-header-button.remove i{color:#e34e55}.sub-table-plus .table-header-button.refresh i{color:#1eb91e}.sub-table-plus .table-button-add{color:#5add7a;opacity:.8}.sub-table-plus .table-button-add:hover{opacity:1}.sub-table-plus .table-button-remove{color:#ddd}.sub-table-plus .table-button-remove:hover{color:#ef6666}.sub-table-plus .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table-plus .el-table{border-top-color:#dde1e5}.sub-table-plus .el-table td{border-color:#dfe6ec}.sub-table-plus .el-col{padding:0!important}.sub-table-plus .row-indicator{border:6px solid #0000;border-bottom-color:#f5690c;width:0;height:0;display:inline-block;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}.sub-table-plus .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table-plus .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table-plus .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}.sub-table-plus .form-item{padding-top:4px;padding-bottom:4px}

package/swiper/index.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    mouseDown: boolean;
+    swiperBoxWith: number;
+    swiperContentWidth: number;
+    translateX: number;
+    reachedLeft: boolean;
+    reachedRight: boolean;
+    childrenWidth: never[];
+    swiperContentStyle: {
+        transitionDuration: string;
+        transform: string;
+    };
+}, {}, {
+    layout(): Promise<void>;
+    resize(): void;
+    computeContentWidth(): void;
+    updateDuration(use: any): void;
+    setTranslateX(translateX: any): void;
+    clickLeft(): void;
+    clickRight(): void;
+    onMouseWheel(e: any): void;
+    onMouseDown(e: any): void;
+    onMouseUp(e: any): void;
+    onMouseMove(e: any): void;
+    transitionend(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/swiper/index.mjs

@@ -0,0 +1,126 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/Gh6td4HK.mjs";
+import n from "../element-resize-observer/index.mjs";
+import { createElementBlock as r, createElementVNode as i, createVNode as a, normalizeStyle as o, openBlock as s, renderSlot as c, withModifiers as l } from "vue";
+import { getEleWidth as u } from "@web-utils/core";
+//#region src/components/Swiper.vue
+var d = {
+	name: "Swiper",
+	data() {
+		return {
+			mouseDown: !1,
+			swiperBoxWith: 0,
+			swiperContentWidth: 0,
+			translateX: 0,
+			reachedLeft: !0,
+			reachedRight: !1,
+			childrenWidth: [],
+			swiperContentStyle: {
+				transitionDuration: "0ms",
+				transform: "translate3d(0px, 0px, 0px)"
+			}
+		};
+	},
+	async mounted() {
+		await this.layout();
+	},
+	updated() {
+		this.computeContentWidth();
+	},
+	methods: {
+		async layout() {
+			await this.$nextTick(), this.computeContentWidth(), this.resize();
+		},
+		resize() {
+			this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
+		},
+		computeContentWidth() {
+			let e = 0, t = [], { children: n } = this.$refs.swiperContent;
+			Array.prototype.forEach.call(n, (n) => {
+				let r = u(n);
+				e += r, t.push(r);
+			}), this.childrenWidth = t, this.swiperContentWidth = e;
+		},
+		updateDuration(e) {
+			this.swiperContentStyle.transitionDuration = e ? "300ms" : "0ms";
+		},
+		setTranslateX(e) {
+			this.swiperContentWidth <= this.swiperBoxWith || (e > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : e - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = e, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
+		},
+		clickLeft() {
+			this.updateDuration(!0);
+			let e = this.translateX + this.swiperBoxWith, t = e;
+			if (e < 0) {
+				t = 0, e = -e;
+				for (let n = 0, r = this.childrenWidth.length; n < r && (t += this.childrenWidth[n], !(t >= e)); n++);
+				t = -t;
+			}
+			this.setTranslateX(t);
+		},
+		clickRight() {
+			this.updateDuration(!0);
+			let e = Math.abs(this.translateX - this.swiperBoxWith), t = 0;
+			for (let n = 0, r = this.childrenWidth.length; n < r; n++) if (t += this.childrenWidth[n], t >= e) {
+				t > e && (t -= this.childrenWidth[n]);
+				break;
+			}
+			this.setTranslateX(-t);
+		},
+		onMouseWheel(e) {
+			this.updateDuration(!0), e.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - e.deltaY * 30) : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - e.deltaY);
+		},
+		onMouseDown(e) {
+			this.mouseDown = !0, this.startX = e.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
+		},
+		onMouseUp(e) {
+			this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
+			let t = e.clientX - this.startX;
+			if (t < 0) {
+				let e = this.translateX + t;
+				this.setTranslateX(e);
+			}
+			if (t > 0) {
+				let e = this.translateX + t;
+				this.setTranslateX(e);
+			}
+			window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
+		},
+		onMouseMove(e) {
+			this.mouseDown && requestAnimationFrame(() => {
+				let t = e.clientX - this.startX, n = this.translateXRaw + t;
+				this.setTranslateX(n);
+			});
+		},
+		transitionend() {
+			this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
+		}
+	}
+}, f = { class: "fy-swiper" };
+function p(e, u, d, p, m, h) {
+	let g = t, _ = n;
+	return s(), r("div", f, [
+		a(g, {
+			disabled: m.reachedLeft,
+			icon: "el-icon-arrow-left",
+			onClick: h.clickLeft
+		}, null, 8, ["disabled", "onClick"]),
+		i("div", {
+			ref: "swiperBox",
+			class: "fy-swiper-box",
+			onWheel: u[0] || (u[0] = l((...e) => h.onMouseWheel && h.onMouseWheel(...e), ["stop", "prevent"]))
+		}, [i("div", {
+			ref: "swiperContent",
+			class: "fy-swiper-content",
+			style: o(m.swiperContentStyle)
+		}, [c(e.$slots, "default")], 4)], 544),
+		a(g, {
+			disabled: m.reachedRight,
+			icon: "el-icon-arrow-right",
+			onClick: h.clickRight
+		}, null, 8, ["disabled", "onClick"]),
+		a(_, { onNotify: h.resize }, null, 8, ["onNotify"])
+	]);
+}
+var m = /* @__PURE__ */ e(d, [["render", p]]);
+//#endregion
+export { m as default };

package/swiper/style.css

@@ -0,0 +1 @@
+.fy-swiper{align-items:center;width:100%;display:flex;position:relative}.fy-swiper .fy-swiper-box{-webkit-user-select:none;user-select:none;flex:auto;height:100%;overflow:hidden}.fy-swiper .fy-swiper-box .fy-swiper-content{flex-flow:row;width:100%;height:100%;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}