hs-admin-ui 1.7.6 → 1.7.8

package/dist/saveForm.vue_vue_type_script_setup_true_lang-rO8phEXk.mjs

@@ -0,0 +1,273 @@
+import { ref as D, defineComponent as E, resolveComponent as I, openBlock as u, createElementBlock as R, Fragment as B, createTextVNode as c, toDisplayString as N, unref as o, createElementVNode as S, createBlock as g, resolveDynamicComponent as j, withCtx as p, createCommentVNode as C } from "vue";
+import { e as r } from "./index-DOTG_nZr.mjs";
+let A = {
+  config_name: "",
+  config_unique_id: (/* @__PURE__ */ new Date()).getTime().toString()
+  // new Date().getTime().toString(),
+};
+const F = {
+  config_name: [{ required: !0, message: "请输入配置名称" }],
+  config_unique_id: [{ required: !0, message: "请输入配置标识" }]
+}, T = [
+  {
+    prop: "config_name",
+    label: "配置名称",
+    el: "hs-input",
+    required: !0
+  },
+  {
+    prop: "config_unique_id",
+    label: "配置标识",
+    el: "hs-input",
+    show: !1,
+    required: !0
+  }
+], G = {
+  formData: A,
+  formRule: F,
+  formConfig: T
+};
+let O = {
+  name: "",
+  config_name: "",
+  config_unique_id: ""
+  // new Date().getTime().toString(),
+};
+const P = [
+  {
+    prop: "name",
+    label: "配置",
+    el: "hs-select",
+    cel: "hs-option",
+    multiple: !1,
+    clearable: !1,
+    op: [
+      // { label: ' 配置1', value: 'left' },
+      // { label: '配置2', value: 'right' },
+      // { label: '配置3', value: 'top' },
+    ]
+  }
+], x = {
+  formData: O,
+  formRule: F,
+  formConfig: r.concat(P, T)
+};
+function V(s, h, d) {
+  const b = D({
+    showColon: !0,
+    xs: 8,
+    sm: 8,
+    md: 8,
+    lg: 8,
+    xl: 8
+  });
+  let f = D(!0), a = D(
+    r.assign(r.cloneDeep(x), {
+      formData: {
+        name: "",
+        config_name: "",
+        config_unique_id: (/* @__PURE__ */ new Date()).getTime().toString()
+      }
+    })
+  );
+  const v = (e, n) => {
+    if (n == "name") {
+      let i = r.cloneDeep(d.configs).find((_) => _.config_unique_id == e);
+      a.value.formData = r.assign(a.value.formData, {
+        config_name: i.config_name,
+        config_unique_id: i.config_unique_id,
+        id: i.id,
+        update_time: i.update_time
+      }), f.value = !0, s("change", JSON.parse(i.field_json));
+    }
+  }, t = (e) => {
+    console.log("configList===>>>", e);
+    let n = r.cloneDeep(x);
+    if (n.formData.name = e[0] && e[0].config_name || "", n.formData.config_name = e[0] && e[0].config_name || "", n.formData.config_unique_id = e[0] && e[0].config_unique_id || (/* @__PURE__ */ new Date()).getTime().toString(), n.formData.id = e[0] && e[0].id || "", n.formData.update_time = e[0] && e[0].update_time || "", e.length > 0) {
+      let _ = e.map((l) => ({ label: l.config_name, value: l.config_unique_id, id: l.id, update_time: l.update_time })), w = r.assign(n.formConfig[0], {
+        op: _
+      });
+      n.formConfig.splice(0, 1, w);
+    }
+    a.value = n, f.value = !0;
+    let i = {
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      BaseForm: {
+        labelWidth: "120",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: !1,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: !0,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: !1,
+        // 是否在输入的时候滚动到错误的地方
+        method: "post"
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3, isShowLabel: !0 },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    };
+    s("change", e.length ? JSON.parse(e[0].field_json) : i);
+  };
+  return { parentConfig: b, formConfig: a, isEdit: f, saveConfig: async () => {
+    await h.value.getSubmitData() && s("save", a.value.formData);
+  }, changeConfig: v, initConfig: t, addConfig: () => {
+    f.value = !1, a.value = r.cloneDeep(G), a.value.formData.config_unique_id = (/* @__PURE__ */ new Date()).getTime().toString(), s("change", {
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      BaseForm: {
+        labelWidth: "120",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: !1,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: !0,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: !1,
+        // 是否在输入的时候滚动到错误的地方
+        method: "post"
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3, isShowLabel: !0 },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    });
+  }, cancel: () => {
+    t(r.cloneDeep(d.configs)), f.value = !0;
+  }, deleteConfig: () => {
+    s("delete", a.value.formData.id);
+  } };
+}
+const z = { class: "flex justify-around items-center" }, J = { class: "basis-1/4 flex justify-end" }, K = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "saveForm",
+  props: {
+    configs: {
+      type: Array,
+      default: []
+    }
+  },
+  emits: ["save", "change", "delete"],
+  setup(s, { expose: h, emit: d }) {
+    const b = s, f = D(), a = d, { parentConfig: v, formConfig: t, isEdit: m, saveConfig: q, changeConfig: k, initConfig: y, addConfig: e, cancel: n, deleteConfig: i } = V(
+      a,
+      f,
+      b
+    );
+    return h({
+      initConfig: y
+    }), (_, w) => {
+      const l = I("hs-button");
+      return u(), R(B, null, [
+        c(N(o(t).formData) + " ", 1),
+        S("div", z, [
+          (u(), g(j("bc-form-config"), {
+            class: "basis-3/4",
+            ref_key: "saveFormRef",
+            ref: f,
+            parentConfig: o(v),
+            data: o(t).formData,
+            config: o(t).formConfig,
+            rules: o(t).formRule,
+            watchConfig: !0,
+            onChange: o(k)
+          }, null, 40, ["parentConfig", "data", "config", "rules", "onChange"])),
+          S("div", J, [
+            !o(m) || o(m) && o(t).formData.config_name ? (u(), g(l, {
+              key: 0,
+              onClick: o(q),
+              type: "primary"
+            }, {
+              default: p(() => [
+                c("保存配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : C("", !0),
+            o(m) ? (u(), g(l, {
+              key: 1,
+              onClick: o(e),
+              type: "primary"
+            }, {
+              default: p(() => [
+                c("新增配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : C("", !0),
+            o(m) && o(t).formData.name ? (u(), g(l, {
+              key: 2,
+              onClick: o(i)
+            }, {
+              default: p(() => [
+                c("删除配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : C("", !0),
+            o(m) ? C("", !0) : (u(), g(l, {
+              key: 3,
+              onClick: o(n)
+            }, {
+              default: p(() => [
+                c("取消")
+              ]),
+              _: 1
+            }, 8, ["onClick"]))
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  K as _
+};