@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta30

package/month-calendar/index.d.ts

@@ -0,0 +1,80 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    activeDates: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    month: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    year: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    prefixClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>, {}, {
+    showDays: never[];
+    isMouseDown: boolean;
+}, {
+    weekTitleFontSizeAdjustLang(): any;
+    monthTitle(): any;
+}, {
+    initCalendar(): never[] | undefined;
+    showDayTitle(day: any): any;
+    toggleDay(dayObj: any): void;
+    dragDay(dayObj: any): void;
+    mouseDown(dayObj: any): void;
+    mouseUp(): void;
+    classList(dayObj: any): {
+        [x: string]: any;
+        'calendar__day--otherMonth': any;
+    };
+    monthClickEvent(year: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("toggleDate" | "monthClickEvent")[], "toggleDate" | "monthClickEvent", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    activeDates: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    month: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    year: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    prefixClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>> & Readonly<{
+    onToggleDate?: ((...args: any[]) => any) | undefined;
+    onMonthClickEvent?: ((...args: any[]) => any) | undefined;
+}>, {
+    month: string | number;
+    year: string | number;
+    activeDates: unknown[];
+    lang: string;
+    activeClass: string;
+    prefixClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta3",
+  "version": "1.0.0-beta30",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "types": "",
+  "main": "index.mjs",
+  "module": "index.mjs",
+  "types": "index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./index.mjs"
     },
     "./*": "./*"
@@ -24,9 +25,13 @@
     "*.sass"
   ],
   "dependencies": {
-    "@web-utils/core": "^4.0.3",
-    "@web-utils/el-icon-legacy": "^1.0.1",
-    "element-plus": "^2.13.6",
+    "@web-utils/core": "^6.0.0-beta05",
+    "@web-utils/integrations": "6.0.0-beta05",
+    "@web-utils/vue": "6.0.0-beta06",
+    "cronosjs": "^1.7.1",
+    "dayjs": "^1.11.20",
+    "element-plus": "^2.13.7",
+    "lodash-es": "^4.18.1",
     "vue": "^3.5.32"
   }
 }

package/pageable-table/index.d.ts

@@ -0,0 +1,436 @@
+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: (BooleanConstructor | ObjectConstructor)[];
+    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;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'page-loaded': null;
+    select: null;
+    'select-all': null;
+    'selection-change': null;
+    'cell-mouse-enter': null;
+    'cell-mouse-leave': null;
+    'cell-click': null;
+    'cell-dblclick': null;
+    'cell-contextmenu': null;
+    'row-click': null;
+    'row-contextmenu': null;
+    'row-dblclick': null;
+    'header-click': null;
+    'header-contextmenu': null;
+    'sort-change': null;
+    'filter-change': null;
+    'current-change': null;
+    'header-dragend': null;
+    'expand-change': null;
+    scroll: 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: (BooleanConstructor | ObjectConstructor)[];
+    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;
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onPage-loaded"?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
+    "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
+    "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+    "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
+    "onHeader-click"?: ((...args: any[]) => any) | undefined;
+    "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    "onFilter-change"?: ((...args: any[]) => any) | undefined;
+    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
+    "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: unknown[];
+    border: boolean;
+    fit: boolean;
+    multiple: boolean;
+    stripe: boolean;
+    showHeader: boolean;
+    highlightCurrentRow: boolean;
+    rowKey: string | Function;
+    emptyText: string;
+    defaultExpandAll: boolean;
+    expandRowKeys: unknown[];
+    tooltipEffect: string;
+    tooltipOptions: Record<string, any>;
+    showSummary: boolean;
+    sumText: string;
+    selectOnIndeterminate: boolean;
+    indent: number;
+    lazy: boolean;
+    treeProps: Record<string, any>;
+    tableLayout: string;
+    scrollbarAlwaysOn: boolean;
+    flexible: boolean;
+    allowDragLastColumn: boolean;
+    preserveExpandedContent: boolean;
+    nativeScrollbar: boolean;
+    selectionWidth: string;
+    hideOnSinglePage: boolean;
+    ascs: unknown[];
+    descs: unknown[];
+    headerBold: boolean;
+    autoHeight: boolean;
+    immediate: boolean;
+    index: boolean;
+    selection: boolean;
+    reloadOnModelChange: boolean;
+    pageSize: number;
+    dicOptions: unknown[];
+    paging: boolean;
+    clickRowSelect: boolean;
+    selectExport: boolean;
+    useVisibilityChange: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/pageable-table/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CKErj8Ax.mjs";
+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;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/resize-observer/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
+    compareAndNotify(): void;
+    addResizeHandlers(): void;
+    removeResizeHandlers(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "notify"[], "notify", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onNotify?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/resize-observer/index.mjs

@@ -0,0 +1,40 @@
+import { t as e } from "../chunks/CkFapoKt.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region src/components/ResizeObserver.vue
+var r = {
+	name: "ResizeObserver",
+	emits: ["notify"],
+	mounted() {
+		this.$nextTick(() => {
+			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+		});
+		let e = document.createElement("object");
+		this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", e.data = "about:blank", this.$el.appendChild(e);
+	},
+	beforeUnmount() {
+		this.removeResizeHandlers();
+	},
+	methods: {
+		compareAndNotify() {
+			(this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
+				width: this._w,
+				height: this._h
+			}));
+		},
+		addResizeHandlers() {
+			this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+		},
+		removeResizeHandlers() {
+			this._resizeObject && this._resizeObject.onload && (!isIE && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+		}
+	}
+}, i = {
+	class: "resize-observer",
+	tabindex: "-1"
+};
+function a(e, r, a, o, s, c) {
+	return n(), t("div", i);
+}
+var o = /* @__PURE__ */ e(r, [["render", a]]);
+//#endregion
+export { o as default };

package/resize-observer/style.css

@@ -0,0 +1 @@
+.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}

package/resolver/index.d.ts

@@ -0,0 +1,9 @@
+export interface Options {
+    importStyle?: boolean;
+    excludeComponents?: string[];
+    [key: string]: any;
+}
+export declare const FormUiResolver: ({ importStyle, excludeComponents }?: Options) => (componentName: string) => {
+    from: string;
+    sideEffects: string[] | undefined;
+} | undefined;

package/resolver/index.mjs

@@ -0,0 +1,29 @@
+import { componentNames as e, noStylesComponents as t } from "../index.mjs";
+import { hyphenate as n } from "@web-utils/core";
+//#region src/resolver/index.ts
+var r = ({ importStyle: r = !1, excludeComponents: a = [] } = {}) => {
+	let o = {}, s = {}, c = {};
+	return e.forEach((e) => {
+		o[e] = !0;
+	}), t.forEach((e) => {
+		s[e] = !0;
+	}), a.forEach((e) => {
+		c[e] = !0;
+	}), (e) => {
+		if (c[e] === !0 || o[e] !== !0) return;
+		let t = n(e);
+		return {
+			from: `@web-utils/form-ui/${t}/index.mjs`,
+			sideEffects: i({
+				componentName: e,
+				name: t,
+				importStyle: r,
+				noStylesComponentNameMap: s
+			})
+		};
+	};
+}, i = ({ componentName: e, name: t, importStyle: n = !1, noStylesComponentNameMap: r } = {}) => {
+	if (n && r[e] !== !0) return ["@web-utils/form-ui/base.css", `@web-utils/form-ui/${t}/style.css`];
+};
+//#endregion
+export { r as FormUiResolver };