hs-admin-ui 5.8.0 → 5.8.2

package/dist/hsBtnItemConfig.vue_vue_type_script_setup_true_lang-C-mamdEZ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./index-EpVRV_uE.js");const n=e.defineComponent({__name:"hsBtnItemConfig",props:e.mergeModels({config:{type:Object,default:()=>{}}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:t}){const o=e.useModel(n,"modelValue"),l=e.ref(),{parentConfig:r,requestData:u,onChangeItem:s,getSubmitData:i}=function(n,t){const o=e.ref({labelWidth:150,span:24,minWidth:350,style:"padding:5px 10px"});let l=e.ref({url:"/scmp-web/pri/btn_config/get_btn_config_page_list",value_key:"btn_label",params:{btn_name:"",project_code:""},qry_key:"btn_name"});return e.onMounted((()=>{let e=a.Session.get("CURRENT_SYSTEM"),n=l.value.params;n.project_code=e.project_code||"",l.value=a._.assign(l.value,{params:n})})),{parentConfig:o,requestData:l,onChangeItem:e=>{n.value=a._.assign(n.value,JSON.parse(e.json_data),{field_id:e.id}),console.debug("handleSelect",n.value)},getSubmitData:async()=>await t.value.getSubmitData()}}(o,l);return t({getSubmitData:i}),(t,i)=>{const c=e.resolveComponent("bc-auto-complete");return e.openBlock(),e.createBlock(e.resolveDynamicComponent("bc-form-config"),{ref_key:"baseConfigRef",ref:l,parentConfig:e.unref(r),data:o.value,config:n.config.list,rules:n.config.rules},{key:e.withCtx((()=>[e.createVNode(c,{url:e.unref(u).url,qry_key:e.unref(u).qry_key,params:e.unref(u).params,type:"btn",modelValue:o.value.key,"onUpdate:modelValue":i[0]||(i[0]=e=>o.value.key=e),onChange:e.unref(s),value_key:e.unref(u).value_key},null,8,["url","qry_key","params","modelValue","onChange","value_key"])])),btnIcon:e.withCtx((()=>[e.createVNode(a._sfc_main$1,{placeholder:"请选择图标",clearable:"",isShowPrepend:!1,modelValue:o.value.btnIcon,"onUpdate:modelValue":i[1]||(i[1]=e=>o.value.btnIcon=e),title:""},null,8,["modelValue"])])),_:1},8,["parentConfig","data","config","rules"])}}});exports._sfc_main=n;

package/dist/hsBtnPanel-Bu-SZ8R7.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-YG9P2R37.mjs";
+export {
+  _sfc_main as default
+};

package/dist/hsBtnPanel-Dynn2qmh.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-CtCgFaLI.js");exports.default=e._sfc_main;

package/dist/hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-CtCgFaLI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./hsBtnConfigList-rBDlug-N.js"),o=require("./hsAttrBtn.vue_vue_type_script_setup_true_lang-DEUjTNjE.js"),n=require("./hsExpand.vue_vue_type_script_setup_true_lang-Bk6YB4xv.js"),t=require("./baseBtnConfig-CIYKz-TG.js"),a=require("./index-EpVRV_uE.js"),u={class:"mx-auto flex flex-row h-full"},r={class:"flex-1 grow overflow-y-auto"},s={key:0,class:"flex-none basis-1/2 ml-4"},i=e.defineComponent({name:"formPanel"}),c=e.defineComponent({...i,props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(i){const c=e.useModel(i,"modelValue"),d=e.ref({visible:!0,subTitle:"按钮配置",class:"font-bold my-3",iconSize:20});let m=e.ref(a._.cloneDeep(t.emptyBtnItemData));const p=e=>{m.value=e};return(t,a)=>(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",r,[e.createVNode(n._sfc_main,{modelValue:d.value.visible,"onUpdate:modelValue":a[0]||(a[0]=e=>d.value.visible=e),expandConfig:d.value,data:c.value,"onUpdate:data":a[1]||(a[1]=e=>c.value=e),popover:"",type:"buttonConfig"},null,8,["modelValue","expandConfig","data"]),d.value.visible?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.default),{key:0,modelValue:c.value,"onUpdate:modelValue":a[2]||(a[2]=e=>c.value=e),current:e.unref(m),onChose:p},null,40,["modelValue","current"])):e.createCommentVNode("",!0)]),(c.value||[]).length>0&&e.unref(m).id?(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{btnList:c.value,current:e.unref(m)},null,8,["btnList","current"]))])):e.createCommentVNode("",!0)]))}});exports._sfc_main=c;

package/dist/hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-YG9P2R37.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, useModel, ref, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, createCommentVNode } from "vue";
+import hsBtnConfigList from "./hsBtnConfigList-35WK8EgC.mjs";
+import { _ as _sfc_main$2 } from "./hsAttrBtn.vue_vue_type_script_setup_true_lang-D4GPbRiE.mjs";
+import { _ as _sfc_main$1 } from "./hsExpand.vue_vue_type_script_setup_true_lang-BgrNL723.mjs";
+import { e as emptyBtnItemData } from "./baseBtnConfig-BKv407ZT.mjs";
+import { e as _ } from "./index-DvYORydh.mjs";
+const _hoisted_1 = { class: "mx-auto flex flex-row h-full" };
+const _hoisted_2 = { class: "flex-1 grow overflow-y-auto" };
+const _hoisted_3 = {
+  key: 0,
+  class: "flex-none basis-1/2 ml-4"
+};
+const __default__ = defineComponent({
+  name: "formPanel"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    "modelValue": {},
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const btnsConfig = useModel(__props, "modelValue");
+    const btnTitleConfig = ref({
+      visible: true,
+      subTitle: "按钮配置",
+      class: "font-bold my-3",
+      iconSize: 20
+    });
+    let currentItem = ref(_.cloneDeep(emptyBtnItemData));
+    const onChoseItem = (item) => {
+      currentItem.value = item;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            modelValue: btnTitleConfig.value.visible,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => btnTitleConfig.value.visible = $event),
+            expandConfig: btnTitleConfig.value,
+            data: btnsConfig.value,
+            "onUpdate:data": _cache[1] || (_cache[1] = ($event) => btnsConfig.value = $event),
+            popover: "",
+            type: "buttonConfig"
+          }, null, 8, ["modelValue", "expandConfig", "data"]),
+          btnTitleConfig.value.visible ? (openBlock(), createBlock(resolveDynamicComponent(hsBtnConfigList), {
+            key: 0,
+            modelValue: btnsConfig.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => btnsConfig.value = $event),
+            current: unref(currentItem),
+            onChose: onChoseItem
+          }, null, 40, ["modelValue", "current"])) : createCommentVNode("", true)
+        ]),
+        (btnsConfig.value || []).length > 0 && !!unref(currentItem).id ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$2), {
+            btnList: btnsConfig.value,
+            current: unref(currentItem)
+          }, null, 8, ["btnList", "current"]))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/hsExpand-C4tDA2pk.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hsExpand.vue_vue_type_script_setup_true_lang-Bk6YB4xv.js");exports.default=e._sfc_main;

package/dist/hsExpand-CKak76Fd.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./hsExpand.vue_vue_type_script_setup_true_lang-BgrNL723.mjs";
+export {
+  _sfc_main as default
+};

package/dist/hsExpand.vue_vue_type_script_setup_true_lang-BgrNL723.mjs

@@ -0,0 +1,274 @@
+import { defineComponent, mergeModels, useModel, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, unref, normalizeClass, createVNode, toDisplayString, createTextVNode, createElementBlock } from "vue";
+import { e as _, d as ElMessage, E as ElMessageBox, x as v4, S as Session } from "./index-DvYORydh.mjs";
+function useExpand(visible) {
+  const toggleExpand = () => {
+    visible.value = !visible.value;
+  };
+  return {
+    toggleExpand
+  };
+}
+const _hoisted_1 = { class: "flex h-full" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "hsExpand",
+  props: /* @__PURE__ */ mergeModels({
+    expandConfig: {
+      type: Object,
+      default: () => {
+        return {
+          iconSize: 18,
+          subTitle: "",
+          class: ""
+        };
+      }
+    },
+    // 是否启用popover
+    popover: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    type: {
+      type: String,
+      default: ""
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const oldData = ref({});
+    const { toggleExpand } = useExpand(visible);
+    const copyConfig = async () => {
+      console.log("copyConfig", props.data);
+      try {
+        let data = _.cloneDeep(props.data);
+        await navigator.clipboard.writeText(JSON.stringify({ type: props.type, data }));
+        ElMessage.success("复制成功");
+      } catch (error) {
+        console.error("复制失败:", error);
+        ElMessage.warning("复制失败");
+      }
+    };
+    const restoreConfig = async () => {
+      console.log("restoreConfig", oldData.value, props.data);
+      ElMessageBox.confirm("还原会覆盖当前配置，是否继续？", "还原确认", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(async () => {
+        Object.assign(props.data, _.cloneDeep(oldData.value));
+        ElMessage.success("还原成功");
+      }).catch((err) => {
+        console.log("err", err);
+      });
+    };
+    const pasteConfig = () => {
+      ElMessageBox.confirm("粘贴会覆盖当前配置，是否继续？", "粘贴确认", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(async () => {
+        oldData.value = _.cloneDeep(props.data);
+        console.log("pasteConfig", oldData.value, props.data);
+        try {
+          const text = await navigator.clipboard.readText();
+          console.log("text", text);
+          if (text) {
+            const { type, data } = JSON.parse(text);
+            if (type === props.type) {
+              if (props.type == "formItemConfig") {
+                let newData = resetDataId(data);
+                formItemConfigMerge(props.data, newData);
+                ElMessage.success("粘贴成功");
+                return;
+              }
+              if (Array.isArray(data)) {
+                dataMerge(props.data, resetDataId(data));
+                ElMessage.success("粘贴成功");
+                return;
+              }
+              if (typeof data === "object") {
+                Object.assign(props.data, dataReplacement(data));
+                emit("update", { type: props.type, data: _.cloneDeep(props.data) });
+                ElMessage.success("粘贴成功");
+                return;
+              }
+            } else {
+              ElMessage.error("粘贴失败，类型不匹配");
+            }
+          } else {
+            ElMessage.error("粘贴失败, 数据格式错误");
+          }
+        } catch (error) {
+          console.error("粘贴失败:", error);
+          ElMessage.error("粘贴失败");
+        }
+      }).catch((err) => {
+        console.log("err", err);
+      });
+    };
+    const dataReplacement = (obj, arrKey = ["formConfig"], key = ["id"]) => {
+      if (typeof obj == "object") {
+        for (let k in obj) {
+          if (arrKey.includes(k)) {
+            if (Array.isArray(obj[k])) {
+              formattArr(obj[k], key);
+            } else if (typeof obj[k] === "object") {
+              dataReplacement(obj[k], arrKey, key);
+            }
+          } else if (typeof obj[k] === "object") {
+            dataReplacement(obj[k], arrKey, key);
+          } else if (key.includes(k)) {
+            obj[k] = v4();
+          }
+        }
+      }
+      return obj;
+    };
+    const formattArr = (arr, key = ["id"]) => {
+      if (Array.isArray(arr)) {
+        return arr.forEach((item) => {
+          if (typeof item === "object") {
+            key.forEach((k) => {
+              if (item[k]) {
+                item[k] = v4();
+              }
+            });
+          }
+          return item;
+        });
+      }
+      return arr;
+    };
+    const dataMerge = (oldData2, newData, key = "key") => {
+      let arr = _.compact(_.map(_.map(oldData2, "data"), key));
+      let newArr = newData.filter((item) => {
+        return !arr.includes(item.data[key]);
+      });
+      oldData2.push(...newArr);
+    };
+    const resetDataId = (data, key = "id") => {
+      if (Array.isArray(data)) {
+        return data.map((item) => {
+          if (item[key]) {
+            item[key] = v4();
+          }
+          if (typeof item === "object") {
+            if (item[key]) {
+              item[key] = v4();
+            }
+          }
+          return item;
+        });
+      }
+      return data;
+    };
+    const formItemConfigMerge = (oldData2, newData) => {
+      let systemData = Session.get("CURRENT_SYSTEM");
+      let arr = _.compact(_.map(_.map(oldData2, "data"), "elementItem[0].baseData.prop"));
+      let newArr = newData.filter((item) => {
+        return !arr.some((it) => it == item.data.elementItem[0].baseData.prop);
+      });
+      newArr.forEach((item) => {
+        replaceProxy(item, systemData);
+      });
+      oldData2.push(...newArr);
+    };
+    const propListAttr = ["hs-select", "hs-tree-select"];
+    const propListGroupAttr = ["hs-radio", "hs-checkbox"];
+    const replaceProxy = (obj, systemData) => {
+      if (propListAttr.includes(obj.data.elementItem[0].baseData.el) && obj.data.elementItem[0].elData.attrs && obj.data.elementItem[0].elData.attrs.proxy && obj.data.elementItem[0].elData.attrs.proxy != systemData.project_url) {
+        obj.data.elementItem[0].elData.attrs.proxy = systemData.project_url;
+      }
+      if (propListGroupAttr.includes(obj.data.elementItem[0].baseData.el) && obj.data.elementItem[0].elData.groupAttrs && obj.data.elementItem[0].elData.groupAttrs.proxy && obj.data.elementItem[0].elData.groupAttrs.proxy != systemData.project_url) {
+        obj.data.elementItem[0].elData.groupAttrs.proxy = systemData.project_url;
+      }
+      return obj;
+    };
+    return (_ctx, _cache) => {
+      const _component_hs_button = resolveComponent("hs-button");
+      const _component_svgIcon = resolveComponent("svgIcon");
+      const _component_el_popover = resolveComponent("el-popover");
+      return __props.popover && __props.type ? (openBlock(), createBlock(_component_el_popover, {
+        key: 0,
+        placement: "top-end",
+        width: "auto",
+        trigger: "hover"
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(toggleExpand) && unref(toggleExpand)(...args)),
+            class: normalizeClass(["flex align-center cursor-pointer hover:bg-red-200", __props.expandConfig.class])
+          }, [
+            createVNode(_component_svgIcon, {
+              class: "pt-1",
+              name: visible.value ? "ele-CaretBottom" : "ele-CaretRight",
+              size: __props.expandConfig.iconSize || 18
+            }, null, 8, ["name", "size"]),
+            createElementVNode("div", null, toDisplayString(__props.expandConfig["subTitle"]), 1)
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_hs_button, {
+              size: "small",
+              round: "",
+              onClick: copyConfig
+            }, {
+              default: withCtx(() => [
+                createTextVNode("复制配置")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_hs_button, {
+              size: "small",
+              round: "",
+              onClick: pasteConfig
+            }, {
+              default: withCtx(() => [
+                createTextVNode("粘贴配置")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_hs_button, {
+              size: "small",
+              round: "",
+              onClick: restoreConfig
+            }, {
+              default: withCtx(() => [
+                createTextVNode("还原配置")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      })) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        onClick: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(toggleExpand) && unref(toggleExpand)(...args)),
+        class: normalizeClass(["flex align-center cursor-pointer hover:bg-red-200", __props.expandConfig.class])
+      }, [
+        createVNode(_component_svgIcon, {
+          class: "pt-1",
+          name: visible.value ? "ele-CaretBottom" : "ele-CaretRight",
+          size: __props.expandConfig.iconSize || 18
+        }, null, 8, ["name", "size"]),
+        createElementVNode("div", null, toDisplayString(__props.expandConfig["subTitle"]), 1)
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/hsExpand.vue_vue_type_script_setup_true_lang-Bk6YB4xv.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./index-EpVRV_uE.js");const a={class:"flex h-full"},o=e.defineComponent({__name:"hsExpand",props:e.mergeModels({expandConfig:{type:Object,default:()=>({iconSize:18,subTitle:"",class:""})},popover:{type:Boolean,default:!1},data:{type:Object,default:()=>{}},type:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update"],["update:modelValue"]),setup(o,{emit:r}){const l=o,n=r,s=e.useModel(o,"modelValue"),c=e.ref({}),{toggleExpand:i}=function(e){return{toggleExpand:()=>{e.value=!e.value}}}(s),d=async()=>{l.data;try{let e=t._.cloneDeep(l.data);await navigator.clipboard.writeText(JSON.stringify({type:l.type,data:e})),t.ElMessage.success("复制成功")}catch(e){console.error("复制失败:",e),t.ElMessage.warning("复制失败")}},p=async()=>{c.value,l.data,t.ElMessageBox.confirm("还原会覆盖当前配置，是否继续？","还原确认",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((async()=>{Object.assign(l.data,t._.cloneDeep(c.value)),t.ElMessage.success("还原成功")})).catch((e=>{}))},u=()=>{t.ElMessageBox.confirm("粘贴会覆盖当前配置，是否继续？","粘贴确认",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((async()=>{c.value=t._.cloneDeep(l.data),c.value,l.data;try{const e=await navigator.clipboard.readText();if(e){const{type:a,data:o}=JSON.parse(e);if(a===l.type){if("formItemConfig"==l.type){let e=y(o);return x(l.data,e),void t.ElMessage.success("粘贴成功")}if(Array.isArray(o))return g(l.data,y(o)),void t.ElMessage.success("粘贴成功");if("object"==typeof o)return Object.assign(l.data,m(o)),n("update",{type:l.type,data:t._.cloneDeep(l.data)}),void t.ElMessage.success("粘贴成功")}else t.ElMessage.error("粘贴失败，类型不匹配")}else t.ElMessage.error("粘贴失败, 数据格式错误")}catch(e){console.error("粘贴失败:",e),t.ElMessage.error("粘贴失败")}})).catch((e=>{}))},m=(e,a=["formConfig"],o=["id"])=>{if("object"==typeof e)for(let r in e)a.includes(r)?Array.isArray(e[r])?f(e[r],o):"object"==typeof e[r]&&m(e[r],a,o):"object"==typeof e[r]?m(e[r],a,o):o.includes(r)&&(e[r]=t.v4());return e},f=(e,a=["id"])=>Array.isArray(e)?e.forEach((e=>("object"==typeof e&&a.forEach((a=>{e[a]&&(e[a]=t.v4())})),e))):e,g=(e,a,o="key")=>{let r=t._.compact(t._.map(t._.map(e,"data"),o)),l=a.filter((e=>!r.includes(e.data[o])));e.push(...l)},y=(e,a="id")=>Array.isArray(e)?e.map((e=>(e[a]&&(e[a]=t.v4()),"object"==typeof e&&e[a]&&(e[a]=t.v4()),e))):e,x=(e,a)=>{let o=t.Session.get("CURRENT_SYSTEM"),r=t._.compact(t._.map(t._.map(e,"data"),"elementItem[0].baseData.prop")),l=a.filter((e=>!r.some((t=>t==e.data.elementItem[0].baseData.prop))));l.forEach((e=>{C(e,o)})),e.push(...l)},v=["hs-select","hs-tree-select"],h=["hs-radio","hs-checkbox"],C=(e,t)=>(v.includes(e.data.elementItem[0].baseData.el)&&e.data.elementItem[0].elData.attrs&&e.data.elementItem[0].elData.attrs.proxy&&e.data.elementItem[0].elData.attrs.proxy!=t.project_url&&(e.data.elementItem[0].elData.attrs.proxy=t.project_url),h.includes(e.data.elementItem[0].baseData.el)&&e.data.elementItem[0].elData.groupAttrs&&e.data.elementItem[0].elData.groupAttrs.proxy&&e.data.elementItem[0].elData.groupAttrs.proxy!=t.project_url&&(e.data.elementItem[0].elData.groupAttrs.proxy=t.project_url),e);return(t,r)=>{const l=e.resolveComponent("hs-button"),n=e.resolveComponent("svgIcon"),c=e.resolveComponent("el-popover");return o.popover&&o.type?(e.openBlock(),e.createBlock(c,{key:0,placement:"top-end",width:"auto",trigger:"hover"},{reference:e.withCtx((()=>[e.createElementVNode("div",{onClick:r[0]||(r[0]=(...t)=>e.unref(i)&&e.unref(i)(...t)),class:e.normalizeClass(["flex align-center cursor-pointer hover:bg-red-200",o.expandConfig.class])},[e.createVNode(n,{class:"pt-1",name:s.value?"ele-CaretBottom":"ele-CaretRight",size:o.expandConfig.iconSize||18},null,8,["name","size"]),e.createElementVNode("div",null,e.toDisplayString(o.expandConfig.subTitle),1)],2)])),default:e.withCtx((()=>[e.createElementVNode("div",a,[e.createVNode(l,{size:"small",round:"",onClick:d},{default:e.withCtx((()=>[e.createTextVNode("复制配置")])),_:1}),e.createVNode(l,{size:"small",round:"",onClick:u},{default:e.withCtx((()=>[e.createTextVNode("粘贴配置")])),_:1}),e.createVNode(l,{size:"small",round:"",onClick:p},{default:e.withCtx((()=>[e.createTextVNode("还原配置")])),_:1})])])),_:1})):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:r[1]||(r[1]=(...t)=>e.unref(i)&&e.unref(i)(...t)),class:e.normalizeClass(["flex align-center cursor-pointer hover:bg-red-200",o.expandConfig.class])},[e.createVNode(n,{class:"pt-1",name:s.value?"ele-CaretBottom":"ele-CaretRight",size:o.expandConfig.iconSize||18},null,8,["name","size"]),e.createElementVNode("div",null,e.toDisplayString(o.expandConfig.subTitle),1)],2))}}});exports._sfc_main=o;

package/dist/hsFormConfig-D7lg15o4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-EpVRV_uE.js"),t={class:"text-[#606266] truncate"},o={key:0},r=e.defineComponent({__name:"hsFormConfig",props:{parentConfig:{type:Object,default:()=>({labelWidth:200,xs:24,sm:24,md:12,lg:12,xl:8,style:"",showColon:!1})},data:{type:Object,default:()=>{}},config:{type:Array,default:()=>[]},rules:{type:Object,default:()=>{}}},emits:["change"],setup(l,{expose:r,emit:a}){const n=l;let s=e.ref(n.data),i=e.ref(n.config);e.watch((()=>n.data),(e=>{s.value=e}),{deep:!0});const p=e.ref();let d=a;return r({getSubmitData:()=>new Promise((e=>{p.value?p.value.validate((l=>{e(!!l)})):e(!1)}))}),(r,a)=>{const n=e.resolveComponent("ele-Warning"),c=e.resolveComponent("el-icon"),m=e.resolveComponent("el-tooltip"),u=e.resolveComponent("hs-form-item"),f=e.resolveComponent("hs-col"),g=e.resolveComponent("hs-row"),C=e.resolveComponent("hs-form");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(C,e.mergeProps({ref_key:"formRef",ref:p,"label-width":l.parentConfig.labelWidth,inline:!1,"label-position":"right","label-suffix":":","hide-required-asterisk":!1,"require-asterisk-position":"right","show-message":"","inline-message":"","status-icon":"",disabled:!1},r.$attrs,{"scroll-to-error":"",rules:l.rules,model:e.unref(s)}),{default:e.withCtx((()=>[e.createVNode(g,{gutter:0,justify:"start",align:"middle",class:"hs-row"},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),((a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!1!==a.show?(e.openBlock(),e.createBlock(f,{key:i,span:a.span||l.parentConfig.span,xs:a.xs||l.parentConfig.xs,sm:a.sm||l.parentConfig.sm,md:a.md||l.parentConfig.md,lg:a.lg||l.parentConfig.lg,xl:a.xl||l.parentConfig.xl,style:e.normalizeStyle(l.parentConfig.style)},{default:e.withCtx((()=>[a.slot?e.renderSlot(r.$slots,a.slot,e.normalizeProps(e.mergeProps({key:0},a)),void 0,!0):(e.openBlock(),e.createBlock(u,{key:1,label:a.label,prop:a.prop,required:a.required},{label:e.withCtx((()=>[e.createElementVNode("span",t,[e.createTextVNode("  "+e.toDisplayString(a.label)+"  ",1),l.parentConfig.showColon?(e.openBlock(),e.createElementBlock("span",o,":   ")):e.createCommentVNode("",!0)]),e.createVNode(m,{class:"box-item",effect:"dark",content:a.tooltip||a.label,placement:"top"},{default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createVNode(c,null,{default:e.withCtx((()=>[e.createVNode(n)])),_:1})])])),_:2},1032,["content"])])),default:e.withCtx((()=>[a.slotValue?e.renderSlot(r.$slots,a.slotValue,e.normalizeProps(e.mergeProps({key:0},a)),void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.el),{key:1,modelValue:e.unref(s)[a.prop],"onUpdate:modelValue":l=>e.unref(s)[a.prop]=l,multiple:a.multiple,size:a.size,type:a.type,disabled:a.disabled,border:"",clearable:0!=a.clearable,onChange:e=>((e,l)=>{let t=l.prop;d("change",e,t)})(e,a)},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.op||[],((l,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.cel),{key:t,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:2},1064,["modelValue","onUpdate:modelValue","multiple","size","type","disabled","clearable","onChange"]))])),_:2},1032,["label","prop","required"]))])),_:2},1032,["span","xs","sm","md","lg","xl","style"])):e.createCommentVNode("",!0)],64)))),256))])),_:3})])),_:3},16,["label-width","rules","model"])])}}}),a=l._export_sfc(r,[["__scopeId","data-v-afc0e497"]]);exports.default=a;

package/dist/hsFormConfig-DQUUqGqL.mjs

@@ -0,0 +1,201 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, renderSlot, normalizeProps, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent } from "vue";
+import { _ as _export_sfc } from "./index-DvYORydh.mjs";
+const _hoisted_1 = { class: "text-[#606266] truncate" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "hsFormConfig",
+  props: {
+    // 表单配置
+    parentConfig: {
+      type: Object,
+      default: () => {
+        return {
+          labelWidth: 200,
+          xs: 24,
+          sm: 24,
+          md: 12,
+          lg: 12,
+          xl: 8,
+          style: "",
+          showColon: false
+          // 显示冒号
+        };
+      }
+    },
+    // 表单绑定数据
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 表单配置项数组
+    config: {
+      type: Array,
+      default: () => []
+    },
+    rules: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    let formData = ref(props.data);
+    let formConfig = ref(props.config);
+    watch(
+      () => props.data,
+      (value) => {
+        formData.value = value;
+      },
+      {
+        deep: true
+      }
+    );
+    const formRef = ref();
+    const getSubmitData = () => {
+      return new Promise((resolve) => {
+        if (!formRef.value) {
+          resolve(false);
+          return;
+        }
+        formRef.value.validate((valid) => {
+          if (valid) {
+            resolve(true);
+          } else {
+            resolve(false);
+          }
+        });
+      });
+    };
+    let emits = __emit;
+    const onChange = (value, item) => {
+      let prop = item.prop;
+      emits("change", value, prop);
+    };
+    __expose({ getSubmitData });
+    return (_ctx, _cache) => {
+      const _component_ele_Warning = resolveComponent("ele-Warning");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_hs_form_item = resolveComponent("hs-form-item");
+      const _component_hs_col = resolveComponent("hs-col");
+      const _component_hs_row = resolveComponent("hs-row");
+      const _component_hs_form = resolveComponent("hs-form");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_hs_form, mergeProps({
+          ref_key: "formRef",
+          ref: formRef,
+          "label-width": __props.parentConfig["labelWidth"],
+          inline: false,
+          "label-position": "right",
+          "label-suffix": ":",
+          "hide-required-asterisk": false,
+          "require-asterisk-position": "right",
+          "show-message": "",
+          "inline-message": "",
+          "status-icon": "",
+          disabled: false
+        }, _ctx.$attrs, {
+          "scroll-to-error": "",
+          rules: __props.rules,
+          model: unref(formData)
+        }), {
+          default: withCtx(() => [
+            createVNode(_component_hs_row, {
+              gutter: 0,
+              justify: "start",
+              align: "middle",
+              class: "hs-row"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig), (item, index) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    item["show"] !== false ? (openBlock(), createBlock(_component_hs_col, {
+                      key: index,
+                      span: item["span"] || __props.parentConfig["span"],
+                      xs: item["xs"] || __props.parentConfig["xs"],
+                      sm: item["sm"] || __props.parentConfig["sm"],
+                      md: item["md"] || __props.parentConfig["md"],
+                      lg: item["lg"] || __props.parentConfig["lg"],
+                      xl: item["xl"] || __props.parentConfig["xl"],
+                      style: normalizeStyle(__props.parentConfig.style)
+                    }, {
+                      default: withCtx(() => [
+                        item.slot ? renderSlot(_ctx.$slots, item.slot, normalizeProps(mergeProps({ key: 0 }, item)), void 0, true) : (openBlock(), createBlock(_component_hs_form_item, {
+                          key: 1,
+                          label: item["label"],
+                          prop: item["prop"],
+                          required: item["required"]
+                        }, {
+                          label: withCtx(() => [
+                            createElementVNode("span", _hoisted_1, [
+                              createTextVNode("  " + toDisplayString(item["label"]) + "  ", 1),
+                              __props.parentConfig.showColon ? (openBlock(), createElementBlock("span", _hoisted_2, ":   ")) : createCommentVNode("", true)
+                            ]),
+                            createVNode(_component_el_tooltip, {
+                              class: "box-item",
+                              effect: "dark",
+                              content: item["tooltip"] || item["label"],
+                              placement: "top"
+                            }, {
+                              default: withCtx(() => [
+                                createElementVNode("div", null, [
+                                  createVNode(_component_el_icon, null, {
+                                    default: withCtx(() => [
+                                      createVNode(_component_ele_Warning)
+                                    ]),
+                                    _: 1
+                                  })
+                                ])
+                              ]),
+                              _: 2
+                            }, 1032, ["content"])
+                          ]),
+                          default: withCtx(() => [
+                            item.slotValue ? renderSlot(_ctx.$slots, item.slotValue, normalizeProps(mergeProps({ key: 0 }, item)), void 0, true) : (openBlock(), createBlock(resolveDynamicComponent(item["el"]), {
+                              key: 1,
+                              modelValue: unref(formData)[item.prop],
+                              "onUpdate:modelValue": ($event) => unref(formData)[item.prop] = $event,
+                              multiple: item["multiple"],
+                              size: item["size"],
+                              type: item["type"],
+                              disabled: item["disabled"],
+                              border: "",
+                              clearable: item.clearable != false,
+                              onChange: ($event) => onChange($event, item)
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(item["op"] || [], (value, idx) => {
+                                  return openBlock(), createBlock(resolveDynamicComponent(item["cel"]), {
+                                    key: idx,
+                                    label: value["label"],
+                                    value: value["value"]
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1064, ["modelValue", "onUpdate:modelValue", "multiple", "size", "type", "disabled", "clearable", "onChange"]))
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "prop", "required"]))
+                      ]),
+                      _: 2
+                    }, 1032, ["span", "xs", "sm", "md", "lg", "xl", "style"])) : createCommentVNode("", true)
+                  ], 64);
+                }), 256))
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 16, ["label-width", "rules", "model"])
+      ]);
+    };
+  }
+});
+const hsFormConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afc0e497"]]);
+export {
+  hsFormConfig as default
+};

package/dist/hsFormConfigList-BWLgNuJX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./baseFormConfig-LID74dul.js"),l=require("./index-EpVRV_uE.js");function n(n,t,r,i,a){const u=e=>{var r;let i=e.id==(null==(r=t.current)?void 0:r.id)?l._.cloneDeep(o.emptyFormItemData.value):e;n("chose",i)};let d=e.ref([]),c=e.ref(0),s=e.ref(!1),f=e.ref([]);return{choseTagItem:u,appendField:()=>{var e,n,t,i,a;let d=l._.cloneDeep(o.formItemConfig.value);d.id=l.v4(),null==(n=null==(e=r.value)?void 0:e.form)||n.formConfig.push(d);let c=(null==(a=null==(t=r.value)?void 0:t.form)?void 0:a.formConfig[(null==(i=r.value)?void 0:i.form.formConfig.length)-1])||l._.cloneDeep(o.emptyFormItemData.value);u(c)},deleteTagItem:e=>{l.ElMessageBox.confirm(`确定删除“${e.data&&e.data.baseData.label}”字段吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((()=>{var o,n;l._.remove((null==(n=null==(o=r.value)?void 0:o.form)?void 0:n.formConfig)||[],e),u(e),l.ElMessage.success("删除成功")})).catch((e=>{}))},contextmenu:(e,o,l,n)=>{var r;let u=(null==(r=null==t?void 0:t.panelConfig)?void 0:r.forms.filter((e=>{var o;return e.id!==(null==(o=null==t?void 0:t.modelValue)?void 0:o.id)&&"form"==e.formItemType})))||[];if(!("checkbox"==o&&0==s.value||"checkbox"==o&&0==f.value.length)&&u.length>0){d.value=u.map((e=>({contextMenuClickId:e.id,txt:"移动至"+e.base.label,affix:!1,icon:""}))),c.value=n;const{clientX:t,clientY:r}=e;i.dropdown.x=t,i.dropdown.y=r,a.value.openContextmenu(l,o)}},onCurrentContextmenuClick:(e,i)=>{switch(i){case"radio":(e=>{var i,a,u,d,s,m;try{let v=null==(i=null==t?void 0:t.panelConfig)?void 0:i.forms.findIndex((o=>o.id==e.contextMenuClickId));if(-1==v)return l.ElMessage.warning("未找到对应的配置项");null==(d=null==t?void 0:t.panelConfig)||d.forms[v].form.formConfig.push(null==(u=null==(a=r.value)?void 0:a.form)?void 0:u.formConfig[c.value]),f.value.length>0&&f.value.findIndex((e=>{var o,l;return e.id==(null==(l=null==(o=r.value)?void 0:o.form)?void 0:l.formConfig[c.value].id)}))>-1&&f.value.splice(v,1),null==(m=null==(s=r.value)?void 0:s.form)||m.formConfig.splice(c.value,1),n("chose",l._.cloneDeep(o.emptyFormItemData.value)),l.ElMessage.success("移动成功")}catch(v){}})(e);break;case"checkbox":(e=>{var i,a;try{let u=null==(i=null==t?void 0:t.panelConfig)?void 0:i.forms.findIndex((o=>o.id==e.contextMenuClickId));if(-1==u)return l.ElMessage.warning("未找到对应的配置项");null==(a=null==t?void 0:t.panelConfig)||a.forms[u].form.formConfig.push(...f.value),f.value.forEach((e=>{var o,n;l._.remove((null==(n=null==(o=r.value)?void 0:o.form)?void 0:n.formConfig)||[],e)})),f.value=[],n("chose",l._.cloneDeep(o.emptyFormItemData.value)),l.ElMessage.success("移动成功")}catch(u){}})(e)}},dropdownList:d,toggleModes:()=>{var e;if(0==((null==(e=null==t?void 0:t.panelConfig)?void 0:e.forms.filter((e=>{var o;return e.id!==(null==(o=null==t?void 0:t.modelValue)?void 0:o.id)&&"form"==e.formItemType})))||[]).length&&0==s.value)return l.ElMessage.warning("请至少添加两个启用表单配置项的数据！");s.value=!s.value,s.value},isEditModel:s,checkboxList:f,selectTagItem:e=>{if(!s.value)return;let o=f.value.findIndex((o=>o.id==e.id));o>-1?f.value.splice(o,1):f.value.push(e)},resetEdit:()=>{s.value=!1,f.value=[]}}}const t=["onClick"],r=["onContextmenu"],i=["onClick"],a=["onClick"],u={class:"p-2"},d=e.defineComponent({__name:"hsFormConfigList",props:e.mergeModels({current:{type:Object,default:()=>{}},panelConfig:{type:Object,default:()=>({})}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["chose"],["update:modelValue"]),setup(o,{expose:d,emit:c}){const s=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./contextmenu-FnO_sOcr.js"))))),f=e.ref(),m=e.ref(),v=e.reactive({dropdown:{x:0,y:0}}),p=c,g=e.useModel(o,"modelValue"),C=o,x=e=>(V.value,V.value.includes(e)),{appendField:h,deleteTagItem:k,choseTagItem:b,contextmenu:y,onCurrentContextmenuClick:E,dropdownList:w,toggleModes:M,isEditModel:I,checkboxList:V,selectTagItem:_,resetEdit:B}=n(p,C,g,v,f);return d({resetEdit:B}),(n,d)=>{const c=e.resolveComponent("ele-Edit"),p=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(l.to),{ref_key:"dragRef",ref:m,class:"flex flex-wrap",handle:".drag-item",ghostClass:"ghost",modelValue:g.value.form.formConfig,"onUpdate:modelValue":d[3]||(d[3]=e=>g.value.form.formConfig=e),animation:150},{default:e.withCtx((()=>{var l,n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(null==(n=null==(l=g.value)?void 0:l.form)?void 0:n.formConfig,((l,n)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:"drag-item p-2 relative",key:l.id,onClick:o=>e.unref(b)(l)},[e.createElementVNode("div",{onContextmenu:e.withModifiers((o=>e.unref(y)(o,"radio",l,n)),["prevent"]),class:e.normalizeClass(["border border-solid border-zinc-300 hover:bg-blue-200 p-2 rounded",o.current.id==l.id?"bg-blue-200":""])},e.toDisplayString(null==(u=(null==l?void 0:l.data).elementItem[0])?void 0:u.baseData.label),43,r),o.current.id!=l.id||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers((o=>e.unref(k)(l)),["stop","prevent"]),style:{position:"absolute",top:"0px",right:"5px",cursor:"pointer"}}," ✖️ ",8,i)),e.unref(I)?(e.openBlock(),e.createElementBlock("div",{key:1,style:{position:"absolute",top:"-4px",right:"-4px",cursor:"pointer"},onClick:e.withModifiers((o=>e.unref(_)(l)),["stop","prevent"])},[e.createElementVNode("span",{class:e.normalizeClass(["circle",{"circle-selected":x(l)}])},null,2)],8,a)):e.createCommentVNode("",!0)],8,t)})),128)),e.createElementVNode("div",u,[e.createElementVNode("div",{onClick:d[0]||(d[0]=(...o)=>e.unref(h)&&e.unref(h)(...o)),class:"p-2 bg-pink-200 w-10 h-10 flex justify-center align-center rounded-full"},"+")]),e.createElementVNode("div",{class:"p-2 cursor-pointer flex justify-center align-center",onContextmenu:d[1]||(d[1]=e.withModifiers((o=>e.unref(y)(o,"checkbox")),["prevent"])),onClick:d[2]||(d[2]=(...o)=>e.unref(M)&&e.unref(M)(...o))},[e.createVNode(p,{size:"34",color:"#8B9093"},{default:e.withCtx((()=>[e.createVNode(c)])),_:1})],32)]})),_:1},8,["modelValue"]),e.createVNode(e.unref(s),{dropdown:v.dropdown,dropdownList:e.unref(w),ref_key:"contextmenuRef",ref:f,onCurrentContextmenuClick:e.unref(E)},null,8,["dropdown","dropdownList","onCurrentContextmenuClick"])])}}}),c=l._export_sfc(d,[["__scopeId","data-v-d03b2a3c"]]);exports.default=c;