hs-admin-ui 15.7.9 → 15.8.1

package/dist/hsFormConfig-oUbaU1I8.mjs

@@ -1,207 +0,0 @@
-import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeStyle, renderSlot, resolveDynamicComponent, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import { _ as _export_sfc } from "./index-B8p9_cpY.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, mergeProps({
-                          key: 0,
-                          ref_for: true
-                        }, 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, mergeProps({
-                              key: 0,
-                              ref_for: true
-                            }, 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-CvO9_-yH.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./baseFormConfig-D5Q35Bo3.js"),o=require("./index-BUcC4gD1.js"),l=require("./useConfigInfo-2zEYLSSs.js"),n=require("./contextmenu-YsE3L-dB.js");function r(n,r,a,i,s){const d=l.useConfigInfo(),u=e=>{var l,i,s,u,c;const f=(null==(s=null==(i=null==(l=a.value)?void 0:l.form)?void 0:i.formConfig)?void 0:s.map((e=>e.id)))||[];if((null==(u=r.current)?void 0:u.id)&&d.selectedList.length&&f.includes(e.id))return o.ElMessage.warning("已存在批量设置模板！");let m=e.id==(null==(c=r.current)?void 0:c.id)?o._.cloneDeep(t.emptyFormItemData.value):e;n("chose",m)};let c=e.ref([]),f=e.ref(0),m=e.ref(!1);return o.useKeyStroke([["Control+a",function(e){var t,o;e.preventDefault(),m.value&&d.$patch({selectedList:d.selectedList.length?[]:null==(o=null==(t=a.value)?void 0:t.form)?void 0:o.formConfig})}]]),{choseTagItem:u,appendField:()=>{var e,l,n,r,i;let s=o._.cloneDeep(t.formItemConfig.value);s.id=o.v4(),null==(l=null==(e=a.value)?void 0:e.form)||l.formConfig.push(s);let d=(null==(i=null==(n=a.value)?void 0:n.form)?void 0:i.formConfig[(null==(r=a.value)?void 0:r.form.formConfig.length)-1])||o._.cloneDeep(t.emptyFormItemData.value);u(d)},deleteTagItem:e=>{o.ElMessageBox.confirm(`确定删除“${o._.get(e,"data.elementItem.0.baseData.label")}”字段吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((()=>{var t,l;o._.remove((null==(l=null==(t=a.value)?void 0:t.form)?void 0:l.formConfig)||[],e),u(e),o.ElMessage.success("删除成功")})).catch((e=>{}))},contextmenu:(e,t,o,l)=>{var n;d.selectedList.length&&(c.value=[{contextMenuClickId:null==o?void 0:o.id,txt:"批量删除",affix:!1,icon:"",mode:"batchDelete"},{contextMenuClickId:null==o?void 0:o.id,txt:"批量设置属性",affix:!1,icon:"",mode:"batchUpdate"}]);let a=(null==(n=null==r?void 0:r.panelConfig)?void 0:n.forms.filter((e=>{var t;return e.id!==(null==(t=null==r?void 0:r.modelValue)?void 0:t.id)&&"form"==e.formItemType})))||[];if(a.length>0){const e=a.map((e=>({contextMenuClickId:e.id,txt:"移动至"+e.base.label,affix:!1,icon:""})));c.value.push(e)}if(!m.value)return;f.value=l;const{clientX:u,clientY:p}=e;i.dropdown.x=u,i.dropdown.y=p,s.value.openContextmenu(o,t)},onCurrentContextmenuClick:(e,l)=>{switch(l){case"radio":(e=>{var l,i,s,u,c,m;try{let p=null==(l=null==r?void 0:r.panelConfig)?void 0:l.forms.findIndex((t=>t.id==e.contextMenuClickId));if(-1==p)return o.ElMessage.warning("未找到对应的配置项");null==(u=null==r?void 0:r.panelConfig)||u.forms[p].form.formConfig.push(null==(s=null==(i=a.value)?void 0:i.form)?void 0:s.formConfig[f.value]),d.selectedList.length>0&&d.selectedList.findIndex((e=>{var t,o;return e.id==(null==(o=null==(t=a.value)?void 0:t.form)?void 0:o.formConfig[f.value].id)}))>-1&&d.selectedList.splice(p,1),null==(m=null==(c=a.value)?void 0:c.form)||m.formConfig.splice(f.value,1),n("chose",o._.cloneDeep(t.emptyFormItemData.value)),o.ElMessage.success("移动成功")}catch(p){}})(e);break;case"checkbox":(e=>{var l,i;try{let s=null==(l=null==r?void 0:r.panelConfig)?void 0:l.forms.findIndex((t=>t.id==e.contextMenuClickId));if(-1==s)return o.ElMessage.warning("未找到对应的配置项");null==(i=null==r?void 0:r.panelConfig)||i.forms[s].form.formConfig.push(...d.selectedList),d.selectedList.forEach((e=>{var t,l;o._.remove((null==(l=null==(t=a.value)?void 0:t.form)?void 0:l.formConfig)||[],e)})),d.selectedList=[],n("chose",o._.cloneDeep(t.emptyFormItemData.value)),o.ElMessage.success("移动成功")}catch(s){}})(e);break;case"batchDelete":!function(){const e=d.selectedList.map((e=>e.id)),t=d.selectedList.map((e=>o._.get(e,"data.elementItem.0.baseData.label"))).toString();o.ElMessageBox.alert(`当前删除字段为<strong>【${t}】</strong>,确定删除吗？`,"提示",{dangerouslyUseHTMLString:!0,closeOnClickModal:!1,draggable:!0}).then((()=>{var t,l;const n=null==(l=null==(t=a.value)?void 0:t.form)?void 0:l.formConfig.filter((t=>!e.includes(t.id)));o._.set(a,"value.form.formConfig",n),d.selectedList=[],m.value=!1}))}();break;case"batchUpdate":d.formStatus="batch"}},dropdownList:c,toggleModes:()=>{m.value=!m.value,m.value||(d.selectedList=[],d.propertiesArray=[],d.formStatus="radio")},isEditModel:m,selectTagItem:e=>{if(!m.value)return;let t=d.selectedList.findIndex((t=>t.id==e.id));t>-1?d.selectedList.splice(t,1):d.selectedList.push(e)},resetEdit:()=>{m.value=!1,d.formStatus="radio",d.selectedList=[],d.propertiesArray=[]}}}const a=["onClick"],i=["onContextmenu"],s={class:"flex flex-col"},d={class:"whitespace-nowrap"},u={class:"whitespace-nowrap"},c={class:"whitespace-nowrap"},f=["onClick"],m={key:1,class:"absolute -top-2 -left-1 scale-50 text-white bg-red-500 px-2"},p=["onClick"],v={class:"p-2"},g=e.defineComponent({__name:"hsFormConfigList",props:e.mergeModels({current:{type:Object,default:()=>{}},panelConfig:{type:Object,default:()=>({})}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["chose"],["update:modelValue"]),setup(g,{expose:C,emit:h}){const x=l.useConfigInfo(),b=e.ref(),k=e.ref(),I=e.reactive({dropdown:{x:0,y:0}}),w=h,y=e.useModel(g,"modelValue"),E=g,_=e=>x.selectedList.includes(e);function L(e){var o;return(null==(o=t.configElList.value.find((t=>t.value===e)))?void 0:o.label)+`（${e}）`}const{appendField:M,deleteTagItem:D,choseTagItem:V,contextmenu:B,onCurrentContextmenuClick:N,dropdownList:S,toggleModes:F,isEditModel:T,selectTagItem:j,resetEdit:q}=r(w,E,y,I,b);return C({resetEdit:q}),(t,l)=>{const r=e.resolveComponent("el-popover"),C=e.resolveComponent("ele-Edit"),h=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(o.to),{ref_key:"dragRef",ref:k,class:"flex flex-wrap",handle:".drag-item",ghostClass:"ghost",modelValue:y.value.form.formConfig,"onUpdate:modelValue":l[3]||(l[3]=e=>y.value.form.formConfig=e),animation:150},{default:e.withCtx((()=>{var t,n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(null==(n=null==(t=y.value)?void 0:t.form)?void 0:n.formConfig,((t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"drag-item p-2 relative",key:t.id,onClick:o=>e.unref(V)(t)},[e.createVNode(r,{placement:"top",width:"auto",trigger:"hover",offset:50},{reference:e.withCtx((()=>[e.createElementVNode("div",{onContextmenu:e.withModifiers((o=>e.unref(B)(o,"radio",t,l)),["prevent"]),class:e.normalizeClass(["border border-solid border-zinc-300 hover:bg-blue-200 p-2 rounded",[{"bg-blue-200":g.current.id==t.id},{"!bg-[#FFE7BA]":e.unref(o._).get(t,"data.elementItem.0.baseData.shortcut",[]).length},{"border-disabled":e.unref(o._).get(t,"data.elementItem.0.elData.attrs.disabled",!1)},{"text-red-400":e.unref(o._).get(t,"data.elementItem.0.baseData.isSlot",!1)}]])},e.toDisplayString(e.unref(o._).get(t,"data.elementItem.0.baseData.label")),43,i)])),default:e.withCtx((()=>[e.createElementVNode("div",s,[e.createElementVNode("span",d,"字段参数： "+e.toDisplayString(e.unref(o._).get(t,"data.elementItem.0.baseData.prop")),1),e.createElementVNode("span",u,"组件类型： "+e.toDisplayString(L(e.unref(o._).get(t,"data.elementItem.0.baseData.el"))),1),e.createElementVNode("span",c,"快捷键： "+e.toDisplayString(e.unref(o._).get(t,"data.elementItem.0.baseData.shortcut")),1)])])),_:2},1024),g.current.id!=t.id||e.unref(T)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers((o=>e.unref(D)(t)),["stop","prevent"]),style:{position:"absolute",top:"0px",right:"5px",cursor:"pointer"}}," ✖️ ",8,f)),e.unref(o._).get(t,"data.elementItem.0.baseData.isLink")?(e.openBlock(),e.createElementBlock("div",m," 引用 ")):e.createCommentVNode("",!0),e.unref(T)?(e.openBlock(),e.createElementBlock("div",{key:2,style:{position:"absolute",top:"-4px",right:"-4px",cursor:"pointer"},onClick:e.withModifiers((o=>e.unref(j)(t)),["stop","prevent"])},[e.createElementVNode("span",{class:e.normalizeClass(["circle",{"circle-selected":_(t)}])},null,2)],8,p)):e.createCommentVNode("",!0)],8,a)))),128)),e.createElementVNode("div",v,[e.createElementVNode("div",{onClick:l[0]||(l[0]=(...t)=>e.unref(M)&&e.unref(M)(...t)),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:l[1]||(l[1]=e.withModifiers((t=>e.unref(B)(t,"checkbox")),["prevent"])),onClick:l[2]||(l[2]=(...t)=>e.unref(F)&&e.unref(F)(...t))},[e.createVNode(h,{size:"34",color:"#8B9093"},{default:e.withCtx((()=>[e.createVNode(C)])),_:1})],32)]})),_:1},8,["modelValue"]),e.createVNode(n.default,{dropdown:I.dropdown,dropdownList:e.unref(S),ref_key:"contextmenuRef",ref:b,onCurrentContextmenuClick:e.unref(N)},null,8,["dropdown","dropdownList","onCurrentContextmenuClick"])])}}}),C=o._export_sfc(g,[["__scopeId","data-v-5da6fdac"]]);exports.default=C;

package/dist/hsFormConfigList-D22P1SPx.mjs

@@ -1,414 +0,0 @@
-import { ref, defineComponent, mergeModels, reactive, useModel, resolveComponent, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, normalizeClass, withModifiers } from "vue";
-import { e as formItemConfig, g as emptyFormItemData, h as configElList } from "./baseFormConfig-BaFbaMWd.mjs";
-import { f as useKeyStroke, E as ElMessageBox, c as _, b as ElMessage, d as v4, t as to, _ as _export_sfc } from "./index-B8p9_cpY.mjs";
-import { u as useConfigInfo } from "./useConfigInfo-PTkkdx-l.mjs";
-import Contextmenu from "./contextmenu-Civj9yUS.mjs";
-function useHsFormListConfig(emit, prop, configModel, state, contextmenuRef) {
-  const configInfo = useConfigInfo();
-  const choseTagItem = (item) => {
-    var _a, _b, _c, _d, _e;
-    const selected2 = ((_c = (_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig) == null ? void 0 : _c.map((i) => i.id)) || [];
-    if (((_d = prop.current) == null ? void 0 : _d.id) && configInfo.selectedList.length && selected2.includes(item.id)) {
-      return ElMessage.warning("已存在批量设置模板！");
-    }
-    let current = item.id == ((_e = prop.current) == null ? void 0 : _e.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(
-      `确定删除“${_.get(item, "data.elementItem.0.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);
-  const toggleModes = () => {
-    isEditModel.value = !isEditModel.value;
-    if (!isEditModel.value) {
-      configInfo.selectedList = [];
-      configInfo.propertiesArray = [];
-      configInfo.formStatus = "radio";
-    }
-  };
-  const contextmenu = (event, mode, item, index) => {
-    var _a;
-    if (configInfo.selectedList.length) {
-      dropdownList.value = [
-        {
-          contextMenuClickId: item == null ? void 0 : item.id,
-          txt: "批量删除",
-          affix: false,
-          icon: "",
-          mode: "batchDelete"
-        },
-        {
-          contextMenuClickId: item == null ? void 0 : item.id,
-          txt: "批量设置属性",
-          affix: false,
-          icon: "",
-          mode: "batchUpdate"
-        }
-      ];
-    }
-    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) {
-      const itemList = arr.map((i) => {
-        return {
-          contextMenuClickId: i.id,
-          txt: "移动至" + i.base.label,
-          affix: false,
-          icon: ""
-        };
-      });
-      dropdownList.value.push(itemList);
-    }
-    if (!isEditModel.value) return;
-    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 (configInfo.selectedList.length > 0 && configInfo.selectedList.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) {
-        configInfo.selectedList.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(
-        ...configInfo.selectedList
-      );
-      configInfo.selectedList.forEach((i) => {
-        var _a2, _b2;
-        _.remove(((_b2 = (_a2 = configModel.value) == null ? void 0 : _a2.form) == null ? void 0 : _b2.formConfig) || [], i);
-      });
-      configInfo.selectedList = [];
-      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;
-      case "batchDelete":
-        batchDelete();
-        break;
-      case "batchUpdate":
-        configInfo.formStatus = "batch";
-        break;
-    }
-  };
-  function batchDelete() {
-    const ids = configInfo.selectedList.map((i) => i.id);
-    const fields = configInfo.selectedList.map((i) => _.get(i, "data.elementItem.0.baseData.label")).toString();
-    ElMessageBox.alert(
-      `当前删除字段为<strong>【${fields}】</strong>,确定删除吗？`,
-      "提示",
-      {
-        dangerouslyUseHTMLString: true,
-        closeOnClickModal: false,
-        draggable: true
-      }
-    ).then(() => {
-      var _a, _b;
-      const formConfig = (_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig.filter(
-        (i) => !ids.includes(i.id)
-      );
-      _.set(configModel, "value.form.formConfig", formConfig);
-      configInfo.selectedList = [];
-      isEditModel.value = false;
-    });
-  }
-  const selectTagItem = (item) => {
-    if (!isEditModel.value) return;
-    let index = configInfo.selectedList.findIndex((i) => i.id == item.id);
-    if (index > -1) {
-      configInfo.selectedList.splice(index, 1);
-    } else {
-      configInfo.selectedList.push(item);
-    }
-  };
-  const resetEdit = () => {
-    isEditModel.value = false;
-    configInfo.formStatus = "radio";
-    configInfo.selectedList = [];
-    configInfo.propertiesArray = [];
-  };
-  useKeyStroke([["Control+a", selectAll]]);
-  function selectAll(e) {
-    var _a, _b;
-    e.preventDefault();
-    if (isEditModel.value) {
-      configInfo.$patch({
-        selectedList: !configInfo.selectedList.length ? (_b = (_a = configModel.value) == null ? void 0 : _a.form) == null ? void 0 : _b.formConfig : []
-      });
-    }
-  }
-  return {
-    choseTagItem,
-    appendField,
-    deleteTagItem,
-    contextmenu,
-    onCurrentContextmenuClick,
-    dropdownList,
-    toggleModes,
-    isEditModel,
-    selectTagItem,
-    resetEdit
-  };
-}
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onContextmenu"];
-const _hoisted_3 = { class: "flex flex-col" };
-const _hoisted_4 = { class: "whitespace-nowrap" };
-const _hoisted_5 = { class: "whitespace-nowrap" };
-const _hoisted_6 = { class: "whitespace-nowrap" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = {
-  key: 1,
-  class: "absolute -top-2 -left-1 scale-50 text-white bg-red-500 px-2"
-};
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { 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 configInfo = useConfigInfo();
-    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) => {
-      return configInfo.selectedList.includes(item);
-    };
-    function getCompConfig(el) {
-      var _a;
-      return ((_a = configElList.value.find((i) => i.value === el)) == null ? void 0 : _a.label) + `（${el}）`;
-    }
-    const {
-      appendField,
-      deleteTagItem,
-      choseTagItem,
-      contextmenu,
-      onCurrentContextmenuClick,
-      dropdownList,
-      toggleModes,
-      isEditModel,
-      selectTagItem,
-      resetEdit
-    } = useHsFormListConfig(emit, prop, configModel, state, contextmenuRef);
-    __expose({
-      resetEdit
-    });
-    return (_ctx, _cache) => {
-      const _component_el_popover = resolveComponent("el-popover");
-      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) => {
-                return openBlock(), createElementBlock("div", {
-                  class: "drag-item p-2 relative",
-                  key: item["id"],
-                  onClick: ($event) => unref(choseTagItem)(item)
-                }, [
-                  createVNode(_component_el_popover, {
-                    placement: "top",
-                    width: "auto",
-                    trigger: "hover",
-                    offset: 50
-                  }, {
-                    reference: withCtx(() => [
-                      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", [
-                          { "bg-blue-200": __props.current["id"] == item["id"] },
-                          {
-                            "!bg-[#FFE7BA]": unref(_).get(
-                              item,
-                              "data.elementItem.0.baseData.shortcut",
-                              []
-                            ).length
-                          },
-                          {
-                            "border-disabled": unref(_).get(
-                              item,
-                              "data.elementItem.0.elData.attrs.disabled",
-                              false
-                            )
-                          },
-                          {
-                            "text-red-400": unref(_).get(
-                              item,
-                              "data.elementItem.0.baseData.isSlot",
-                              false
-                            )
-                          }
-                        ]])
-                      }, toDisplayString(unref(_).get(item, "data.elementItem.0.baseData.label")), 43, _hoisted_2)
-                    ]),
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, [
-                        createElementVNode("span", _hoisted_4, "字段参数： " + toDisplayString(unref(_).get(item, "data.elementItem.0.baseData.prop")), 1),
-                        createElementVNode("span", _hoisted_5, "组件类型： " + toDisplayString(getCompConfig(unref(_).get(item, "data.elementItem.0.baseData.el"))), 1),
-                        createElementVNode("span", _hoisted_6, "快捷键： " + toDisplayString(unref(_).get(item, "data.elementItem.0.baseData.shortcut")), 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024),
-                  __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_7)) : createCommentVNode("", true),
-                  unref(_).get(item, "data.elementItem.0.baseData.isLink") ? (openBlock(), createElementBlock("div", _hoisted_8, " 引用 ")) : createCommentVNode("", true),
-                  unref(isEditModel) ? (openBlock(), createElementBlock("div", {
-                    key: 2,
-                    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_9)) : createCommentVNode("", true)
-                ], 8, _hoisted_1);
-              }), 128)),
-              createElementVNode("div", _hoisted_10, [
-                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(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-5da6fdac"]]);
-export {
-  hsFormConfigList as default
-};