hs-admin-ui 5.8.1 → 5.8.3

package/dist/hsFormConfig-BvuMAxXZ.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-Dy23Czi1.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/hsFormConfig-DIJJKiFD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-B1k0ZKbA.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/hsFormConfigList-B96CihJT.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-B1k0ZKbA.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-qsbHwudo.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;

package/dist/hsFormConfigList-CO7WbnBS.mjs

@@ -0,0 +1,291 @@
+import { ref, defineComponent, mergeModels, defineAsyncComponent, reactive, useModel, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, withModifiers, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { e as emptyFormItemData, g as formItemConfig } from "./baseFormConfig-mWvkOXBw.mjs";
+import { e as _, x as v4, E as ElMessageBox, d as ElMessage, z as to, _ as _export_sfc } from "./index-Dy23Czi1.mjs";
+function useHsFormListConfig(emit, prop, configModel, state, contextmenuRef) {
+  const choseTagItem = (item) => {
+    var _a;
+    let current = item.id == ((_a = prop.current) == null ? void 0 : _a.id) ? _.cloneDeep(emptyFormItemData.value) : item;
+    emit("chose", current);
+  };
+  const appendField = () => {
+    var _a, _b, _c, _d, _e;
+    let defaultItemConfig = _.cloneDeep(formItemConfig.value);
+    defaultItemConfig.id = v4();
+    (_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig.push(defaultItemConfig);
+    let obj = ((_e = (_c = configModel.value) == null ? void 0 : _c.form) == null ? void 0 : _e.formConfig[((_d = configModel.value) == null ? void 0 : _d.form.formConfig.length) - 1]) || _.cloneDeep(emptyFormItemData.value);
+    choseTagItem(obj);
+  };
+  const deleteTagItem = (item) => {
+    ElMessageBox.confirm(`确定删除“${item["data"] && item["data"]["baseData"]["label"]}”字段吗？`, "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(() => {
+      var _a, _b;
+      _.remove(((_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig) || [], item);
+      choseTagItem(item);
+      ElMessage.success("删除成功");
+    }).catch((err) => {
+      console.log("err", err);
+    });
+  };
+  let dropdownList = ref([]);
+  let contextmenuIndex = ref(0);
+  let isEditModel = ref(false);
+  let checkboxList = ref([]);
+  const toggleModes = () => {
+    var _a;
+    let arr = ((_a = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _a.forms.filter((i) => {
+      var _a2;
+      return i.id !== ((_a2 = prop == null ? void 0 : prop.modelValue) == null ? void 0 : _a2.id) && i.formItemType == "form";
+    })) || [];
+    if (arr.length == 0 && isEditModel.value == false)
+      return ElMessage.warning("请至少添加两个启用表单配置项的数据！");
+    isEditModel.value = !isEditModel.value;
+    console.log("isEditModel", isEditModel.value);
+  };
+  const contextmenu = (event, mode, item, index) => {
+    var _a;
+    let arr = ((_a = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _a.forms.filter((i) => {
+      var _a2;
+      return i.id !== ((_a2 = prop == null ? void 0 : prop.modelValue) == null ? void 0 : _a2.id) && i.formItemType == "form";
+    })) || [];
+    if (mode == "checkbox" && isEditModel.value == false || mode == "checkbox" && checkboxList.value.length == 0)
+      return;
+    if (arr.length > 0) {
+      dropdownList.value = arr.map((i) => {
+        return {
+          contextMenuClickId: i.id,
+          txt: "移动至" + i.base.label,
+          affix: false,
+          icon: ""
+        };
+      });
+      contextmenuIndex.value = index;
+      const { clientX, clientY } = event;
+      state.dropdown.x = clientX;
+      state.dropdown.y = clientY;
+      contextmenuRef.value.openContextmenu(item, mode);
+    }
+  };
+  const onCurrentContextmenuClickRadio = (item) => {
+    var _a, _b, _c, _d, _e, _f;
+    try {
+      let index = (_a = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _a.forms.findIndex((i) => i.id == item.contextMenuClickId);
+      if (index == -1)
+        return ElMessage.warning("未找到对应的配置项");
+      console.log("index", index);
+      (_d = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _d.forms[index].form.formConfig.push((_c = (_b = configModel.value) == null ? void 0 : _b.form) == null ? void 0 : _c.formConfig[contextmenuIndex.value]);
+      if (checkboxList.value.length > 0 && checkboxList.value.findIndex((i) => {
+        var _a2, _b2;
+        return i.id == ((_b2 = (_a2 = configModel.value) == null ? void 0 : _a2.form) == null ? void 0 : _b2.formConfig[contextmenuIndex.value].id);
+      }) > -1) {
+        checkboxList.value.splice(index, 1);
+      }
+      (_f = (_e = configModel.value) == null ? void 0 : _e.form) == null ? void 0 : _f.formConfig.splice(contextmenuIndex.value, 1);
+      emit("chose", _.cloneDeep(emptyFormItemData.value));
+      ElMessage.success("移动成功");
+    } catch (error) {
+      console.log("error", error);
+    }
+  };
+  const onCurrentContextmenuClickCheckbox = (item) => {
+    var _a, _b;
+    console.log("checkbox", item);
+    try {
+      let index = (_a = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _a.forms.findIndex((i) => i.id == item.contextMenuClickId);
+      if (index == -1)
+        return ElMessage.warning("未找到对应的配置项");
+      (_b = prop == null ? void 0 : prop.panelConfig) == null ? void 0 : _b.forms[index].form.formConfig.push(...checkboxList.value);
+      checkboxList.value.forEach((i) => {
+        var _a2, _b2;
+        _.remove(((_b2 = (_a2 = configModel.value) == null ? void 0 : _a2.form) == null ? void 0 : _b2.formConfig) || [], i);
+      });
+      checkboxList.value = [];
+      emit("chose", _.cloneDeep(emptyFormItemData.value));
+      ElMessage.success("移动成功");
+    } catch (error) {
+      console.log("error", error);
+    }
+  };
+  const onCurrentContextmenuClick = (item, mode) => {
+    switch (mode) {
+      case "radio":
+        onCurrentContextmenuClickRadio(item);
+        break;
+      case "checkbox":
+        onCurrentContextmenuClickCheckbox(item);
+        break;
+    }
+    console.log("item", item, mode);
+  };
+  const selectTagItem = (item) => {
+    console.log("item", item);
+    if (!isEditModel.value)
+      return;
+    let index = checkboxList.value.findIndex((i) => i.id == item.id);
+    if (index > -1) {
+      checkboxList.value.splice(index, 1);
+    } else {
+      checkboxList.value.push(item);
+    }
+  };
+  const resetEdit = () => {
+    isEditModel.value = false;
+    checkboxList.value = [];
+  };
+  return {
+    choseTagItem,
+    appendField,
+    deleteTagItem,
+    contextmenu,
+    onCurrentContextmenuClick,
+    dropdownList,
+    toggleModes,
+    isEditModel,
+    checkboxList,
+    selectTagItem,
+    resetEdit
+  };
+}
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onContextmenu"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "p-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "hsFormConfigList",
+  props: /* @__PURE__ */ mergeModels({
+    current: {
+      type: Object,
+      default: () => {
+      }
+    },
+    panelConfig: {
+      type: Object,
+      default: () => ({})
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["chose"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const Contextmenu = defineAsyncComponent(() => import("./contextmenu-Dq35MVUf.mjs"));
+    const contextmenuRef = ref();
+    const dragRef = ref();
+    const state = reactive({
+      dropdown: {
+        x: 0,
+        y: 0
+      }
+    });
+    const emit = __emit;
+    const configModel = useModel(__props, "modelValue");
+    const prop = __props;
+    const checkboxListInclude = (item) => {
+      console.log("checkboxList.value", checkboxList.value);
+      return checkboxList.value.includes(item);
+    };
+    const {
+      appendField,
+      deleteTagItem,
+      choseTagItem,
+      contextmenu,
+      onCurrentContextmenuClick,
+      dropdownList,
+      toggleModes,
+      isEditModel,
+      checkboxList,
+      selectTagItem,
+      resetEdit
+    } = useHsFormListConfig(emit, prop, configModel, state, contextmenuRef);
+    __expose({
+      resetEdit
+    });
+    return (_ctx, _cache) => {
+      const _component_ele_Edit = resolveComponent("ele-Edit");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(to), {
+          ref_key: "dragRef",
+          ref: dragRef,
+          class: "flex flex-wrap",
+          handle: ".drag-item",
+          ghostClass: "ghost",
+          modelValue: configModel.value.form.formConfig,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => configModel.value.form.formConfig = $event),
+          animation: 150
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              (openBlock(true), createElementBlock(Fragment, null, renderList((_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig, (item, index) => {
+                var _a2;
+                return openBlock(), createElementBlock("div", {
+                  class: "drag-item p-2 relative",
+                  key: item["id"],
+                  onClick: ($event) => unref(choseTagItem)(item)
+                }, [
+                  createElementVNode("div", {
+                    onContextmenu: withModifiers(($event) => unref(contextmenu)($event, "radio", item, index), ["prevent"]),
+                    class: normalizeClass(["border border-solid border-zinc-300 hover:bg-blue-200 p-2 rounded", __props.current["id"] == item["id"] ? "bg-blue-200" : ""])
+                  }, toDisplayString((_a2 = (item == null ? void 0 : item.data).elementItem[0]) == null ? void 0 : _a2.baseData["label"]), 43, _hoisted_2),
+                  __props.current["id"] == item["id"] && !unref(isEditModel) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    onClick: withModifiers(($event) => unref(deleteTagItem)(item), ["stop", "prevent"]),
+                    style: { "position": "absolute", "top": "0px", "right": "5px", "cursor": "pointer" }
+                  }, " ✖️ ", 8, _hoisted_3)) : createCommentVNode("", true),
+                  unref(isEditModel) ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    style: { "position": "absolute", "top": "-4px", "right": "-4px", "cursor": "pointer" },
+                    onClick: withModifiers(($event) => unref(selectTagItem)(item), ["stop", "prevent"])
+                  }, [
+                    createElementVNode("span", {
+                      class: normalizeClass(["circle", { "circle-selected": checkboxListInclude(item) }])
+                    }, null, 2)
+                  ], 8, _hoisted_4)) : createCommentVNode("", true)
+                ], 8, _hoisted_1);
+              }), 128)),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", {
+                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                  (...args) => unref(appendField) && unref(appendField)(...args)),
+                  class: "p-2 bg-pink-200 w-10 h-10 flex justify-center align-center rounded-full"
+                }, "+")
+              ]),
+              createElementVNode("div", {
+                class: "p-2 cursor-pointer flex justify-center align-center",
+                onContextmenu: _cache[1] || (_cache[1] = withModifiers(($event) => unref(contextmenu)($event, "checkbox"), ["prevent"])),
+                onClick: _cache[2] || (_cache[2] = //@ts-ignore
+                (...args) => unref(toggleModes) && unref(toggleModes)(...args))
+              }, [
+                createVNode(_component_el_icon, {
+                  size: "34",
+                  color: "#8B9093"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ele_Edit)
+                  ]),
+                  _: 1
+                })
+              ], 32)
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(unref(Contextmenu), {
+          dropdown: state.dropdown,
+          dropdownList: unref(dropdownList),
+          ref_key: "contextmenuRef",
+          ref: contextmenuRef,
+          onCurrentContextmenuClick: unref(onCurrentContextmenuClick)
+        }, null, 8, ["dropdown", "dropdownList", "onCurrentContextmenuClick"])
+      ]);
+    };
+  }
+});
+const hsFormConfigList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d03b2a3c"]]);
+export {
+  hsFormConfigList as default
+};

package/dist/hsFormPanel-Cdl6jjqI.mjs

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

package/dist/hsFormPanel-DfFPGKnF.js

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