hs-admin-ui 15.5.1 → 15.5.3

package/dist/hsFormConfig-XU9bJ3kx.mjs

@@ -0,0 +1,207 @@
+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-CYGyHWBv.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-TKRLW26e.mjs

@@ -0,0 +1,414 @@
+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-CYGyHWBv.mjs";
+import { u as useConfigInfo } from "./useConfigInfo-PTkkdx-l.mjs";
+import Contextmenu from "./contextmenu-0Efiyp1u.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
+};

package/dist/hsFormConfigList-dZqSrJSK.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./baseFormConfig-D5Q35Bo3.js"),o=require("./index-DnFBRN9K.js"),l=require("./useConfigInfo-2zEYLSSs.js"),n=require("./contextmenu-D5Ssw8tr.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;