@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/page-skeleton/index.d.ts

@@ -0,0 +1,30 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    header: boolean;
+    flexRow: boolean;
+    flexColumn: boolean;
+    contentScroll: boolean;
+    title?: string | undefined;
+    contentClass?: string | undefined;
+    $props: {
+        readonly header?: boolean | undefined;
+        readonly flexRow?: boolean | undefined;
+        readonly flexColumn?: boolean | undefined;
+        readonly contentScroll?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly contentClass?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/page-skeleton/index.js

@@ -0,0 +1,44 @@
+import e from "../nav-bar/index.js";
+import t from "../page/index.js";
+import n from "../page-header/index.js";
+import { createBlock as r, createCommentVNode as i, createElementVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, withCtx as l } from "vue";
+//#region src/components/page/PageSkeleton.vue
+var u = /* @__PURE__ */ Object.assign({ name: "PageSkeleton" }, {
+	__name: "PageSkeleton",
+	props: {
+		title: String,
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		header: {
+			type: Boolean,
+			default: !0
+		},
+		contentClass: String,
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(u) {
+		return (d, f) => {
+			let p = n, m = e, h = t;
+			return s(), r(h, { class: "page-skeleton" }, {
+				default: l(() => [u.header ? c(d.$slots, "header", { key: 0 }, () => [u.title ? (s(), r(p, {
+					key: 0,
+					title: u.title
+				}, null, 8, ["title"])) : (s(), r(m, { key: 1 }))]) : i("v-if", !0), a("div", { class: o([
+					"page-content",
+					{
+						"flex-column": u.flexColumn,
+						"flex-row": u.flexRow,
+						"content-scroll": u.contentScroll
+					},
+					u.contentClass
+				]) }, [c(d.$slots, "default")], 2)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { u as default };

package/page-skeleton/style.css

@@ -0,0 +1 @@
+.page-skeleton .page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton .page-content.content-scroll{overflow:auto}.page-skeleton .page-content.flex-column{flex-direction:column;height:0;display:flex}.page-skeleton .page-content.flex-row{display:flex}

package/page-skeleton-new/index.d.ts

@@ -0,0 +1,34 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    header: boolean;
+    title: string;
+    flexRow: boolean;
+    flexColumn: boolean;
+    contentScroll: boolean;
+    sidebarWidth: string;
+    contentClass?: string | undefined;
+    $props: {
+        readonly header?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly flexRow?: boolean | undefined;
+        readonly flexColumn?: boolean | undefined;
+        readonly contentScroll?: boolean | undefined;
+        readonly sidebarWidth?: string | undefined;
+        readonly contentClass?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        'sidebar-content'?(_: {}): any;
+        'header-left'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/page-skeleton-new/index.js

@@ -0,0 +1,80 @@
+import e from "../page/index.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/components/page/PageSkeletonNew.vue
+var f = {
+	key: 0,
+	class: "page-skeleton-new-header",
+	style: { "margin-right": "0" }
+}, p = { class: "section-title" }, m = {
+	class: "flex-item",
+	style: { "border-right": "1px solid #eee" }
+}, h = {
+	key: 0,
+	class: "page-skeleton-new-header",
+	style: {
+		"margin-left": "0",
+		"padding-left": "10px"
+	}
+}, g = { class: "flex-item flex-row vertical-center" }, _ = { class: "flex-item flex-row vertical-center" }, v = { class: /* @__PURE__ */ o([
+	"flex-row",
+	"flex-item",
+	"vertical-center",
+	"align-end"
+]) }, y = /* @__PURE__ */ Object.assign({ name: "PageSkeletonNew" }, {
+	__name: "PageSkeletonNew",
+	props: {
+		title: {
+			type: String,
+			default: "页面标题"
+		},
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		header: {
+			type: Boolean,
+			default: !0
+		},
+		contentClass: String,
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		},
+		sidebarWidth: {
+			type: String,
+			default: "240px"
+		}
+	},
+	setup(y) {
+		return (b, x) => {
+			let S = e;
+			return c(), t(S, {
+				class: "page-skeleton-new",
+				horizontal: ""
+			}, {
+				default: d(() => [
+					n(" 侧栏 "),
+					i("div", {
+						class: "page-skeleton-new-left",
+						style: s({ width: y.sidebarWidth })
+					}, [y.header ? (c(), r("div", f, [i("span", p, u(y.title), 1)])) : n("v-if", !0), i("div", m, [l(b.$slots, "sidebar-content", {}, () => [x[0] || (x[0] = a("侧栏内容", -1))])])], 4),
+					n(" 内容 "),
+					i("div", {
+						class: "page-skeleton-new-right",
+						style: s({ width: `calc(100% - ${y.sidebarWidth})` })
+					}, [y.header ? (c(), r("div", h, [i("div", g, [l(b.$slots, "header-left")]), i("div", _, [i("div", v, [l(b.$slots, "header-right")])])])) : n("v-if", !0), i("div", { class: o([
+						"page-skeleton-new-page-content",
+						"flex-item",
+						{
+							"flex-column": y.flexColumn,
+							"flex-row": y.flexRow,
+							"content-scroll": y.contentScroll
+						},
+						y.contentClass
+					]) }, [l(b.$slots, "default", {}, () => [x[1] || (x[1] = a("内容", -1))])], 2)], 4)
+				]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { y as default };

package/page-skeleton-new/style.css

@@ -0,0 +1 @@
+.page-skeleton-new .page-skeleton-new-header{border-bottom:2px solid #eee;flex-direction:row;height:40px;margin:0 10px;line-height:40px;display:flex}.page-skeleton-new .page-skeleton-new-header .align-end{justify-content:flex-end}.page-skeleton-new .page-skeleton-new-left{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-right{flex-direction:column;flex:auto;display:flex}.page-skeleton-new .page-skeleton-new-page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton-new .page-skeleton-new-page-content.content-scroll{overflow:auto}.page-skeleton-new .page-skeleton-new-page-content.flex-column{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-page-content.flex-row{display:flex}

package/pageable-table/index.d.ts

@@ -0,0 +1,400 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrentRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    rowClassName: (StringConstructor | FunctionConstructor)[];
+    rowStyle: (ObjectConstructor | FunctionConstructor)[];
+    cellClassName: (StringConstructor | FunctionConstructor)[];
+    cellStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerRowClassName: (StringConstructor | FunctionConstructor)[];
+    headerRowStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerCellClassName: (StringConstructor | FunctionConstructor)[];
+    headerCellStyle: (ObjectConstructor | FunctionConstructor)[];
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultSort: ObjectConstructor;
+    tooltipEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendFilterPanelTo: StringConstructor;
+    showSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sumText: {
+        type: StringConstructor;
+        default: string;
+    };
+    summaryMethod: FunctionConstructor;
+    spanMethod: FunctionConstructor;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    load: FunctionConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tableLayout: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOverflowTooltip: (ObjectConstructor | BooleanConstructor)[];
+    flexible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollbarTabindex: (StringConstructor | NumberConstructor)[];
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: FunctionConstructor;
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeScrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowExpandable: FunctionConstructor;
+    selectionWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    viewId: StringConstructor;
+    url: StringConstructor;
+    hideOnSinglePage: BooleanConstructor;
+    api: FunctionConstructor;
+    model: ObjectConstructor;
+    ascs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    descs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    headerBold: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reloadOnModelChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: ArrayConstructor;
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dicOptions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    paging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickRowSelect: BooleanConstructor;
+    payloadStyle: StringConstructor;
+    disabledRowKeys: ArrayConstructor;
+    selectExport: BooleanConstructor;
+    useVisibilityChange: BooleanConstructor;
+    rowDbClick: FunctionConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'page-loaded': null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrentRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    rowClassName: (StringConstructor | FunctionConstructor)[];
+    rowStyle: (ObjectConstructor | FunctionConstructor)[];
+    cellClassName: (StringConstructor | FunctionConstructor)[];
+    cellStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerRowClassName: (StringConstructor | FunctionConstructor)[];
+    headerRowStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerCellClassName: (StringConstructor | FunctionConstructor)[];
+    headerCellStyle: (ObjectConstructor | FunctionConstructor)[];
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultSort: ObjectConstructor;
+    tooltipEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendFilterPanelTo: StringConstructor;
+    showSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sumText: {
+        type: StringConstructor;
+        default: string;
+    };
+    summaryMethod: FunctionConstructor;
+    spanMethod: FunctionConstructor;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    load: FunctionConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tableLayout: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOverflowTooltip: (ObjectConstructor | BooleanConstructor)[];
+    flexible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollbarTabindex: (StringConstructor | NumberConstructor)[];
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: FunctionConstructor;
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeScrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowExpandable: FunctionConstructor;
+    selectionWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    viewId: StringConstructor;
+    url: StringConstructor;
+    hideOnSinglePage: BooleanConstructor;
+    api: FunctionConstructor;
+    model: ObjectConstructor;
+    ascs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    descs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    headerBold: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reloadOnModelChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: ArrayConstructor;
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dicOptions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    paging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickRowSelect: BooleanConstructor;
+    payloadStyle: StringConstructor;
+    disabledRowKeys: ArrayConstructor;
+    selectExport: BooleanConstructor;
+    useVisibilityChange: BooleanConstructor;
+    rowDbClick: FunctionConstructor;
+}>> & Readonly<{
+    "onPage-loaded"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: unknown[];
+    border: boolean;
+    multiple: boolean;
+    immediate: boolean;
+    lazy: boolean;
+    treeProps: Record<string, any>;
+    defaultExpandAll: boolean;
+    fit: boolean;
+    showSummary: boolean;
+    selectionWidth: string;
+    descs: unknown[];
+    ascs: unknown[];
+    selection: boolean;
+    index: boolean;
+    pageSize: number;
+    hideOnSinglePage: boolean;
+    headerBold: boolean;
+    autoHeight: boolean;
+    reloadOnModelChange: boolean;
+    dicOptions: unknown[];
+    paging: boolean;
+    clickRowSelect: boolean;
+    selectExport: boolean;
+    useVisibilityChange: boolean;
+    stripe: boolean;
+    showHeader: boolean;
+    highlightCurrentRow: boolean;
+    rowKey: string | Function;
+    emptyText: string;
+    expandRowKeys: unknown[];
+    tooltipEffect: string;
+    tooltipOptions: Record<string, any>;
+    sumText: string;
+    selectOnIndeterminate: boolean;
+    indent: number;
+    tableLayout: string;
+    scrollbarAlwaysOn: boolean;
+    flexible: boolean;
+    allowDragLastColumn: boolean;
+    preserveExpandedContent: boolean;
+    nativeScrollbar: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/pageable-table/index.js

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

package/pageable-table/style.css

@@ -0,0 +1 @@
+.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;width:100%;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/photo-swipe/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    urls: ArrayConstructor;
+    selector: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {
+    preview(e: any): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    urls: ArrayConstructor;
+    selector: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    selector: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/photo-swipe/index.js

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