liyu-pc-base 1.0.462 → 1.0.464

package/dist/{AttributeNomTable-BV3zeA9I.js → AttributeNomTable-Btcv4dpk.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./chunk-BdsCSvBP.js";
-import { t } from "./_plugin-vue_export-helper-D3hKq4w_.js";
+import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.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";
@@ -132,6 +132,6 @@ function C(e, t, c, u, d, h) {
 		}, null, 8, ["value", "onUpdate:value"])])])
 	}))]), 1032, ["columns", "data-source"])], 64);
 }
-var w = /* @__PURE__ */ t(b, [["render", C]]);
+var w = /*#__PURE__*/ t(b, [["render", C]]);
 //#endregion
 export { x as n, w as t };

package/dist/{AttributeNomTable-BV3zeA9I.js.map → AttributeNomTable-Btcv4dpk.js.map}

@@ -1 +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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"}
+{"version":3,"file":"AttributeNomTable-Btcv4dpk.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 → AttributeTable-HcS2fmlm.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./chunk-BdsCSvBP.js";
-import { t } from "./_plugin-vue_export-helper-D3hKq4w_.js";
+import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.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";
@@ -130,6 +130,6 @@ function S(e, t, s, l, u, m) {
 		}, null, 8, ["value", "onUpdate:value"])])])
 	}))]), 1032, ["columns", "data-source"])]);
 }
-var C = /* @__PURE__ */ t(y, [["render", S]]);
+var C = /*#__PURE__*/ t(y, [["render", S]]);
 //#endregion
 export { b as n, C as t };

package/dist/{AttributeTable-Dztznjrx.js.map → AttributeTable-HcS2fmlm.js.map}

@@ -1 +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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"}
+{"version":3,"file":"AttributeTable-HcS2fmlm.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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"}