hs-admin-ui 5.8.0 → 5.8.2

package/dist/saveForm.vue_vue_type_script_setup_true_lang-DrtIapk2.mjs

@@ -0,0 +1,359 @@
+import { ref, defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createTextVNode, toDisplayString, unref, createElementVNode, createBlock, resolveDynamicComponent, withCtx, createCommentVNode } from "vue";
+import { x as v4, e as _, g as showPopup } from "./index-DvYORydh.mjs";
+import cloneConfigDialog from "./cloneConfigDialog-g5WqqKX2.mjs";
+let formData = {
+  config_name: "",
+  config_unique_id: v4(),
+  // uuidv4,
+  is_auth: "1"
+};
+const formRule = {
+  config_name: [{ required: true, message: "请输入配置名称" }],
+  config_unique_id: [{ required: true, message: "请输入配置标识" }]
+};
+const formConfig = [
+  {
+    prop: "config_name",
+    label: "配置名称",
+    el: "hs-input",
+    required: true
+  },
+  {
+    prop: "config_unique_id",
+    label: "配置标识",
+    el: "hs-input",
+    show: false,
+    required: true
+  },
+  {
+    prop: "is_auth",
+    label: "是否配置权限",
+    el: "hs-switch",
+    attr: { "active-value": "1", "inactive-value": "0" },
+    show: true,
+    required: true
+  }
+];
+const newConfig = {
+  formData,
+  formRule,
+  formConfig
+};
+let selectFormData = {
+  name: "",
+  config_name: "",
+  config_unique_id: "",
+  is_auth: "1"
+};
+const selectFormConfig = [
+  {
+    prop: "name",
+    label: "配置",
+    el: "hs-select",
+    cel: "hs-option",
+    multiple: false,
+    clearable: false,
+    op: [
+      // { label: ' 配置1', value: 'left' },
+      // { label: '配置2', value: 'right' },
+      // { label: '配置3', value: 'top' },
+    ]
+  }
+];
+const selectConfig = {
+  formData: selectFormData,
+  formRule,
+  formConfig: _.concat(selectFormConfig, formConfig)
+};
+function useSaveForm(emits, saveFormRef, props) {
+  const parentConfig = ref({
+    showColon: true,
+    xs: 8,
+    sm: 8,
+    md: 8,
+    lg: 8,
+    xl: 8
+  });
+  let isEdit = ref(true);
+  let formConfig2 = ref(
+    _.assign(_.cloneDeep(selectConfig), {
+      formData: {
+        name: "",
+        config_name: "",
+        config_unique_id: v4()
+        // uuidv4,
+      }
+    })
+  );
+  const changeConfig = (value, type) => {
+    if (type == "name") {
+      let config = _.cloneDeep(props.configs).find((item) => item.config_unique_id == value);
+      formConfig2.value.formData = _.assign(formConfig2.value.formData, {
+        config_name: config.config_name,
+        config_unique_id: config.config_unique_id,
+        id: config.id,
+        update_time: config.update_time,
+        is_auth: config.is_auth + ""
+      });
+      isEdit.value = true;
+      emits("change", JSON.parse(config["field_json"]));
+    }
+  };
+  const initConfig = (configList) => {
+    console.log("configList===>>>", configList);
+    let tempFormConfig = _.cloneDeep(selectConfig);
+    tempFormConfig.formData.name = configList[0] && configList[0].config_name || "";
+    tempFormConfig.formData.config_name = configList[0] && configList[0].config_name || "";
+    tempFormConfig.formData.is_auth = configList[0] && configList[0].is_auth + "" || "1";
+    tempFormConfig.formData.config_unique_id = configList[0] && configList[0].config_unique_id || v4();
+    tempFormConfig.formData.id = configList[0] && configList[0].id || "";
+    tempFormConfig.formData.update_time = configList[0] && configList[0].update_time || "";
+    if (configList.length > 0) {
+      let list = configList.map((item2) => {
+        return { label: item2.config_name, value: item2.config_unique_id, id: item2.id, update_time: item2.update_time, is_auth: item2.is_auth + "" };
+      });
+      let item = _.assign(tempFormConfig.formConfig[0], {
+        op: list
+      });
+      tempFormConfig.formConfig.splice(0, 1, item);
+    }
+    formConfig2.value = tempFormConfig;
+    isEdit.value = true;
+    let initConfig2 = {
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      is_auth: "1",
+      // 是否配置权限
+      BaseForm: {
+        labelWidth: "120",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: false,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: true,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: false,
+        // 是否在输入的时候滚动到错误的地方
+        method: "post"
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3, isShowLabel: true },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    };
+    emits("change", configList.length ? JSON.parse(configList[0]["field_json"]) : initConfig2);
+  };
+  const saveConfig = async () => {
+    let flag = await saveFormRef.value.getSubmitData();
+    if (flag) {
+      emits("save", formConfig2.value.formData);
+    }
+  };
+  const addConfig = () => {
+    isEdit.value = false;
+    formConfig2.value = _.cloneDeep(newConfig);
+    formConfig2.value.formData.config_unique_id = v4();
+    let initConfig2 = {
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      is_auth: "1",
+      BaseForm: {
+        labelWidth: "120",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: false,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: true,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: false,
+        // 是否在输入的时候滚动到错误的地方
+        method: "post"
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3, isShowLabel: true },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    };
+    emits("change", initConfig2);
+  };
+  const cancel = () => {
+    initConfig(_.cloneDeep(props.configs));
+    isEdit.value = true;
+    return;
+  };
+  const deleteConfig = () => {
+    emits("delete", formConfig2.value.formData.id);
+  };
+  const cloneConfig = (config) => {
+    emits("change", config);
+    formConfig2.value = _.cloneDeep(newConfig);
+    formConfig2.value.formData.config_unique_id = v4();
+  };
+  const openCloneDialog = () => {
+    showPopup(cloneConfigDialog, null, {
+      title: "请选择所需配置",
+      mask: true,
+      confirmButtonText: "确定",
+      showFooter: true,
+      async success({ type, close, data }) {
+        if (type == "cancel") {
+          close();
+        } else if (type == "confirm") {
+          let resData = await data();
+          if (resData) {
+            cloneConfig(resData);
+          }
+          close();
+        }
+      }
+    });
+  };
+  return { parentConfig, formConfig: formConfig2, isEdit, saveConfig, changeConfig, initConfig, addConfig, cancel, deleteConfig, openCloneDialog };
+}
+const _hoisted_1 = { class: "flex justify-around items-center" };
+const _hoisted_2 = { class: "basis-1/4 flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "saveForm",
+  props: {
+    configs: {
+      type: Array,
+      default: []
+    }
+  },
+  emits: ["save", "change", "delete"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const saveFormRef = ref();
+    const emits = __emit;
+    const { parentConfig, formConfig: formConfig2, isEdit, saveConfig, changeConfig, initConfig, addConfig, cancel, deleteConfig, openCloneDialog } = useSaveForm(
+      emits,
+      saveFormRef,
+      props
+    );
+    __expose({
+      initConfig
+    });
+    return (_ctx, _cache) => {
+      const _component_hs_button = resolveComponent("hs-button");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createTextVNode(toDisplayString(unref(formConfig2).formData) + " ", 1),
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(), createBlock(resolveDynamicComponent("bc-form-config"), {
+            class: "basis-3/4",
+            ref_key: "saveFormRef",
+            ref: saveFormRef,
+            parentConfig: unref(parentConfig),
+            data: unref(formConfig2).formData,
+            config: unref(formConfig2).formConfig,
+            rules: unref(formConfig2).formRule,
+            watchConfig: true,
+            onChange: unref(changeConfig)
+          }, null, 40, ["parentConfig", "data", "config", "rules", "onChange"])),
+          createElementVNode("div", _hoisted_2, [
+            !unref(isEdit) || unref(isEdit) && unref(formConfig2).formData.config_name ? (openBlock(), createBlock(_component_hs_button, {
+              key: 0,
+              onClick: unref(saveConfig),
+              type: "primary"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("保存配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            unref(isEdit) ? (openBlock(), createBlock(_component_hs_button, {
+              key: 1,
+              onClick: unref(addConfig),
+              type: "primary"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("新增配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !unref(isEdit) ? (openBlock(), createBlock(_component_hs_button, {
+              key: 2,
+              onClick: unref(openCloneDialog)
+            }, {
+              default: withCtx(() => [
+                createTextVNode("复制配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            unref(isEdit) && unref(formConfig2).formData.name ? (openBlock(), createBlock(_component_hs_button, {
+              key: 3,
+              onClick: unref(deleteConfig)
+            }, {
+              default: withCtx(() => [
+                createTextVNode("删除配置")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !unref(isEdit) ? (openBlock(), createBlock(_component_hs_button, {
+              key: 4,
+              onClick: unref(cancel)
+            }, {
+              default: withCtx(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true)
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/saveForm.vue_vue_type_script_setup_true_lang-zwROunct.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./index-EpVRV_uE.js"),a=require("./cloneConfigDialog-8WogKAAf.js");const n={config_name:[{required:!0,message:"请输入配置名称"}],config_unique_id:[{required:!0,message:"请输入配置标识"}]},i=[{prop:"config_name",label:"配置名称",el:"hs-input",required:!0},{prop:"config_unique_id",label:"配置标识",el:"hs-input",show:!1,required:!0},{prop:"is_auth",label:"是否配置权限",el:"hs-switch",attr:{"active-value":"1","inactive-value":"0"},show:!0,required:!0}],t={formData:{config_name:"",config_unique_id:o.v4(),is_auth:"1"},formRule:n,formConfig:i};const r={formData:{name:"",config_name:"",config_unique_id:"",is_auth:"1"},formRule:n,formConfig:o._.concat([{prop:"name",label:"配置",el:"hs-select",cel:"hs-option",multiple:!1,clearable:!1,op:[]}],i)};function l(n,i,l){const f=e.ref({showColon:!0,xs:8,sm:8,md:8,lg:8,xl:8});let c=e.ref(!0),s=e.ref(o._.assign(o._.cloneDeep(r),{formData:{name:"",config_name:"",config_unique_id:o.v4()}}));const u=e=>{let a=o._.cloneDeep(r);if(a.formData.name=e[0]&&e[0].config_name||"",a.formData.config_name=e[0]&&e[0].config_name||"",a.formData.is_auth=e[0]&&e[0].is_auth+""||"1",a.formData.config_unique_id=e[0]&&e[0].config_unique_id||o.v4(),a.formData.id=e[0]&&e[0].id||"",a.formData.update_time=e[0]&&e[0].update_time||"",e.length>0){let n=e.map((e=>({label:e.config_name,value:e.config_unique_id,id:e.id,update_time:e.update_time,is_auth:e.is_auth+""}))),i=o._.assign(a.formConfig[0],{op:n});a.formConfig.splice(0,1,i)}s.value=a,c.value=!0;n("change",e.length?JSON.parse(e[0].field_json):{config_unique_id:"",config_name:"",is_auth:"1",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"}]})};return{parentConfig:f,formConfig:s,isEdit:c,saveConfig:async()=>{await i.value.getSubmitData()&&n("save",s.value.formData)},changeConfig:(e,a)=>{if("name"==a){let a=o._.cloneDeep(l.configs).find((o=>o.config_unique_id==e));s.value.formData=o._.assign(s.value.formData,{config_name:a.config_name,config_unique_id:a.config_unique_id,id:a.id,update_time:a.update_time,is_auth:a.is_auth+""}),c.value=!0,n("change",JSON.parse(a.field_json))}},initConfig:u,addConfig:()=>{c.value=!1,s.value=o._.cloneDeep(t),s.value.formData.config_unique_id=o.v4();n("change",{config_unique_id:"",config_name:"",is_auth:"1",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:()=>{u(o._.cloneDeep(l.configs)),c.value=!0},deleteConfig:()=>{n("delete",s.value.formData.id)},openCloneDialog:()=>{o.showPopup(a.default,null,{title:"请选择所需配置",mask:!0,confirmButtonText:"确定",showFooter:!0,async success({type:e,close:a,data:i}){if("cancel"==e)a();else if("confirm"==e){let e=await i();e&&(n("change",e),s.value=o._.cloneDeep(t),s.value.formData.config_unique_id=o.v4()),a()}}})}}}const f={class:"flex justify-around items-center"},c={class:"basis-1/4 flex justify-end"},s=e.defineComponent({inheritAttrs:!1,__name:"saveForm",props:{configs:{type:Array,default:[]}},emits:["save","change","delete"],setup(o,{expose:a,emit:n}){const i=o,t=e.ref(),r=n,{parentConfig:s,formConfig:u,isEdit:m,saveConfig:d,changeConfig:g,initConfig:_,addConfig:p,cancel:C,deleteConfig:h,openCloneDialog:D}=l(r,t,i);return a({initConfig:_}),(o,a)=>{const n=e.resolveComponent("hs-button");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(e.toDisplayString(e.unref(u).formData)+" ",1),e.createElementVNode("div",f,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent("bc-form-config"),{class:"basis-3/4",ref_key:"saveFormRef",ref:t,parentConfig:e.unref(s),data:e.unref(u).formData,config:e.unref(u).formConfig,rules:e.unref(u).formRule,watchConfig:!0,onChange:e.unref(g)},null,40,["parentConfig","data","config","rules","onChange"])),e.createElementVNode("div",c,[!e.unref(m)||e.unref(m)&&e.unref(u).formData.config_name?(e.openBlock(),e.createBlock(n,{key:0,onClick:e.unref(d),type:"primary"},{default:e.withCtx((()=>[e.createTextVNode("保存配置")])),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createBlock(n,{key:1,onClick:e.unref(p),type:"primary"},{default:e.withCtx((()=>[e.createTextVNode("新增配置")])),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(m)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:2,onClick:e.unref(D)},{default:e.withCtx((()=>[e.createTextVNode("复制配置")])),_:1},8,["onClick"])),e.unref(m)&&e.unref(u).formData.name?(e.openBlock(),e.createBlock(n,{key:3,onClick:e.unref(h)},{default:e.withCtx((()=>[e.createTextVNode("删除配置")])),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.unref(m)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:4,onClick:e.unref(C)},{default:e.withCtx((()=>[e.createTextVNode("取消")])),_:1},8,["onClick"]))])])],64)}}});exports._sfc_main=s;