hs-admin-ui 1.0.11 → 1.1.1

package/dist/saveForm.vue_vue_type_script_setup_true_lang-CVKzb5XW.mjs

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