hs-admin-ui 1.4.6 → 1.4.7

package/dist/saveForm.vue_vue_type_script_setup_true_lang-A_E2DkZh.mjs

@@ -0,0 +1,268 @@
+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 { e as l } from "./index-CvogViAN.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) => {
+    console.log("configList===>>>", 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 _
+};

package/dist/saveForm.vue_vue_type_script_setup_true_lang-DLQDrh9E.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./index-BDqeoP8l.js");let q={config_name:"",config_unique_id:new Date().getTime().toString()};const v={config_name:[{required:!0,message:"请输入配置名称"}],config_unique_id:[{required:!0,message:"请输入配置标识"}]},k=[{prop:"config_name",label:"配置名称",el:"hs-input",required:!0},{prop:"config_unique_id",label:"配置标识",el:"hs-input",show:!1,required:!0}],x={formData:q,formRule:v,formConfig:k};let y={name:"",config_name:"",config_unique_id:""};const w=[{prop:"name",label:"配置",el:"hs-select",cel:"hs-option",multiple:!1,clearable:!1,op:[]}],b={formData:y,formRule:v,formConfig:r._.concat(w,k)};function B(c,g,s){const d=e.ref({showColon:!0,xs:8,sm:8,md:8,lg:8,xl:8});let f=e.ref(!0),a=e.ref(r._.assign(r._.cloneDeep(b),{formData:{name:"",config_name:"",config_unique_id:new Date().getTime().toString()}}));const _=(n,o)=>{if(o=="name"){let t=r._.cloneDeep(s.configs).find(m=>m.config_unique_id==n);a.value.formData=r._.assign(a.value.formData,{config_name:t.config_name,config_unique_id:t.config_unique_id,id:t.id,update_time:t.update_time}),f.value=!0,c("change",JSON.parse(t.field_json))}},l=n=>{console.log("configList===>>>",n);let o=r._.cloneDeep(b);if(o.formData.name=n[0]&&n[0].config_name||"",o.formData.config_name=n[0]&&n[0].config_name||"",o.formData.config_unique_id=n[0]&&n[0].config_unique_id||new Date().getTime().toString(),o.formData.id=n[0]&&n[0].id||"",o.formData.update_time=n[0]&&n[0].update_time||"",n.length>0){let m=n.map(i=>({label:i.config_name,value:i.config_unique_id,id:i.id,update_time:i.update_time})),h=r._.assign(o.formConfig[0],{op:m});o.formConfig.splice(0,1,h)}a.value=o,f.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"}]};c("change",n.length?JSON.parse(n[0].field_json):t)};return{parentConfig:d,formConfig:a,isEdit:f,saveConfig:async()=>{await g.value.getSubmitData()&&c("save",a.value.formData)},changeConfig:_,initConfig:l,addConfig:()=>{f.value=!1,a.value=r._.cloneDeep(x),a.value.formData.config_unique_id=new Date().getTime().toString(),c("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:()=>{l(r._.cloneDeep(s.configs)),f.value=!0},deleteConfig:()=>{c("delete",a.value.formData.id)}}}const T={class:"flex justify-around items-center"},N={class:"basis-1/4 flex justify-end"},S=e.defineComponent({inheritAttrs:!1,__name:"saveForm",props:{configs:{type:Array,default:[]}},emits:["save","change","delete"],setup(c,{expose:g,emit:s}){const d=c,f=e.ref(),a=s,{parentConfig:_,formConfig:l,isEdit:u,saveConfig:p,changeConfig:C,initConfig:D,addConfig:n,cancel:o,deleteConfig:t}=B(a,f,d);return g({initConfig:D}),(m,h)=>{const i=e.resolveComponent("hs-button");return e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent("bc-form-config"),{class:"basis-3/4",ref_key:"saveFormRef",ref:f,parentConfig:e.unref(_),data:e.unref(l).formData,config:e.unref(l).formConfig,rules:e.unref(l).formRule,watchConfig:!0,onChange:e.unref(C)},null,40,["parentConfig","data","config","rules","onChange"])),e.createElementVNode("div",N,[!e.unref(u)||e.unref(u)&&e.unref(l).formData.config_name?(e.openBlock(),e.createBlock(i,{key:0,onClick:e.unref(p),type:"primary"},{default:e.withCtx(()=>[e.createTextVNode("保存配置")]),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(u)?(e.openBlock(),e.createBlock(i,{key:1,onClick:e.unref(n),type:"primary"},{default:e.withCtx(()=>[e.createTextVNode("新增配置")]),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(u)&&e.unref(l).formData.name?(e.openBlock(),e.createBlock(i,{key:2,onClick:e.unref(t)},{default:e.withCtx(()=>[e.createTextVNode("删除配置")]),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(u)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:3,onClick:e.unref(o)},{default:e.withCtx(()=>[e.createTextVNode("取消")]),_:1},8,["onClick"]))])])}}});exports._sfc_main=S;