@vipl520/dk-ui 1.0.76 → 1.0.78

package/es/table-form/src/table-form.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-form.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/table-form/src/table-form.vue2.mjs

@@ -0,0 +1,250 @@
+import { defineComponent, ref, markRaw, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, unref, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode } from 'vue';
+import formCreate from '@form-create/element-ui';
+import { tableFormProps } from './props.mjs';
+
+const __default__ = defineComponent({
+  name: "DkTableForm"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tableFormProps,
+  emits: ["change", "add", "delete", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const rule = ref([]);
+    const trs = ref([]);
+    const fapi = ref({});
+    const Form = markRaw(props.formCreateInject?.form?.$form() || {});
+    const copyTrs = ref("");
+    const oldValue = ref("");
+    const formChange = (field, _, rule2, api, flag) => {
+      if (!flag) {
+        updateValue();
+      }
+    };
+    const updateValue = () => {
+      const value = trs.value.map((tr, idx) => ({
+        // Vue: Spread types may only be created from object types.
+        ...props.modelValue[idx] || {},
+        ...fapi.value.getChildrenFormData(tr)
+      })).filter((v) => {
+        if (v === void 0 || v === null) {
+          return false;
+        }
+        let flag = false;
+        Object.keys(v).forEach((k) => {
+          flag = flag || v[k] !== void 0 && v[k] !== "" && v[k] !== null;
+        });
+        return flag;
+      });
+      const str = JSON.stringify(value);
+      if (str !== oldValue.value) {
+        oldValue.value = str;
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
+    const setRawData = (idx, formData) => {
+      const raw = trs.value[idx];
+      fapi.value.setChildrenFormData(raw, formData, true);
+    };
+    const updateTable = () => {
+      const str = JSON.stringify(props.modelValue);
+      if (oldValue.value === str) {
+        return;
+      }
+      oldValue.value = str;
+      trs.value.splice(0, trs.value.length, ...props.modelValue.map(() => null));
+      if (!props.modelValue.length) {
+        addRaw();
+      }
+      props.modelValue.forEach((data, idx) => {
+        if (!trs.value[idx]) {
+          addRaw();
+        }
+        setRawData(idx, data);
+      });
+      rule.value[0].children[1].children = trs.value;
+    };
+    const delRaw = (idx) => {
+      if (props.disabled) {
+        return;
+      }
+      trs.value.splice(idx, 1);
+      updateValue();
+      if (trs.value.length) {
+        trs.value.forEach(updateRaw);
+      } else {
+        addRaw();
+      }
+      emit("delete", idx);
+    };
+    const addRaw = (flag = false) => {
+      if (flag && props.disabled) {
+        return;
+      }
+      const tr = formCreate.parseJson(copyTrs.value)[0];
+      trs.value.push(tr);
+      updateRaw(tr);
+      if (flag)
+        emit("add", trs.value.length);
+    };
+    const updateRaw = (tr) => {
+      const idx = trs.value.indexOf(tr);
+      tr.children[0].props.innerText = idx + 1;
+      tr.children[tr.children.length - 1].children[0].props.onClick = () => {
+        delRaw(idx);
+      };
+    };
+    const loadRule = () => {
+      const header = [
+        {
+          type: "th",
+          native: true,
+          class: "dk-tf-head-idx",
+          props: {
+            innerText: "#"
+          }
+        }
+      ];
+      const body = [
+        {
+          type: "td",
+          class: "dk-tf-idx",
+          native: true,
+          props: {
+            innerText: "0"
+          }
+        }
+      ];
+      props.columns.forEach((column) => {
+        header.push({
+          type: "th",
+          native: true,
+          style: column.style,
+          props: {
+            innerText: column.label || ""
+          }
+        });
+        body.push({
+          type: "td",
+          native: true,
+          children: [...column.rule || []]
+        });
+      });
+      header.push({
+        type: "th",
+        native: true,
+        class: "dk-tf-edit fc-clock",
+        props: {
+          innerText: "\u64CD\u4F5C"
+        }
+      });
+      body.push({
+        type: "td",
+        native: true,
+        class: "dk-tf-btn fc-clock",
+        children: [
+          {
+            type: "dk-icon",
+            native: true,
+            class: "fc-icon icon-delete",
+            props: {
+              icon: "DeleteFilled"
+            }
+          }
+        ]
+      });
+      copyTrs.value = formCreate.toJson([
+        {
+          type: "tr",
+          native: true,
+          subRule: true,
+          children: body
+        }
+      ]);
+      rule.value = [
+        {
+          type: "table",
+          native: true,
+          class: "dk-tf-table",
+          props: {
+            border: "1",
+            cellspacing: "0",
+            cellpadding: "0"
+          },
+          children: [
+            {
+              type: "thead",
+              native: true,
+              children: [
+                {
+                  type: "tr",
+                  native: true,
+                  children: header
+                }
+              ]
+            },
+            {
+              type: "tbody",
+              native: true,
+              children: trs.value
+            }
+          ]
+        }
+      ];
+      addRaw();
+    };
+    watch(() => props.modelValue, updateTable, { deep: true });
+    onMounted(() => {
+      loadRule();
+      updateTable();
+    });
+    return (_ctx, _cache) => {
+      const _component_dk_icon = resolveComponent("dk-icon");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["dk-table-form", { "dk-disabled": _ctx.disabled }])
+        },
+        [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(Form)), {
+            api: fapi.value,
+            "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fapi.value = $event),
+            option: _ctx.options,
+            rule: rule.value,
+            "extend-option": true,
+            disabled: _ctx.disabled,
+            onChange: formChange,
+            onEmitEvent: _ctx.$emit
+          }, null, 40, ["api", "option", "rule", "disabled", "onEmitEvent"])),
+          !_ctx.max || _ctx.max > trs.value.length ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            link: "",
+            type: "primary",
+            class: "fc-clock",
+            onClick: _cache[1] || (_cache[1] = ($event) => addRaw(true))
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", null, [
+                createVNode(_component_dk_icon, {
+                  icon: "CirclePlusFilled",
+                  size: 14
+                }),
+                createTextVNode(" \u6DFB\u52A0")
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=table-form.vue2.mjs.map

package/es/table-form/src/table-form.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-form.vue2.mjs","sources":["../../../src/table-form/src/table-form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTableForm',\n});\n</script>\n<template>\n  <div class=\"dk-table-form\" :class=\"{ 'dk-disabled': disabled }\">\n    <component\n      :is=\"Form\"\n      v-model:api=\"fapi\"\n      :option=\"options\"\n      :rule=\"rule\"\n      :extend-option=\"true\"\n      :disabled=\"disabled\"\n      @change=\"formChange\"\n      @emit-event=\"$emit\"\n    ></component>\n    <el-button v-if=\"!max || max > trs.length\" link type=\"primary\" class=\"fc-clock\" @click=\"addRaw(true)\">\n      <span> <dk-icon icon=\"CirclePlusFilled\" :size=\"14\"></dk-icon> 添加</span>\n    </el-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch, onMounted, markRaw } from 'vue'\nimport formCreate from '@form-create/element-ui' // 根据实际情况调整导入路径\nimport { tableFormProps } from './props'\n\n\n\nconst props = defineProps(tableFormProps)\n\n// 定义事件发射器\nconst emit = defineEmits(['change', 'add', 'delete', 'update:modelValue'])\n\n// 初始化数据\nconst rule: any = ref([])\n// const trs = ref([])\nconst trs = ref<((typeof props.modelValue)[number] | null)[]>([])\nconst fapi: any = ref({})\nconst Form = markRaw(props.formCreateInject?.form?.$form() || {})\nconst copyTrs = ref('')\nconst oldValue = ref('')\n\n// 方法定义\nconst formChange = (field: any, _: any, rule: any, api: any, flag: boolean) => {\n  if (!flag) {\n    updateValue()\n  }\n}\n\nconst updateValue = () => {\n  const value = trs.value\n    .map((tr: any, idx: number) => ({\n      // Vue: Spread types may only be created from object types.\n      ...((props.modelValue[idx] as Record<string, any>) || {}),\n      ...fapi.value.getChildrenFormData(tr),\n    }))\n    .filter((v) => {\n      if (v === undefined || v === null) {\n        return false\n      }\n      let flag = false\n      Object.keys(v).forEach((k) => {\n        flag = flag || (v[k] !== undefined && v[k] !== '' && v[k] !== null)\n      })\n      return flag\n    })\n\n  const str = JSON.stringify(value)\n  if (str !== oldValue.value) {\n    oldValue.value = str\n    emit('update:modelValue', value)\n    emit('change', value)\n  }\n}\n\nconst setRawData = (idx: number, formData: any) => {\n  const raw = trs.value[idx]\n  fapi.value.setChildrenFormData(raw, formData, true)\n}\n\nconst updateTable = () => {\n  const str = JSON.stringify(props.modelValue)\n  // 定义 trs 的类型为 modelValue 中元素的类型或 null\n  if (oldValue.value === str) {\n    return\n  }\n  oldValue.value = str\n  // trs.value.splice(0, trs.value.length, ...props.modelValue.map(() => null))\n  trs.value.splice(0, trs.value.length, ...props.modelValue.map(() => null as any))\n  if (!props.modelValue.length) {\n    addRaw()\n  }\n  props.modelValue.forEach((data: any, idx: number) => {\n    if (!trs.value[idx]) {\n      addRaw()\n    }\n    setRawData(idx, data)\n  })\n  rule.value[0].children[1].children = trs.value\n}\n\nconst delRaw = (idx: number) => {\n  if (props.disabled) {\n    return\n  }\n  trs.value.splice(idx, 1)\n  updateValue()\n  if (trs.value.length) {\n    trs.value.forEach(updateRaw)\n  } else {\n    addRaw()\n  }\n  emit('delete', idx)\n}\n\nconst addRaw = (flag: boolean = false) => {\n  if (flag && props.disabled) {\n    return\n  }\n  const tr = formCreate.parseJson(copyTrs.value)[0]\n  trs.value.push(tr)\n  updateRaw(tr)\n  if (flag) emit('add', trs.value.length)\n}\n\nconst updateRaw = (tr: any) => {\n  const idx = trs.value.indexOf(tr)\n  tr.children[0].props.innerText = idx + 1\n  tr.children[tr.children.length - 1].children[0].props.onClick = () => {\n    delRaw(idx)\n  }\n}\n\nconst loadRule = () => {\n  const header: any = [\n    {\n      type: 'th',\n      native: true,\n      class: 'dk-tf-head-idx',\n      props: {\n        innerText: '#',\n      },\n    },\n  ]\n  const body: any = [\n    {\n      type: 'td',\n      class: 'dk-tf-idx',\n      native: true,\n      props: {\n        innerText: '0',\n      },\n    },\n  ]\n\n  props.columns.forEach((column: any) => {\n    header.push({\n      type: 'th',\n      native: true,\n      style: column.style,\n      props: {\n        innerText: column.label || '',\n      },\n    })\n    body.push({\n      type: 'td',\n      native: true,\n      children: [...(column.rule || [])],\n    })\n  })\n\n  header.push({\n    type: 'th',\n    native: true,\n    class: 'dk-tf-edit fc-clock',\n    props: {\n      innerText: '操作',\n    },\n  })\n\n  body.push({\n    type: 'td',\n    native: true,\n    class: 'dk-tf-btn fc-clock',\n    children: [\n      {\n        type: 'dk-icon',\n        native: true,\n        class: 'fc-icon icon-delete',\n        props: {\n          icon: 'DeleteFilled',\n        },\n      },\n    ],\n  })\n\n  copyTrs.value = formCreate.toJson([\n    {\n      type: 'tr',\n      native: true,\n      subRule: true,\n      children: body,\n    },\n  ])\n\n  rule.value = [\n    {\n      type: 'table',\n      native: true,\n      class: 'dk-tf-table',\n      props: {\n        border: '1',\n        cellspacing: '0',\n        cellpadding: '0',\n      },\n      children: [\n        {\n          type: 'thead',\n          native: true,\n          children: [\n            {\n              type: 'tr',\n              native: true,\n              children: header,\n            },\n          ],\n        },\n        {\n          type: 'tbody',\n          native: true,\n          children: trs.value,\n        },\n      ],\n    },\n  ]\n\n  addRaw()\n}\n\n// 监听和生命周期钩子\nwatch(() => props.modelValue, updateTable, { deep: true })\n\nonMounted(() => {\n  loadRule()\n  updateTable()\n})\n</script>\n"],"names":["__MACROS_defineComponent","rule"],"mappings":"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"}

package/es/table-form/style/index.css

@@ -0,0 +1 @@
+.dk-table-form{overflow:auto;color:#666}.dk-table-form .form-create .el-form-item{margin-bottom:1px}.dk-table-form .form-create .el-form-item.is-error{margin-bottom:22px}.dk-table-form .form-create .el-form-item__label{display:none!important}.dk-table-form .form-create .el-form-item__content{display:flex;margin-left:0!important;width:100%!important}.dk-table-form .dk-tf-head-idx,.dk-table-form .dk-tf-idx{width:40px;min-width:40px;font-weight:500;text-align:center}.dk-table-form .dk-tf-btn,.dk-table-form .dk-tf-edit{width:70px;min-width:70px;text-align:center}.dk-table-form .dk-tf-btn .fc-icon,.dk-table-form .dk-tf-edit .fc-icon{cursor:pointer}.dk-table-form.dk-disabled .dk-tf-btn .fc-icon,.dk-table-form.dk-disabled>.el-button{cursor:not-allowed}.dk-table-form .dk-tf-table{width:100%;height:100%;overflow:hidden;table-layout:fixed;border:1px solid #ebeef5;border-bottom:0 none}.dk-table-form .dk-tf-table thead tr th{border:0 none;border-bottom:1px solid #ebeef5;height:40px;font-weight:500}.dk-table-form .dk-tf-table thead tr th:not(:first-child){border-left:1px solid #ebeef5}.dk-table-form .dk-tf-table tr{min-height:50px}.dk-table-form .dk-tf-table .dk-read-view{text-align:center;width:100%}.dk-table-form .dk-tf-table td{padding:5px;min-height:50px;min-width:80px;position:relative;box-sizing:border-box;overflow-wrap:break-word;overflow:hidden;border:0 none;border-bottom:1px solid #ebeef5}.dk-table-form .dk-tf-table td:not(:first-child){border-left:1px solid #ebeef5}.dk-table-form .dk-tf-table td .el-cascader,.dk-table-form .dk-tf-table td .el-date-editor,.dk-table-form .dk-tf-table td .el-input-number,.dk-table-form .dk-tf-table td .el-select,.dk-table-form .dk-tf-table td .el-slider{width:100%}

package/es/table-form/style/index.scss

@@ -0,0 +1,110 @@
+/* stylelint-disable */
+.dk-table-form {
+  overflow: auto;
+  color: #666666;
+
+  .form-create {
+    .el-form-item {
+      margin-bottom: 1px;
+
+      &.is-error {
+        margin-bottom: 22px;
+      }
+
+      &__label {
+        display: none !important;
+      }
+
+      &__content {
+        display: flex;
+        margin-left: 0px !important;
+        width: 100% !important;
+      }
+    }
+  }
+
+  .dk-tf-head-idx,
+  .dk-tf-idx {
+    width: 40px;
+    min-width: 40px;
+    font-weight: 500;
+    text-align: center;
+  }
+
+  .dk-tf-edit,
+  .dk-tf-btn {
+    width: 70px;
+    min-width: 70px;
+    text-align: center;
+
+    .fc-icon {
+      cursor: pointer;
+    }
+  }
+
+  &.dk-disabled {
+    .dk-tf-btn .fc-icon,
+    > .el-button {
+      cursor: not-allowed;
+    }
+  }
+
+  .dk-tf-table {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    table-layout: fixed;
+    border: 1px solid #ebeef5;
+    border-bottom: 0 none;
+
+    thead {
+      tr {
+        th {
+          border: 0 none;
+          border-bottom: 1px solid #ebeef5;
+          height: 40px;
+          font-weight: 500;
+
+          &:not(:first-child) {
+            border-left: 1px solid #ebeef5;
+          }
+        }
+      }
+    }
+
+    tr {
+      min-height: 50px;
+    }
+
+    .dk-read-view {
+      text-align: center;
+      width: 100%;
+    }
+
+    td {
+      padding: 5px;
+      min-height: 50px;
+      min-width: 80px;
+      position: relative;
+      box-sizing: border-box;
+      overflow-wrap: break-word;
+      // white-space: nowrap;
+      overflow: hidden;
+      border: 0 none;
+      border-bottom: 1px solid #ebeef5;
+
+      &:not(:first-child) {
+        border-left: 1px solid #ebeef5;
+      }
+
+      .el-input-number,
+      .el-select,
+      .el-slider,
+      .el-cascader,
+      .el-date-editor {
+        width: 100%;
+      }
+    }
+  }
+}
+/* stylelint-enable */

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import type { App } from 'vue';
 export * from './tiny-editor';
 export * from './icon';
 export * from './group';
+export * from './table-form';
 export * from './color-input';
 export * from './hot-area-input';
 export * from './form';