hf-sheet 1.0.1

package/README.md

@@ -0,0 +1,156 @@
+# hf-sheet
+
+基于 Luckysheet 的 Vue3 电子表格组件
+
+## 安装
+
+```bash
+npm install hf-sheet
+```
+
+或
+
+```bash
+pnpm install hf-sheet
+```
+
+## 使用
+
+### 方式一：在 HTML 中引入（推荐）
+
+在你的 HTML 文件中引入必要的依赖文件：
+
+```html
+<!-- 引入 Luckysheet 样式（从 hf-sheet 包中引入） -->
+<link rel="stylesheet" href="/node_modules/hf-sheet/dist/luckysheet/plugins/css/pluginsCss.css" />
+<link rel="stylesheet" href="/node_modules/hf-sheet/dist/luckysheet/plugins/plugins.css" />
+<link rel="stylesheet" href="/node_modules/hf-sheet/dist/luckysheet/css/luckysheet.css" />
+<link rel="stylesheet" href="/node_modules/hf-sheet/dist/luckysheet/assets/iconfont/iconfont.css" />
+
+<!-- 引入 Luckysheet 脚本（从 hf-sheet 包中引入） -->
+<script src="/node_modules/hf-sheet/dist/luckysheet/plugins/js/plugin.js"></script>
+<script src="/node_modules/hf-sheet/dist/luckysheet/luckysheet.umd.js"></script>
+<script src="/node_modules/hf-sheet/dist/luckysheet/luckyexcel.umd.js"></script>
+```
+
+### 方式二：在 Vite 项目中使用
+
+如果你的项目使用 Vite，可以在 `vite.config.js` 中配置静态资源别名：
+
+```javascript
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': '/src',
+      'luckysheet': '/node_modules/hf-sheet/dist/luckysheet'
+    }
+  }
+})
+```
+
+然后在你的入口文件（如 `main.js` 或 `App.vue`）中引入：
+
+```javascript
+import 'luckysheet/plugins/css/pluginsCss.css'
+import 'luckysheet/plugins/plugins.css'
+import 'luckysheet/css/luckysheet.css'
+import 'luckysheet/assets/iconfont/iconfont.css'
+
+import 'luckysheet/plugins/js/plugin.js'
+import 'luckysheet/luckysheet.umd.js'
+import 'luckysheet/luckyexcel.umd.js'
+```
+
+### 全局注册组件
+
+```javascript
+import { createApp } from "vue";
+import LuckySheet from "hf-sheet";
+import "hf-sheet/dist/hf-sheet.css";
+
+const app = createApp(App);
+app.use(LuckySheet);
+```
+
+### 局部使用组件
+
+```vue
+<template>
+  <LuckySheet
+    :dataSourceOptionsFn="getDataSourceOptions"
+    @syncUpdate="handleSyncUpdate"
+    @back="handleBack"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import LuckySheet from "hf-sheet";
+
+const getDataSourceOptions = async () => {
+  // 返回数据源选项
+  return [
+    { label: "数据源1", value: "source1" },
+    { label: "数据源2", value: "source2" },
+  ];
+};
+
+const handleSyncUpdate = (data) => {
+  console.log("数据更新:", data);
+};
+
+const handleBack = () => {
+  console.log("返回");
+};
+</script>
+```
+
+## Props
+
+| 参数                | 说明                 | 类型     | 必填 | 默认值 |
+| ------------------- | -------------------- | -------- | ---- | ------ |
+| dataSourceOptionsFn | 获取数据源选项的函数 | Function | 是   | -      |
+
+## Events
+
+| 事件名     | 说明               | 回调参数            |
+| ---------- | ------------------ | ------------------- |
+| syncUpdate | 数据同步更新时触发 | (data: any) => void |
+| back       | 返回按钮点击时触发 | () => void          |
+
+## 开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建生产版本
+npm run build
+
+# 预览构建结果
+npm run preview
+```
+
+## 依赖
+
+- Vue 3.5+
+- Element Plus 2.13+
+- Luckysheet 2.1.13+
+- jQuery 3.6.0+
+- jQuery Mousewheel 3.1.12+
+- UUID 8.3.2+
+
+## License
+
+MIT
+
+## Author
+
+alan

package/dist/hf-sheet.css

@@ -0,0 +1,2 @@
+.flex[data-v-bd7de71b]{padding:10px;display:flex}.mb-2[data-v-bd7de71b]{margin-bottom:2px}.justify-end[data-v-bd7de71b]{justify-content:flex-end}.gap-10[data-v-bd7de71b]{gap:10px}.mb[data-v-bd7de71b]{margin-top:10px;margin-bottom:10px}.justify-between[data-v-bd7de71b]{justify-content:space-between}.luckysheet-container[data-v-bd7de71b]{width:100%;min-height:800px;margin:0 10px 0 0}
+/*$vite$:1*/

package/dist/hf-sheet.js

@@ -0,0 +1,243 @@
+import { Fragment as e, createBlock as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, onBeforeUnmount as s, onMounted as c, openBlock as l, reactive as u, ref as d, renderList as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { ElButton as g, ElCard as _, ElForm as v, ElFormItem as y, ElInput as b, ElMessage as x, ElOption as S, ElSelect as C, ElSwitch as w } from "element-plus";
+//#region src/components/LuckySheet.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "flex justify-end gap-10 mb" }, E = { class: "flex justify-between" }, D = { class: "w-[300px] flex gap-10 mb-2" }, O = /* @__PURE__ */ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ o({
+	name: "LuckySheet",
+	__name: "LuckySheet",
+	props: { dataSourceOptionsFn: {
+		type: Function,
+		required: !0
+	} },
+	emits: ["syncUpdate", "back"],
+	setup(o, { expose: O, emit: k }) {
+		let A = o, j = d(), M = k, N = u({
+			line: "",
+			column: "",
+			dataSource: "",
+			name: "",
+			code: "",
+			type: "",
+			readOnly: !1
+		}), P = u({
+			dataSource: "",
+			name: "",
+			code: "",
+			type: "",
+			readOnly: !1
+		}), F = d([]), I = d([{
+			label: "文本框",
+			value: "General"
+		}, {
+			label: "下拉框",
+			value: "select"
+		}]), L = {
+			container: "luckysheet",
+			lang: "zh",
+			showinfobar: !0,
+			sheetFormulaBar: !1,
+			cellRightClickConfig: {
+				copy: !1,
+				copyAs: !1,
+				paste: !1,
+				insertRow: !0,
+				insertColumn: !1,
+				deleteRow: !0,
+				deleteColumn: !1,
+				deleteCell: !1,
+				hideRow: !1,
+				hideColumn: !1,
+				rowHeight: !0,
+				columnWidth: !0,
+				clear: !1,
+				matrix: !1,
+				sort: !1,
+				filter: !1,
+				chart: !1,
+				image: !1,
+				link: !1,
+				data: !1,
+				cellFormat: !1
+			},
+			showstatisticBarConfig: {
+				count: !1,
+				view: !0,
+				zoom: !0
+			},
+			hook: {
+				cellMousedownBefore: (e) => !e?.p?.r,
+				rangeSelect: async (e, t) => {
+					let n = t[0].row_focus, r = t[0].column_focus, i = luckysheet?.getRangeValue(n, r)[0][0];
+					N.line = n, N.column = r;
+					let a = {
+						columnIndex: r,
+						rowIndex: n,
+						p: i?.p ?? void 0
+					};
+					if (j.value?.resetFields(), a?.p !== void 0) {
+						let e = Object.assign({}, a.p), t = {
+							dataSource: e.s,
+							name: e.n,
+							code: e.c,
+							type: e.t,
+							readOnly: e.r
+						};
+						P.code = t.code, P.name = t.name, P.type = t.type, P.dataSource = t.dataSource, P.readOnly = t.readOnly;
+						return;
+					}
+					P.code = "", P.name = "", P.type = "", P.dataSource = "", P.readOnly = !1;
+				},
+				cellUpdateBefore: (e, t) => {
+					if (console.info(e.c), (luckysheet?.getRangeValue(e, t)[0][0])?.p?.r) return !1;
+				}
+			}
+		};
+		async function R() {
+			if (!luckysheet) {
+				x.error("Luckysheet 未初始化");
+				return;
+			}
+			for (let e of luckysheet.getRangeAxis()) {
+				let t = luckysheet.getRangeValue(e);
+				for (let e of t) for (let [t, n] of e.entries()) if (e[t].p = {
+					s: P?.dataSource ?? "",
+					c: P?.code ?? "",
+					n: P?.name ?? "",
+					r: P?.readOnly ?? !1,
+					t: P?.type ?? ""
+				}, n.mc) break;
+				luckysheet.setRangeValue(t, { range: e }), console.info(t);
+			}
+			x.success("提交成功");
+		}
+		function z() {
+			if (!luckysheet) {
+				x.error("Luckysheet 未初始化");
+				return;
+			}
+			let { data: e } = luckysheet.toJson();
+			localStorage.setItem("luckysheet-data", JSON.stringify(e)), console.info(luckysheet.getAllSheets()), M("syncUpdate", luckysheet.getAllSheets());
+		}
+		function B(e) {
+			if (!luckysheet) {
+				x.error("Luckysheet 未初始化");
+				return;
+			}
+			luckysheet.destroy(), luckysheet.create({
+				title: "测试表",
+				allowEdit: !0,
+				data: e,
+				...L
+			});
+		}
+		async function V() {
+			F.value = await A.dataSourceOptionsFn();
+		}
+		return c(() => {
+			V();
+		}), s(() => {
+			luckysheet && luckysheet.destroy();
+		}), O({ setSheetData: B }), (o, s) => (l(), n(e, null, [r("div", T, [a(m(g), {
+			type: "primary",
+			onClick: z
+		}, {
+			default: h(() => [...s[6] ||= [i("同步更新", -1)]]),
+			_: 1
+		}), a(m(g), { onClick: s[0] ||= (e) => o.$emit("back") }, {
+			default: h(() => [...s[7] ||= [i(" 返回 ", -1)]]),
+			_: 1
+		})]), r("div", E, [s[10] ||= r("div", {
+			id: "luckysheet",
+			class: "luckysheet-container"
+		}, null, -1), a(m(_), { shadow: "never" }, {
+			header: h(() => [...s[8] ||= [r("span", null, "属性编辑", -1)]]),
+			default: h(() => [
+				r("div", D, [r("div", null, "行：" + p(N.line), 1), r("div", null, "列：" + p(N.column), 1)]),
+				a(m(v), {
+					ref_key: "elFormRef",
+					ref: j,
+					model: P,
+					"label-width": "120px"
+				}, {
+					default: h(() => [
+						a(m(y), { label: "数据源" }, {
+							default: h(() => [a(m(C), {
+								modelValue: P.dataSource,
+								"onUpdate:modelValue": s[1] ||= (e) => P.dataSource = e,
+								placeholder: "请选择数据源"
+							}, {
+								default: h(() => [(l(!0), n(e, null, f(F.value, (e) => (l(), t(m(S), {
+									key: e.value,
+									label: e.label,
+									value: e.value
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						a(m(y), { label: "名称" }, {
+							default: h(() => [a(m(b), {
+								modelValue: P.name,
+								"onUpdate:modelValue": s[2] ||= (e) => P.name = e,
+								placeholder: "请输入名称"
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						}),
+						a(m(y), { label: "编码" }, {
+							default: h(() => [a(m(b), {
+								modelValue: P.code,
+								"onUpdate:modelValue": s[3] ||= (e) => P.code = e,
+								placeholder: "请输入编码"
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						}),
+						a(m(y), { label: "类型" }, {
+							default: h(() => [a(m(C), {
+								modelValue: P.type,
+								"onUpdate:modelValue": s[4] ||= (e) => P.type = e,
+								placeholder: "请选择类型"
+							}, {
+								default: h(() => [(l(!0), n(e, null, f(I.value, (e) => (l(), t(m(S), {
+									key: e.value,
+									label: e.label,
+									value: e.value
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						a(m(y), { label: "只读" }, {
+							default: h(() => [a(m(w), {
+								modelValue: P.readOnly,
+								"onUpdate:modelValue": s[5] ||= (e) => P.readOnly = e
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["model"]),
+				a(m(g), {
+					type: "primary",
+					onClick: R
+				}, {
+					default: h(() => [...s[9] ||= [i("保存", -1)]]),
+					_: 1
+				})
+			]),
+			_: 1
+		})])], 64));
+	}
+}), [["__scopeId", "data-v-bd7de71b"]]);
+//#endregion
+//#region src/components/index.ts
+console.info(O);
+var k = [O], A = { install: function(e) {
+	k.forEach((t) => {
+		e.component(t.name, t);
+	});
+} };
+//#endregion
+export { O as LuckySheet, A as default };

package/dist/hf-sheet.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`element-plus`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`element-plus`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.LuckySheet={},e.Vue,e.ElementPlus))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r={class:`flex justify-end gap-10 mb`},i={class:`flex justify-between`},a={class:`w-[300px] flex gap-10 mb-2`},o=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({name:`LuckySheet`,__name:`LuckySheet`,props:{dataSourceOptionsFn:{type:Function,required:!0}},emits:[`syncUpdate`,`back`],setup(e,{expose:o,emit:s}){let c=e,l=(0,t.ref)(),u=s,d=(0,t.reactive)({line:``,column:``,dataSource:``,name:``,code:``,type:``,readOnly:!1}),f=(0,t.reactive)({dataSource:``,name:``,code:``,type:``,readOnly:!1}),p=(0,t.ref)([]),m=(0,t.ref)([{label:`文本框`,value:`General`},{label:`下拉框`,value:`select`}]),h={container:`luckysheet`,lang:`zh`,showinfobar:!0,sheetFormulaBar:!1,cellRightClickConfig:{copy:!1,copyAs:!1,paste:!1,insertRow:!0,insertColumn:!1,deleteRow:!0,deleteColumn:!1,deleteCell:!1,hideRow:!1,hideColumn:!1,rowHeight:!0,columnWidth:!0,clear:!1,matrix:!1,sort:!1,filter:!1,chart:!1,image:!1,link:!1,data:!1,cellFormat:!1},showstatisticBarConfig:{count:!1,view:!0,zoom:!0},hook:{cellMousedownBefore:e=>!e?.p?.r,rangeSelect:async(e,t)=>{let n=t[0].row_focus,r=t[0].column_focus,i=luckysheet?.getRangeValue(n,r)[0][0];d.line=n,d.column=r;let a={columnIndex:r,rowIndex:n,p:i?.p??void 0};if(l.value?.resetFields(),a?.p!==void 0){let e=Object.assign({},a.p),t={dataSource:e.s,name:e.n,code:e.c,type:e.t,readOnly:e.r};f.code=t.code,f.name=t.name,f.type=t.type,f.dataSource=t.dataSource,f.readOnly=t.readOnly;return}f.code=``,f.name=``,f.type=``,f.dataSource=``,f.readOnly=!1},cellUpdateBefore:(e,t)=>{if(console.info(e.c),(luckysheet?.getRangeValue(e,t)[0][0])?.p?.r)return!1}}};async function g(){if(!luckysheet){n.ElMessage.error(`Luckysheet 未初始化`);return}for(let e of luckysheet.getRangeAxis()){let t=luckysheet.getRangeValue(e);for(let e of t)for(let[t,n]of e.entries())if(e[t].p={s:f?.dataSource??``,c:f?.code??``,n:f?.name??``,r:f?.readOnly??!1,t:f?.type??``},n.mc)break;luckysheet.setRangeValue(t,{range:e}),console.info(t)}n.ElMessage.success(`提交成功`)}function _(){if(!luckysheet){n.ElMessage.error(`Luckysheet 未初始化`);return}let{data:e}=luckysheet.toJson();localStorage.setItem(`luckysheet-data`,JSON.stringify(e)),console.info(luckysheet.getAllSheets()),u(`syncUpdate`,luckysheet.getAllSheets())}function v(e){if(!luckysheet){n.ElMessage.error(`Luckysheet 未初始化`);return}luckysheet.destroy(),luckysheet.create({title:`测试表`,allowEdit:!0,data:e,...h})}async function y(){p.value=await c.dataSourceOptionsFn()}return(0,t.onMounted)(()=>{y()}),(0,t.onBeforeUnmount)(()=>{luckysheet&&luckysheet.destroy()}),o({setSheetData:v}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`div`,r,[(0,t.createVNode)((0,t.unref)(n.ElButton),{type:`primary`,onClick:_},{default:(0,t.withCtx)(()=>[...o[6]||=[(0,t.createTextVNode)(`同步更新`,-1)]]),_:1}),(0,t.createVNode)((0,t.unref)(n.ElButton),{onClick:o[0]||=t=>e.$emit(`back`)},{default:(0,t.withCtx)(()=>[...o[7]||=[(0,t.createTextVNode)(` 返回 `,-1)]]),_:1})]),(0,t.createElementVNode)(`div`,i,[o[10]||=(0,t.createElementVNode)(`div`,{id:`luckysheet`,class:`luckysheet-container`},null,-1),(0,t.createVNode)((0,t.unref)(n.ElCard),{shadow:`never`},{header:(0,t.withCtx)(()=>[...o[8]||=[(0,t.createElementVNode)(`span`,null,`属性编辑`,-1)]]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,a,[(0,t.createElementVNode)(`div`,null,`行：`+(0,t.toDisplayString)(d.line),1),(0,t.createElementVNode)(`div`,null,`列：`+(0,t.toDisplayString)(d.column),1)]),(0,t.createVNode)((0,t.unref)(n.ElForm),{ref_key:`elFormRef`,ref:l,model:f,"label-width":`120px`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElFormItem),{label:`数据源`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElSelect),{modelValue:f.dataSource,"onUpdate:modelValue":o[1]||=e=>f.dataSource=e,placeholder:`请选择数据源`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(p.value,e=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElOption),{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1}),(0,t.createVNode)((0,t.unref)(n.ElFormItem),{label:`名称`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElInput),{modelValue:f.name,"onUpdate:modelValue":o[2]||=e=>f.name=e,placeholder:`请输入名称`},null,8,[`modelValue`])]),_:1}),(0,t.createVNode)((0,t.unref)(n.ElFormItem),{label:`编码`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElInput),{modelValue:f.code,"onUpdate:modelValue":o[3]||=e=>f.code=e,placeholder:`请输入编码`},null,8,[`modelValue`])]),_:1}),(0,t.createVNode)((0,t.unref)(n.ElFormItem),{label:`类型`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElSelect),{modelValue:f.type,"onUpdate:modelValue":o[4]||=e=>f.type=e,placeholder:`请选择类型`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(m.value,e=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElOption),{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1}),(0,t.createVNode)((0,t.unref)(n.ElFormItem),{label:`只读`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElSwitch),{modelValue:f.readOnly,"onUpdate:modelValue":o[5]||=e=>f.readOnly=e},null,8,[`modelValue`])]),_:1})]),_:1},8,[`model`]),(0,t.createVNode)((0,t.unref)(n.ElButton),{type:`primary`,onClick:g},{default:(0,t.withCtx)(()=>[...o[9]||=[(0,t.createTextVNode)(`保存`,-1)]]),_:1})]),_:1})])],64))}}),[[`__scopeId`,`data-v-bd7de71b`]]);console.info(o);var s=[o];e.LuckySheet=o,e.default={install:function(e){s.forEach(t=>{e.component(t.name,t)})}}});

package/dist/index.d.ts

@@ -0,0 +1,160 @@
+import { AllowedComponentProps } from 'vue';
+import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
+import { Attrs } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsBase } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { ComponentSize } from 'element-plus';
+import { DebuggerEvent } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { FormItemContext } from 'element-plus';
+import { FormItemProp } from 'element-plus';
+import { FormProps } from 'element-plus';
+import { FormRules } from 'element-plus';
+import { FormValidateCallback } from 'element-plus';
+import { FormValidationResult } from 'element-plus';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { nextTick } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
+import { PublicProps } from 'vue';
+import { Reactive } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
+import { Slot } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchOptions } from 'vue';
+import { WatchStopHandle } from 'vue';
+
+declare const _default: {
+    install: (App: any) => void;
+};
+export default _default;
+
+export declare const LuckySheet: DefineComponent<ExtractPropTypes<    {
+dataSourceOptionsFn: {
+type: FunctionConstructor;
+required: true;
+};
+}>, {
+setSheetData: typeof setSheetData;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+syncUpdate: (...args: any[]) => void;
+back: (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+dataSourceOptionsFn: {
+type: FunctionConstructor;
+required: true;
+};
+}>> & Readonly<{
+onSyncUpdate?: ((...args: any[]) => any) | undefined;
+onBack?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+elFormRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly model?: Record<string, any> | undefined;
+readonly rules?: FormRules | undefined;
+readonly labelPosition?: "left" | "right" | "top" | undefined;
+readonly requireAsteriskPosition?: "left" | "right" | undefined;
+readonly labelWidth?: string | number | undefined;
+readonly labelSuffix?: string | undefined;
+readonly inline?: boolean | undefined;
+readonly inlineMessage?: boolean | undefined;
+readonly statusIcon?: boolean | undefined;
+readonly showMessage?: boolean | undefined;
+readonly validateOnRuleChange?: boolean | undefined;
+readonly hideRequiredAsterisk?: boolean | undefined;
+readonly scrollToError?: boolean | undefined;
+readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+readonly size?: ComponentSize | undefined;
+readonly disabled?: boolean | undefined;
+readonly onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: Attrs;
+$refs: {
+[x: string]: unknown;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+$el: any;
+$options: ComponentOptionsBase<Readonly<FormProps> & Readonly<{
+onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+}>, {
+validate: (callback?: FormValidateCallback) => FormValidationResult;
+validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+resetFields: (props?: Arrayable<FormItemProp>) => void;
+clearValidate: (props?: Arrayable<FormItemProp>) => void;
+scrollToField: (prop: FormItemProp) => void;
+getField: (prop: FormItemProp) => FormItemContext | undefined;
+fields: Reactive<FormItemContext[]>;
+setInitialValues: (initModel: Record<string, any>) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+}, string, {
+scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+labelWidth: string | number;
+labelPosition: "left" | "right" | "top";
+requireAsteriskPosition: "left" | "right";
+labelSuffix: string;
+showMessage: boolean;
+validateOnRuleChange: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: (() => void) | (() => void)[];
+created?: (() => void) | (() => void)[];
+beforeMount?: (() => void) | (() => void)[];
+mounted?: (() => void) | (() => void)[];
+beforeUpdate?: (() => void) | (() => void)[];
+updated?: (() => void) | (() => void)[];
+activated?: (() => void) | (() => void)[];
+deactivated?: (() => void) | (() => void)[];
+beforeDestroy?: (() => void) | (() => void)[];
+beforeUnmount?: (() => void) | (() => void)[];
+destroyed?: (() => void) | (() => void)[];
+unmounted?: (() => void) | (() => void)[];
+renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{
+scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+labelWidth: string | number;
+labelPosition: "left" | "right" | "top";
+requireAsteriskPosition: "left" | "right";
+labelSuffix: string;
+showMessage: boolean;
+validateOnRuleChange: boolean;
+}> & Omit<Readonly<FormProps> & Readonly<{
+onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+}>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & ShallowUnwrapRef<    {
+validate: (callback?: FormValidateCallback) => FormValidationResult;
+validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+resetFields: (props?: Arrayable<FormItemProp>) => void;
+clearValidate: (props?: Arrayable<FormItemProp>) => void;
+scrollToField: (prop: FormItemProp) => void;
+getField: (prop: FormItemProp) => FormItemContext | undefined;
+fields: Reactive<FormItemContext[]>;
+setInitialValues: (initModel: Record<string, any>) => void;
+}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+default?: (props: {}) => any;
+};
+}) | null;
+}, any>;
+
+declare function setSheetData(json: any): void;
+
+export { }