liyu-pc-base 1.0.375 → 1.0.379

package/dist/AttributeNomTable-BV3zeA9I.js

@@ -0,0 +1,137 @@
+import { n as e } from "./chunk-BdsCSvBP.js";
+import { t } from "./_plugin-vue_export-helper-D3hKq4w_.js";
+import { Fragment as n, createElementBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, reactive as u, ref as d, renderList as f, resolveComponent as p, toDisplayString as m, watch as h, withCtx as g } from "vue";
+import { cloneDeep as _ } from "lodash-es";
+import { PlusOutlined as v } from "@ant-design/icons-vue";
+//#region src/components/FormRender/AttributeNomTable/index.vue?vue&type=script&lang.ts
+var y = [
+	{
+		title: "序号",
+		dataIndex: "key",
+		width: "10%"
+	},
+	{
+		title: "日期",
+		dataIndex: "name",
+		width: "40%",
+		slots: { customRender: "name" }
+	},
+	{
+		title: "数量",
+		dataIndex: "value",
+		width: "40%",
+		slots: { customRender: "value" }
+	},
+	{
+		title: "操作",
+		dataIndex: "operation",
+		slots: { customRender: "operation" }
+	}
+], b = c({
+	name: "AttributeNomTable",
+	props: {
+		field: {
+			type: Object,
+			required: !0
+		},
+		value: {
+			type: Array,
+			required: !0,
+			default: () => []
+		},
+		formModel: {
+			type: Object,
+			required: !0
+		},
+		init_model: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	emits: ["update:value"],
+	setup(e, { emit: t }) {
+		let n = u({}), r = (e) => {
+			n[e] = _(i.value.filter((t) => e === t.key)[0]);
+		}, i = d([]);
+		return e.value && e.value.hasOwnProperty("length") && e.value.map((e, t) => {
+			i.value.push({
+				key: (t + 1).toString(),
+				...e
+			}), r((t + 1).toString());
+		}), h(() => n, () => {
+			t("update:value", i.value.map((e) => ({
+				name: n[e.key].name,
+				value: n[e.key].value
+			})));
+		}, { deep: !0 }), {
+			props: e,
+			columns: y,
+			editableData: n,
+			dataSource: i,
+			add_attr: () => {
+				if (i.value.length == 0) i.value.push({
+					key: "1",
+					name: "",
+					value: ""
+				}), r("1");
+				else {
+					let e = i.value[i.value.length - 1], t = (Number(e.key) + 1).toString();
+					i.value.push({
+						key: t,
+						name: "",
+						value: ""
+					}), r(t);
+				}
+			},
+			cancel: (e) => {
+				i.value = i.value.filter((t) => e !== t.key), delete n[e];
+			}
+		};
+	},
+	data() {
+		return { model: this.value };
+	},
+	components: { PlusOutlined: v }
+}), x = /* @__PURE__ */ e({ default: () => w }), S = { class: "editable-row-operations" };
+function C(e, t, c, u, d, h) {
+	let _ = p("plus-outlined"), v = p("a-button"), y = p("a-input"), b = p("a-popconfirm"), x = p("a-table");
+	return l(), r(n, null, [s(v, {
+		size: "small",
+		type: "primary",
+		onClick: e.add_attr
+	}, {
+		icon: g(() => [s(_)]),
+		default: g(() => [t[0] ||= o(" 添加一行 ")]),
+		_: 1
+	}, 8, ["onClick"]), s(x, {
+		columns: e.columns,
+		"data-source": e.dataSource,
+		pagination: !1,
+		"row-height": 16,
+		scroll: { y: 200 },
+		bordered: "",
+		class: "ant-table-striped attribute-table",
+		size: "small"
+	}, a({
+		operation: g(({ record: n }) => [i("div", S, [i("span", null, [s(b, {
+			title: "确认删除?",
+			onConfirm: (t) => e.cancel(n.key)
+		}, {
+			default: g(() => t[1] ||= [i("a", null, "删除", -1)]),
+			_: 2
+		}, 1032, ["onConfirm"])])])]),
+		footer: g(() => [o("共" + m(e.dataSource.length) + "个属性。", 1)]),
+		_: 2
+	}, [f(["name", "value"], (t) => ({
+		name: t,
+		fn: g(({ record: n }) => [i("div", null, [s(y, {
+			value: e.editableData[n.key][t],
+			"onUpdate:value": (r) => e.editableData[n.key][t] = r,
+			size: "small",
+			style: { margin: "-5px 0" }
+		}, null, 8, ["value", "onUpdate:value"])])])
+	}))]), 1032, ["columns", "data-source"])], 64);
+}
+var w = /* @__PURE__ */ t(b, [["render", C]]);
+//#endregion
+export { x as n, w as t };

package/dist/AttributeNomTable-BV3zeA9I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeNomTable-BV3zeA9I.js","names":[],"sources":["../src/components/FormRender/AttributeNomTable/index.vue","../src/components/FormRender/AttributeNomTable/index.vue"],"sourcesContent":["<template>\n  <a-button size=\"small\" type=\"primary\" @click=\"add_attr\">\n    <template #icon>\n      <plus-outlined />\n    </template>\n    添加一行\n  </a-button>\n  <a-table\n    :columns=\"columns\"\n    :data-source=\"dataSource\"\n    :pagination=\"false\"\n    :row-height=\"16\"\n    :scroll=\"{ y: 200 }\"\n    bordered\n    class=\"ant-table-striped attribute-table\"\n    size=\"small\"\n  >\n    <template v-for=\"col in ['name', 'value']\" :key=\"col\" #[col]=\"{ record }\">\n      <div>\n        <a-input v-model:value=\"editableData[record.key][col]\" :size=\"'small'\" style=\"margin: -5px 0\" />\n      </div>\n    </template>\n    <template #operation=\"{ record }\">\n      <div class=\"editable-row-operations\">\n        <span>\n          <a-popconfirm title=\"确认删除?\" @confirm=\"cancel(record.key)\">\n            <a>删除</a>\n          </a-popconfirm>\n        </span>\n      </div>\n    </template>\n    <template #footer>共{{ dataSource.length }}个属性。</template>\n  </a-table>\n</template>\n\n<script lang=\"ts\">\nimport type { UnwrapRef } from 'vue';\nimport { defineComponent, reactive, ref, watch } from 'vue';\nimport { cloneDeep } from 'lodash-es';\nimport { PlusOutlined } from '@ant-design/icons-vue';\n\nconst columns = [\n  {\n    title: '序号',\n    dataIndex: 'key',\n    width: '10%',\n  },\n  {\n    title: '日期',\n    dataIndex: 'name',\n    width: '40%',\n    slots: { customRender: 'name' },\n  },\n  {\n    title: '数量',\n    dataIndex: 'value',\n    width: '40%',\n    slots: { customRender: 'value' },\n  },\n  {\n    title: '操作',\n    dataIndex: 'operation',\n    slots: { customRender: 'operation' },\n  },\n];\n\ninterface DataItem {\n  key: string;\n  name: string;\n  value: string;\n}\n\nexport default defineComponent({\n  name: 'AttributeNomTable',\n  props: {\n    field: {\n      type: Object,\n      required: true,\n    },\n\n    value: {\n      type: Array,\n      required: true,\n      default: () => [],\n    },\n    formModel: {\n      type: Object,\n      required: true,\n    },\n    init_model: {\n      type: Object,\n      default: () => {},\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const editableData: UnwrapRef<Record<string, DataItem>> = reactive({});\n    const edit = (key: string) => {\n      editableData[key] = cloneDeep(\n        dataSource.value.filter((item: DataItem) => key === item.key)[0],\n      );\n    };\n\n    const dataSource: any = ref([]);\n    if (props.value && props.value.hasOwnProperty('length')) {\n      props.value.map((item: any, index: number) => {\n        dataSource.value.push({ key: (index + 1).toString(), ...item });\n        edit((index + 1).toString());\n      });\n    }\n\n    const cancel = (key: string) => {\n      dataSource.value = dataSource.value.filter((item: DataItem) => key !== item.key);\n      delete editableData[key];\n    };\n\n    const add_attr = () => {\n      if (dataSource.value.length == 0) {\n        dataSource.value.push({ key: '1', name: '', value: '' });\n        edit('1');\n      } else {\n        const last: DataItem = dataSource.value[dataSource.value.length - 1];\n        const key: string = (Number(last.key) + 1).toString();\n        dataSource.value.push({ key: key, name: '', value: '' });\n        edit(key);\n      }\n    };\n\n    const handleChange = () => {\n      const list = dataSource.value.map((item: DataItem) => {\n        return { name: editableData[item.key].name, value: editableData[item.key].value };\n      });\n      emit('update:value', list);\n    };\n\n    watch(() => editableData, handleChange, {\n      deep: true,\n    });\n\n    return {\n      props,\n      columns,\n      editableData,\n      dataSource,\n      add_attr,\n      cancel,\n    };\n  },\n\n  data() {\n    return {\n      model: this.value,\n    };\n  },\n  components: {\n    PlusOutlined,\n  },\n});\n</script>\n<style lang=\"less\">\n.attribute-table {\n  .ant-table-footer {\n    padding: 5px;\n  }\n}\n</style>\n","<template>\n  <a-button size=\"small\" type=\"primary\" @click=\"add_attr\">\n    <template #icon>\n      <plus-outlined />\n    </template>\n    添加一行\n  </a-button>\n  <a-table\n    :columns=\"columns\"\n    :data-source=\"dataSource\"\n    :pagination=\"false\"\n    :row-height=\"16\"\n    :scroll=\"{ y: 200 }\"\n    bordered\n    class=\"ant-table-striped attribute-table\"\n    size=\"small\"\n  >\n    <template v-for=\"col in ['name', 'value']\" :key=\"col\" #[col]=\"{ record }\">\n      <div>\n        <a-input v-model:value=\"editableData[record.key][col]\" :size=\"'small'\" style=\"margin: -5px 0\" />\n      </div>\n    </template>\n    <template #operation=\"{ record }\">\n      <div class=\"editable-row-operations\">\n        <span>\n          <a-popconfirm title=\"确认删除?\" @confirm=\"cancel(record.key)\">\n            <a>删除</a>\n          </a-popconfirm>\n        </span>\n      </div>\n    </template>\n    <template #footer>共{{ dataSource.length }}个属性。</template>\n  </a-table>\n</template>\n\n<script lang=\"ts\">\nimport type { UnwrapRef } from 'vue';\nimport { defineComponent, reactive, ref, watch } from 'vue';\nimport { cloneDeep } from 'lodash-es';\nimport { PlusOutlined } from '@ant-design/icons-vue';\n\nconst columns = [\n  {\n    title: '序号',\n    dataIndex: 'key',\n    width: '10%',\n  },\n  {\n    title: '日期',\n    dataIndex: 'name',\n    width: '40%',\n    slots: { customRender: 'name' },\n  },\n  {\n    title: '数量',\n    dataIndex: 'value',\n    width: '40%',\n    slots: { customRender: 'value' },\n  },\n  {\n    title: '操作',\n    dataIndex: 'operation',\n    slots: { customRender: 'operation' },\n  },\n];\n\ninterface DataItem {\n  key: string;\n  name: string;\n  value: string;\n}\n\nexport default defineComponent({\n  name: 'AttributeNomTable',\n  props: {\n    field: {\n      type: Object,\n      required: true,\n    },\n\n    value: {\n      type: Array,\n      required: true,\n      default: () => [],\n    },\n    formModel: {\n      type: Object,\n      required: true,\n    },\n    init_model: {\n      type: Object,\n      default: () => {},\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const editableData: UnwrapRef<Record<string, DataItem>> = reactive({});\n    const edit = (key: string) => {\n      editableData[key] = cloneDeep(\n        dataSource.value.filter((item: DataItem) => key === item.key)[0],\n      );\n    };\n\n    const dataSource: any = ref([]);\n    if (props.value && props.value.hasOwnProperty('length')) {\n      props.value.map((item: any, index: number) => {\n        dataSource.value.push({ key: (index + 1).toString(), ...item });\n        edit((index + 1).toString());\n      });\n    }\n\n    const cancel = (key: string) => {\n      dataSource.value = dataSource.value.filter((item: DataItem) => key !== item.key);\n      delete editableData[key];\n    };\n\n    const add_attr = () => {\n      if (dataSource.value.length == 0) {\n        dataSource.value.push({ key: '1', name: '', value: '' });\n        edit('1');\n      } else {\n        const last: DataItem = dataSource.value[dataSource.value.length - 1];\n        const key: string = (Number(last.key) + 1).toString();\n        dataSource.value.push({ key: key, name: '', value: '' });\n        edit(key);\n      }\n    };\n\n    const handleChange = () => {\n      const list = dataSource.value.map((item: DataItem) => {\n        return { name: editableData[item.key].name, value: editableData[item.key].value };\n      });\n      emit('update:value', list);\n    };\n\n    watch(() => editableData, handleChange, {\n      deep: true,\n    });\n\n    return {\n      props,\n      columns,\n      editableData,\n      dataSource,\n      add_attr,\n      cancel,\n    };\n  },\n\n  data() {\n    return {\n      model: this.value,\n    };\n  },\n  components: {\n    PlusOutlined,\n  },\n});\n</script>\n<style lang=\"less\">\n.attribute-table {\n  .ant-table-footer {\n    padding: 5px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AttributeTable-Dztznjrx.js

@@ -0,0 +1,135 @@
+import { n as e } from "./chunk-BdsCSvBP.js";
+import { t } from "./_plugin-vue_export-helper-D3hKq4w_.js";
+import { createElementBlock as n, createElementVNode as r, createSlots as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, reactive as l, ref as u, renderList as d, resolveComponent as f, toDisplayString as p, watch as m, withCtx as h } from "vue";
+import { cloneDeep as g } from "lodash-es";
+import { PlusOutlined as _ } from "@ant-design/icons-vue";
+//#region src/components/FormRender/AttributeTable/index.vue?vue&type=script&lang.ts
+var v = [
+	{
+		title: "序号",
+		dataIndex: "key",
+		width: "10%"
+	},
+	{
+		title: "属性",
+		dataIndex: "name",
+		width: "40%",
+		slots: { customRender: "name" }
+	},
+	{
+		title: "值",
+		dataIndex: "value",
+		width: "40%",
+		slots: { customRender: "value" }
+	},
+	{
+		title: "操作",
+		dataIndex: "operation",
+		slots: { customRender: "operation" }
+	}
+], y = s({
+	name: "AttributeTable",
+	props: {
+		field: {
+			type: Object,
+			required: !0
+		},
+		value: {
+			type: [Array, Object],
+			required: !1,
+			default: () => []
+		},
+		formModel: {
+			type: Object,
+			required: !0
+		},
+		init_model: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	emits: ["update:value"],
+	setup(e, { emit: t }) {
+		let n = l({}), r = (e) => {
+			n[e] = g(i.value.filter((t) => e === t.key)[0]);
+		}, i = u([]);
+		return e.value && e.value.hasOwnProperty("length") && e.value.map((e, t) => {
+			i.value.push({
+				key: (t + 1).toString(),
+				...e
+			}), r((t + 1).toString());
+		}), m(() => n, () => {
+			t("update:value", i.value.map((e) => ({
+				name: n[e.key].name,
+				value: n[e.key].value
+			})));
+		}, { deep: !0 }), {
+			props: e,
+			columns: v,
+			editableData: n,
+			dataSource: i,
+			add_attr: () => {
+				if (i.value.length == 0) i.value.push({
+					key: "1",
+					name: "",
+					value: ""
+				}), r("1");
+				else {
+					let e = i.value[i.value.length - 1], t = (Number(e.key) + 1).toString();
+					i.value.push({
+						key: t,
+						name: "",
+						value: ""
+					}), r(t);
+				}
+			},
+			cancel: (e) => {
+				i.value = i.value.filter((t) => e !== t.key), delete n[e];
+			}
+		};
+	},
+	data() {
+		return { model: this.value };
+	},
+	components: { PlusOutlined: _ }
+}), b = /* @__PURE__ */ e({ default: () => C }), x = { class: "editable-row-operations" };
+function S(e, t, s, l, u, m) {
+	let g = f("plus-outlined"), _ = f("a-button"), v = f("a-input"), y = f("a-popconfirm"), b = f("a-table");
+	return c(), n("div", null, [o(_, {
+		size: "small",
+		type: "primary",
+		onClick: e.add_attr
+	}, {
+		icon: h(() => [o(g)]),
+		default: h(() => [t[0] ||= a(" 添加一行 ")]),
+		_: 1
+	}, 8, ["onClick"]), o(b, {
+		size: "small",
+		class: "ant-table-striped attribute-table",
+		columns: e.columns,
+		"data-source": e.dataSource,
+		bordered: "",
+		scroll: { y: 200 },
+		pagination: !1
+	}, i({
+		operation: h(({ record: n }) => [r("div", x, [r("span", null, [o(y, {
+			title: "确认删除?",
+			onConfirm: (t) => e.cancel(n.key)
+		}, {
+			default: h(() => t[1] ||= [r("a", null, "删除", -1)]),
+			_: 2
+		}, 1032, ["onConfirm"])])])]),
+		footer: h(() => [a("共" + p(e.dataSource.length) + "个属性。", 1)]),
+		_: 2
+	}, [d(["name", "value"], (t) => ({
+		name: t,
+		fn: h(({ record: n }) => [r("div", null, [o(v, {
+			value: e.editableData[n.key][t],
+			"onUpdate:value": (r) => e.editableData[n.key][t] = r,
+			style: { margin: "-5px 0" }
+		}, null, 8, ["value", "onUpdate:value"])])])
+	}))]), 1032, ["columns", "data-source"])]);
+}
+var C = /* @__PURE__ */ t(y, [["render", S]]);
+//#endregion
+export { b as n, C as t };

package/dist/AttributeTable-Dztznjrx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeTable-Dztznjrx.js","names":[],"sources":["../src/components/FormRender/AttributeTable/index.vue","../src/components/FormRender/AttributeTable/index.vue"],"sourcesContent":["<template>\n  <div>\n    <a-button size=\"small\" type=\"primary\" @click=\"add_attr\">\n      <template #icon>\n        <plus-outlined/>\n      </template>\n      添加一行\n    </a-button>\n    <a-table\n      size=\"small\"\n      class=\"ant-table-striped attribute-table\"\n      :columns=\"columns\"\n      :data-source=\"dataSource\"\n      bordered\n      :scroll=\"{ y: 200 }\"\n      :pagination=\"false\"\n    >\n      <template v-for=\"col in ['name', 'value']\" #[col]=\"{ record }\" :key=\"col\">\n        <div>\n          <a-input v-model:value=\"editableData[record.key][col]\" style=\"margin: -5px 0\"/>\n        </div>\n      </template>\n      <template #operation=\"{ record }\">\n        <div class=\"editable-row-operations\">\n          <span>\n            <a-popconfirm title=\"确认删除?\" @confirm=\"cancel(record.key)\">\n              <a>删除</a>\n            </a-popconfirm>\n          </span>\n        </div>\n      </template>\n      <template #footer>共{{ dataSource.length }}个属性。</template>\n    </a-table>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { UnwrapRef } from 'vue';\nimport { defineComponent, reactive, ref, watch } from 'vue';\nimport { cloneDeep } from 'lodash-es';\nimport { PlusOutlined } from '@ant-design/icons-vue';\n\nconst columns = [\n  {\n    title: '序号',\n    dataIndex: 'key',\n    width: '10%',\n  },\n  {\n    title: '属性',\n    dataIndex: 'name',\n    width: '40%',\n    slots: { customRender: 'name' },\n  },\n  {\n    title: '值',\n    dataIndex: 'value',\n    width: '40%',\n    slots: { customRender: 'value' },\n  },\n  {\n    title: '操作',\n    dataIndex: 'operation',\n    slots: { customRender: 'operation' },\n  },\n];\n\ninterface DataItem {\n  key: string;\n  name: string;\n  value: string;\n}\n\nexport default defineComponent({\n  name: 'AttributeTable',\n  props: {\n    field: {\n      type: Object,\n      required: true,\n    },\n\n    value: {\n      type: [Array, Object],\n      required: false,\n      default: () => [],\n    },\n    formModel: {\n      type: Object,\n      required: true,\n    },\n    init_model: {\n      type: Object,\n      default: () => {\n      },\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const editableData: UnwrapRef<Record<string, DataItem>> = reactive({});\n    const edit = (key: string) => {\n      editableData[key] = cloneDeep(\n        dataSource.value.filter((item: DataItem) => key === item.key)[0],\n      );\n    };\n\n    const dataSource: any = ref([]);\n    if (props.value && props.value.hasOwnProperty('length')) {\n      props.value.map((item: any, index: number) => {\n        dataSource.value.push({ key: (index + 1).toString(), ...item });\n        edit((index + 1).toString());\n      });\n    }\n\n    const cancel = (key: string) => {\n      dataSource.value = dataSource.value.filter((item: DataItem) => key !== item.key);\n      delete editableData[key];\n    };\n\n    const add_attr = () => {\n      if (dataSource.value.length == 0) {\n        dataSource.value.push({ key: '1', name: '', value: '' });\n        edit('1');\n      } else {\n        const last: DataItem = dataSource.value[dataSource.value.length - 1];\n        const key: string = (Number(last.key) + 1).toString();\n        dataSource.value.push({ key: key, name: '', value: '' });\n        edit(key);\n      }\n    };\n\n    const handleChange = () => {\n      const list = dataSource.value.map((item: DataItem) => {\n        return { name: editableData[item.key].name, value: editableData[item.key].value };\n      });\n      emit('update:value', list);\n    };\n\n    watch(() => editableData, handleChange, {\n      deep: true,\n    });\n\n    return {\n      props,\n      columns,\n      editableData,\n      dataSource,\n      add_attr,\n      cancel,\n    };\n  },\n\n  data() {\n    return {\n      model: this.value,\n    };\n  },\n  components: {\n    PlusOutlined,\n  },\n});\n</script>\n<style lang=\"less\">\n.attribute-table {\n  .ant-table-footer {\n    padding: 5px;\n  }\n}\n</style>\n","<template>\n  <div>\n    <a-button size=\"small\" type=\"primary\" @click=\"add_attr\">\n      <template #icon>\n        <plus-outlined/>\n      </template>\n      添加一行\n    </a-button>\n    <a-table\n      size=\"small\"\n      class=\"ant-table-striped attribute-table\"\n      :columns=\"columns\"\n      :data-source=\"dataSource\"\n      bordered\n      :scroll=\"{ y: 200 }\"\n      :pagination=\"false\"\n    >\n      <template v-for=\"col in ['name', 'value']\" #[col]=\"{ record }\" :key=\"col\">\n        <div>\n          <a-input v-model:value=\"editableData[record.key][col]\" style=\"margin: -5px 0\"/>\n        </div>\n      </template>\n      <template #operation=\"{ record }\">\n        <div class=\"editable-row-operations\">\n          <span>\n            <a-popconfirm title=\"确认删除?\" @confirm=\"cancel(record.key)\">\n              <a>删除</a>\n            </a-popconfirm>\n          </span>\n        </div>\n      </template>\n      <template #footer>共{{ dataSource.length }}个属性。</template>\n    </a-table>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { UnwrapRef } from 'vue';\nimport { defineComponent, reactive, ref, watch } from 'vue';\nimport { cloneDeep } from 'lodash-es';\nimport { PlusOutlined } from '@ant-design/icons-vue';\n\nconst columns = [\n  {\n    title: '序号',\n    dataIndex: 'key',\n    width: '10%',\n  },\n  {\n    title: '属性',\n    dataIndex: 'name',\n    width: '40%',\n    slots: { customRender: 'name' },\n  },\n  {\n    title: '值',\n    dataIndex: 'value',\n    width: '40%',\n    slots: { customRender: 'value' },\n  },\n  {\n    title: '操作',\n    dataIndex: 'operation',\n    slots: { customRender: 'operation' },\n  },\n];\n\ninterface DataItem {\n  key: string;\n  name: string;\n  value: string;\n}\n\nexport default defineComponent({\n  name: 'AttributeTable',\n  props: {\n    field: {\n      type: Object,\n      required: true,\n    },\n\n    value: {\n      type: [Array, Object],\n      required: false,\n      default: () => [],\n    },\n    formModel: {\n      type: Object,\n      required: true,\n    },\n    init_model: {\n      type: Object,\n      default: () => {\n      },\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const editableData: UnwrapRef<Record<string, DataItem>> = reactive({});\n    const edit = (key: string) => {\n      editableData[key] = cloneDeep(\n        dataSource.value.filter((item: DataItem) => key === item.key)[0],\n      );\n    };\n\n    const dataSource: any = ref([]);\n    if (props.value && props.value.hasOwnProperty('length')) {\n      props.value.map((item: any, index: number) => {\n        dataSource.value.push({ key: (index + 1).toString(), ...item });\n        edit((index + 1).toString());\n      });\n    }\n\n    const cancel = (key: string) => {\n      dataSource.value = dataSource.value.filter((item: DataItem) => key !== item.key);\n      delete editableData[key];\n    };\n\n    const add_attr = () => {\n      if (dataSource.value.length == 0) {\n        dataSource.value.push({ key: '1', name: '', value: '' });\n        edit('1');\n      } else {\n        const last: DataItem = dataSource.value[dataSource.value.length - 1];\n        const key: string = (Number(last.key) + 1).toString();\n        dataSource.value.push({ key: key, name: '', value: '' });\n        edit(key);\n      }\n    };\n\n    const handleChange = () => {\n      const list = dataSource.value.map((item: DataItem) => {\n        return { name: editableData[item.key].name, value: editableData[item.key].value };\n      });\n      emit('update:value', list);\n    };\n\n    watch(() => editableData, handleChange, {\n      deep: true,\n    });\n\n    return {\n      props,\n      columns,\n      editableData,\n      dataSource,\n      add_attr,\n      cancel,\n    };\n  },\n\n  data() {\n    return {\n      model: this.value,\n    };\n  },\n  components: {\n    PlusOutlined,\n  },\n});\n</script>\n<style lang=\"less\">\n.attribute-table {\n  .ant-table-footer {\n    padding: 5px;\n  }\n}\n</style>\n"],"mappings":"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"}