hs-admin-ui 5.8.0 → 5.8.2

package/dist/aside-822hUIUZ.mjs

@@ -0,0 +1,175 @@
+import { defineComponent, defineAsyncComponent, ref, reactive, computed, onBeforeMount, watch, resolveComponent, withDirectives, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createBlock, unref, createCommentVNode, vShow } from "vue";
+import { P as useRoutesList, c as useThemeConfig, a0 as useTagsViewRoutes, s as storeToRefs, m as mittBus } from "./index-DvYORydh.mjs";
+const _hoisted_1 = { class: "h100" };
+const __default__ = defineComponent({
+  name: "layoutAside"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const Logo = defineAsyncComponent(() => import("./index-D8ZAnrId.mjs"));
+    const Vertical = defineAsyncComponent(() => import("./vertical-4s1zyg6k.mjs"));
+    const layoutAsideScrollbarRef = ref();
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { routesList } = storeToRefs(stores);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
+    const state = reactive({
+      menuList: [],
+      clientWidth: 0
+    });
+    const closeLayoutAsideMobileMode = () => {
+      const el = document.querySelector(".layout-aside-mobile-mode");
+      el == null ? void 0 : el.setAttribute("style", "animation: error-img-two 0.3s");
+      setTimeout(() => {
+        var _a;
+        (_a = el == null ? void 0 : el.parentNode) == null ? void 0 : _a.removeChild(el);
+      }, 300);
+      const clientWidth = document.body.clientWidth;
+      if (clientWidth < 1e3)
+        themeConfig.value.isCollapse = false;
+      document.body.setAttribute("class", "");
+    };
+    const setCollapseStyle = computed(() => {
+      const { layout, isCollapse, menuBar } = themeConfig.value;
+      const asideBrTheme = ["#FFFFFF", "#FFF", "#fff", "#ffffff"];
+      const asideBrColor = asideBrTheme.includes(menuBar) ? "layout-el-aside-br-color" : "";
+      if (state.clientWidth <= 1e3) {
+        if (isCollapse) {
+          document.body.setAttribute("class", "el-popup-parent--hidden");
+          const asideEle = document.querySelector(".layout-container");
+          const modeDivs = document.createElement("div");
+          modeDivs.setAttribute("class", "layout-aside-mobile-mode");
+          asideEle.appendChild(modeDivs);
+          modeDivs.addEventListener("click", closeLayoutAsideMobileMode);
+          return [asideBrColor, "layout-aside-mobile", "layout-aside-mobile-open"];
+        } else {
+          closeLayoutAsideMobileMode();
+          return [asideBrColor, "layout-aside-mobile", "layout-aside-mobile-close"];
+        }
+      } else {
+        if (layout === "columns" || layout === "classic") {
+          if (isCollapse)
+            return [asideBrColor, "layout-aside-pc-1"];
+          else
+            return [asideBrColor, "layout-aside-pc-220"];
+        } else {
+          if (isCollapse)
+            return [asideBrColor, "layout-aside-pc-64"];
+          else
+            return [asideBrColor, "layout-aside-pc-220"];
+        }
+      }
+    });
+    const setShowLogo = computed(() => {
+      let { layout, isShowLogo } = themeConfig.value;
+      return isShowLogo && layout === "defaults" || isShowLogo && layout === "columns";
+    });
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => {
+        var _a;
+        return !((_a = item.meta) == null ? void 0 : _a.isHide);
+      }).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children)
+          item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setFilterRoutes = () => {
+      if (themeConfig.value.layout === "columns")
+        return false;
+      state.menuList = filterRoutesFun(routesList.value);
+    };
+    const initMenuFixed = (clientWidth) => {
+      state.clientWidth = clientWidth;
+    };
+    const onAsideEnterLeave = (bool) => {
+      const { layout, isColumnsMenuHoverPreload } = themeConfig.value;
+      if (layout !== "columns")
+        return false;
+      if (!bool)
+        mittBus.emit("restoreDefault");
+      if (isColumnsMenuHoverPreload)
+        stores.setColumnsMenuHover(bool);
+    };
+    onBeforeMount(() => {
+      initMenuFixed(document.body.clientWidth);
+      setFilterRoutes();
+      mittBus.on("setSendColumnsChildren", (res) => {
+        state.menuList = res.children;
+      });
+      mittBus.on("setSendClassicChildren", (res) => {
+        let { layout, isClassicSplitMenu } = themeConfig.value;
+        if (layout === "classic" && isClassicSplitMenu) {
+          res.children.length <= 1 ? themeConfig.value.isCollapse = true : themeConfig.value.isCollapse = false;
+          state.menuList = [];
+          state.menuList = res.children;
+        }
+      });
+      mittBus.on("getBreadcrumbIndexSetFilterRoutes", () => {
+        setFilterRoutes();
+      });
+      mittBus.on("layoutMobileResize", (res) => {
+        initMenuFixed(res.clientWidth);
+        closeLayoutAsideMobileMode();
+      });
+    });
+    watch(
+      () => [themeConfig.value.isShowLogoChange, themeConfig.value.isShowLogo, themeConfig.value.layout, themeConfig.value.isClassicSplitMenu],
+      ([isShowLogoChange, isShowLogo, layout, isClassicSplitMenu]) => {
+        if (isShowLogoChange !== isShowLogo) {
+          if (layoutAsideScrollbarRef.value)
+            layoutAsideScrollbarRef.value.update();
+        }
+        if (layout === "classic" && isClassicSplitMenu)
+          return false;
+        setFilterRoutes();
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => routesList.value,
+      () => {
+        setFilterRoutes();
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_aside = resolveComponent("el-aside");
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_aside, {
+          class: normalizeClass(["layout-aside", setCollapseStyle.value])
+        }, {
+          default: withCtx(() => [
+            setShowLogo.value ? (openBlock(), createBlock(unref(Logo), { key: 0 })) : createCommentVNode("", true),
+            createVNode(_component_el_scrollbar, {
+              class: "flex-auto",
+              ref_key: "layoutAsideScrollbarRef",
+              ref: layoutAsideScrollbarRef,
+              onMouseenter: _cache[0] || (_cache[0] = ($event) => onAsideEnterLeave(true)),
+              onMouseleave: _cache[1] || (_cache[1] = ($event) => onAsideEnterLeave(false))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Vertical), {
+                  menuList: state.menuList
+                }, null, 8, ["menuList"])
+              ]),
+              _: 1
+            }, 512)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 512)), [
+        [vShow, !unref(isTagsViewCurrenFull)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/aside-JJ4hoP95.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-EpVRV_uE.js"),o={class:"h100"},l=e.defineComponent({name:"layoutAside"}),s=e.defineComponent({...l,setup(l){const s=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./index-DeAcYjhD.js"))))),i=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./vertical-BYjdQu-2.js"))))),u=e.ref(),n=t.useRoutesList(),a=t.useThemeConfig(),r=t.useTagsViewRoutes(),{routesList:c}=t.storeToRefs(n),{themeConfig:d}=t.storeToRefs(a),{isTagsViewCurrenFull:m}=t.storeToRefs(r),f=e.reactive({menuList:[],clientWidth:0}),v=()=>{const e=document.querySelector(".layout-aside-mobile-mode");null==e||e.setAttribute("style","animation: error-img-two 0.3s"),setTimeout((()=>{var t;null==(t=null==e?void 0:e.parentNode)||t.removeChild(e)}),300);document.body.clientWidth<1e3&&(d.value.isCollapse=!1),document.body.setAttribute("class","")},p=e.computed((()=>{const{layout:e,isCollapse:t,menuBar:o}=d.value,l=["#FFFFFF","#FFF","#fff","#ffffff"].includes(o)?"layout-el-aside-br-color":"";if(f.clientWidth<=1e3){if(t){document.body.setAttribute("class","el-popup-parent--hidden");const e=document.querySelector(".layout-container"),t=document.createElement("div");return t.setAttribute("class","layout-aside-mobile-mode"),e.appendChild(t),t.addEventListener("click",v),[l,"layout-aside-mobile","layout-aside-mobile-open"]}return v(),[l,"layout-aside-mobile","layout-aside-mobile-close"]}return"columns"===e||"classic"===e?t?[l,"layout-aside-pc-1"]:[l,"layout-aside-pc-220"]:t?[l,"layout-aside-pc-64"]:[l,"layout-aside-pc-220"]})),y=e.computed((()=>{let{layout:e,isShowLogo:t}=d.value;return t&&"defaults"===e||t&&"columns"===e})),h=e=>e.filter((e=>{var t;return!(null==(t=e.meta)?void 0:t.isHide)})).map((e=>((e=Object.assign({},e)).children&&(e.children=h(e.children)),e))),C=()=>{if("columns"===d.value.layout)return!1;f.menuList=h(c.value)},b=e=>{f.clientWidth=e},L=e=>{const{layout:o,isColumnsMenuHoverPreload:l}=d.value;if("columns"!==o)return!1;e||t.mittBus.emit("restoreDefault"),l&&n.setColumnsMenuHover(e)};return e.onBeforeMount((()=>{b(document.body.clientWidth),C(),t.mittBus.on("setSendColumnsChildren",(e=>{f.menuList=e.children})),t.mittBus.on("setSendClassicChildren",(e=>{let{layout:t,isClassicSplitMenu:o}=d.value;"classic"===t&&o&&(e.children.length<=1?d.value.isCollapse=!0:d.value.isCollapse=!1,f.menuList=[],f.menuList=e.children)})),t.mittBus.on("getBreadcrumbIndexSetFilterRoutes",(()=>{C()})),t.mittBus.on("layoutMobileResize",(e=>{b(e.clientWidth),v()}))})),e.watch((()=>[d.value.isShowLogoChange,d.value.isShowLogo,d.value.layout,d.value.isClassicSplitMenu]),(([e,t,o,l])=>{if(e!==t&&u.value&&u.value.update(),"classic"===o&&l)return!1;C()}),{deep:!0}),e.watch((()=>c.value),(()=>{C()})),(t,l)=>{const n=e.resolveComponent("el-scrollbar"),a=e.resolveComponent("el-aside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",o,[e.createVNode(a,{class:e.normalizeClass(["layout-aside",p.value])},{default:e.withCtx((()=>[y.value?(e.openBlock(),e.createBlock(e.unref(s),{key:0})):e.createCommentVNode("",!0),e.createVNode(n,{class:"flex-auto",ref_key:"layoutAsideScrollbarRef",ref:u,onMouseenter:l[0]||(l[0]=e=>L(!0)),onMouseleave:l[1]||(l[1]=e=>L(!1))},{default:e.withCtx((()=>[e.createVNode(e.unref(i),{menuList:f.menuList},null,8,["menuList"])])),_:1},512)])),_:1},8,["class"])],512)),[[e.vShow,!e.unref(m)]])}}});exports.default=s;

package/dist/baseBtnConfig-BKv407ZT.mjs

@@ -0,0 +1,265 @@
+const data = {
+  name: "按钮名称",
+  key: "",
+  isApply: true,
+  // 是否启用
+  isSlot: false,
+  // 是否使用插槽
+  isShow: false,
+  // 是否显示
+  // color: '', // 自定义颜色
+  // textColor: '', // 文本颜色
+  size: "small",
+  // 尺寸
+  btnIcon: "",
+  // 按钮图标
+  type: "primary",
+  // 类型
+  plain: false,
+  // 是否为朴素按钮
+  text: false,
+  // 是否为文本按钮
+  bg: false,
+  // 是否显示文字按钮背景颜色
+  link: false,
+  // 是否为链接
+  round: false,
+  // 是否为圆角按钮
+  circle: false,
+  // 是否为圆形按钮
+  loading: false,
+  // 是否为加载中状态
+  "loading-icon": "Loading",
+  // 自定义加载中状态图标组件
+  disabled: false,
+  // 按钮是否为禁用状态
+  // icon: '', // 图标组件
+  autofocus: false,
+  // 原生 autofocus 属性
+  "native-type": "button",
+  // 'auto-insert-space':
+  // 'color':''
+  dark: false,
+  // dark 模式
+  tag: "button"
+  //自定义元素标签
+};
+const btnBaseRule = {
+  name: [{ required: true, message: "请输入按钮名称" }],
+  key: [{ required: true, message: "请输入按钮key值" }]
+};
+const config = {
+  title: {
+    subTitle: "按钮配置"
+  },
+  visible: true,
+  list: [
+    {
+      prop: "name",
+      label: "按钮名称",
+      el: "hs-input",
+      tooltips: "按钮名称"
+    },
+    {
+      prop: "key",
+      label: "按钮key值",
+      el: "hs-input",
+      slotValue: "key",
+      tooltips: "按钮key值"
+    },
+    {
+      prop: "isApply",
+      label: "是否启用",
+      el: "hs-switch",
+      tooltips: "是否启用"
+    },
+    {
+      prop: "isSlot",
+      label: "插槽名称",
+      el: "hs-switch",
+      tooltips: "是否自定义插槽， 如果用插槽则赋值，不用插槽则清空"
+    },
+    {
+      prop: "isShow",
+      label: "是否显示",
+      el: "hs-switch",
+      tooltips: "是否显示"
+    },
+    {
+      prop: "color",
+      label: "自定义颜色",
+      el: "hs-color-picker"
+      // slotValue: 'color',
+    },
+    {
+      prop: "textColor",
+      label: "按钮文本色",
+      el: "hs-color-picker"
+      // slotValue: 'textColor',
+    },
+    {
+      prop: "btnIcon",
+      label: "按钮图标",
+      el: "hs-input",
+      slotValue: "btnIcon"
+    },
+    {
+      prop: "iconPosition",
+      label: "图标位置",
+      el: "hs-select",
+      cel: "hs-option",
+      op: [
+        { label: "左边", value: "left" },
+        { label: "右边", value: "right" }
+      ]
+    },
+    {
+      prop: "fnName",
+      label: "方法名称",
+      el: "hs-input",
+      type: "textarea"
+    },
+    {
+      prop: "size",
+      label: "尺寸",
+      el: "hs-select",
+      cel: "hs-option",
+      op: [
+        { label: "大", value: "large" },
+        { label: "默认", value: "default" },
+        { label: "小", value: "small" }
+      ]
+      // tooltips: '',
+    },
+    {
+      prop: "type",
+      label: "类型",
+      el: "hs-select",
+      cel: "hs-option",
+      op: [
+        { label: "primary", value: "primary" },
+        { label: "success", value: "success" },
+        { label: "warning", value: "warning" },
+        { label: "danger", value: "danger" },
+        { label: "info", value: "info" }
+      ]
+    },
+    {
+      prop: "plain",
+      label: "朴素按钮",
+      el: "hs-switch",
+      tooltips: "是否为朴素按钮"
+    },
+    {
+      prop: "text",
+      label: "文字按钮",
+      el: "hs-switch",
+      tooltips: "是否为文字按钮"
+    },
+    {
+      prop: "bg",
+      label: "文字按钮背景颜色",
+      el: "hs-switch",
+      tooltips: "是否显示文字按钮背景颜色"
+    },
+    {
+      prop: "link",
+      label: "链接按钮",
+      el: "hs-switch",
+      tooltips: "是否为链接按钮"
+    },
+    {
+      prop: "round",
+      label: "圆角按钮",
+      el: "hs-switch",
+      tooltips: "是否为圆角按钮"
+    },
+    {
+      prop: "circle",
+      label: "圆形按钮",
+      el: "hs-switch",
+      tooltips: "是否为圆形按钮"
+    },
+    {
+      prop: "loading",
+      label: "加载状态",
+      el: "hs-switch",
+      tooltips: "是否为加载中状态"
+    },
+    {
+      prop: "loading-icon",
+      label: "加载状态图标",
+      el: "hs-input",
+      tooltips: "自定义加载中状态图标组件"
+    },
+    {
+      prop: "disabled",
+      label: "是否禁用",
+      el: "hs-switch",
+      tooltips: "按钮是否为禁用状态"
+    },
+    {
+      prop: "icon",
+      label: "图标组件",
+      el: "hs-input",
+      tooltips: "图标组件"
+    },
+    {
+      prop: "autofocus",
+      label: "自动聚焦",
+      el: "hs-switch",
+      tooltips: "原生 autofocus 属性"
+    },
+    {
+      prop: "native-type",
+      label: "原生 type 属性",
+      el: "hs-select",
+      cel: "hs-option",
+      op: [
+        { label: "按钮", value: "button" },
+        { label: "提交", value: "submit" },
+        { label: "重置", value: "reset" }
+      ],
+      tooltips: "原生 type 属性"
+    },
+    {
+      prop: "auto-insert-space",
+      label: "中文字符之间插入空格",
+      el: "hs-switch",
+      tooltips: "自动在两个中文字符之间插入空格"
+    },
+    {
+      prop: "color",
+      label: "按钮颜色",
+      el: "hs-input",
+      tooltips: "自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色"
+    },
+    {
+      prop: "dark",
+      label: "dark 模式",
+      el: "hs-switch",
+      tooltips: "dark 模式, 意味着自动设置 color 为 dark 模式的颜色"
+    },
+    {
+      prop: "tag",
+      label: "自定义元素标签",
+      el: "hs-input",
+      tooltips: "自定义元素标签"
+    }
+  ],
+  rules: btnBaseRule
+  // btnBaseRule,
+};
+const btnItemConfig = {
+  id: "",
+  data
+};
+const emptyBtnItemData = {
+  id: "",
+  data: {}
+};
+export {
+  btnItemConfig as b,
+  config as c,
+  emptyBtnItemData as e
+};

package/dist/baseBtnConfig-CIYKz-TG.js

@@ -0,0 +1 @@
+"use strict";const l={title:{subTitle:"按钮配置"},visible:!0,list:[{prop:"name",label:"按钮名称",el:"hs-input",tooltips:"按钮名称"},{prop:"key",label:"按钮key值",el:"hs-input",slotValue:"key",tooltips:"按钮key值"},{prop:"isApply",label:"是否启用",el:"hs-switch",tooltips:"是否启用"},{prop:"isSlot",label:"插槽名称",el:"hs-switch",tooltips:"是否自定义插槽， 如果用插槽则赋值，不用插槽则清空"},{prop:"isShow",label:"是否显示",el:"hs-switch",tooltips:"是否显示"},{prop:"color",label:"自定义颜色",el:"hs-color-picker"},{prop:"textColor",label:"按钮文本色",el:"hs-color-picker"},{prop:"btnIcon",label:"按钮图标",el:"hs-input",slotValue:"btnIcon"},{prop:"iconPosition",label:"图标位置",el:"hs-select",cel:"hs-option",op:[{label:"左边",value:"left"},{label:"右边",value:"right"}]},{prop:"fnName",label:"方法名称",el:"hs-input",type:"textarea"},{prop:"size",label:"尺寸",el:"hs-select",cel:"hs-option",op:[{label:"大",value:"large"},{label:"默认",value:"default"},{label:"小",value:"small"}]},{prop:"type",label:"类型",el:"hs-select",cel:"hs-option",op:[{label:"primary",value:"primary"},{label:"success",value:"success"},{label:"warning",value:"warning"},{label:"danger",value:"danger"},{label:"info",value:"info"}]},{prop:"plain",label:"朴素按钮",el:"hs-switch",tooltips:"是否为朴素按钮"},{prop:"text",label:"文字按钮",el:"hs-switch",tooltips:"是否为文字按钮"},{prop:"bg",label:"文字按钮背景颜色",el:"hs-switch",tooltips:"是否显示文字按钮背景颜色"},{prop:"link",label:"链接按钮",el:"hs-switch",tooltips:"是否为链接按钮"},{prop:"round",label:"圆角按钮",el:"hs-switch",tooltips:"是否为圆角按钮"},{prop:"circle",label:"圆形按钮",el:"hs-switch",tooltips:"是否为圆形按钮"},{prop:"loading",label:"加载状态",el:"hs-switch",tooltips:"是否为加载中状态"},{prop:"loading-icon",label:"加载状态图标",el:"hs-input",tooltips:"自定义加载中状态图标组件"},{prop:"disabled",label:"是否禁用",el:"hs-switch",tooltips:"按钮是否为禁用状态"},{prop:"icon",label:"图标组件",el:"hs-input",tooltips:"图标组件"},{prop:"autofocus",label:"自动聚焦",el:"hs-switch",tooltips:"原生 autofocus 属性"},{prop:"native-type",label:"原生 type 属性",el:"hs-select",cel:"hs-option",op:[{label:"按钮",value:"button"},{label:"提交",value:"submit"},{label:"重置",value:"reset"}],tooltips:"原生 type 属性"},{prop:"auto-insert-space",label:"中文字符之间插入空格",el:"hs-switch",tooltips:"自动在两个中文字符之间插入空格"},{prop:"color",label:"按钮颜色",el:"hs-input",tooltips:"自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色"},{prop:"dark",label:"dark 模式",el:"hs-switch",tooltips:"dark 模式, 意味着自动设置 color 为 dark 模式的颜色"},{prop:"tag",label:"自定义元素标签",el:"hs-input",tooltips:"自定义元素标签"}],rules:{name:[{required:!0,message:"请输入按钮名称"}],key:[{required:!0,message:"请输入按钮key值"}]}},e={id:"",data:{name:"按钮名称",key:"",isApply:!0,isSlot:!1,isShow:!1,size:"small",btnIcon:"",type:"primary",plain:!1,text:!1,bg:!1,link:!1,round:!1,circle:!1,loading:!1,"loading-icon":"Loading",disabled:!1,autofocus:!1,"native-type":"button",dark:!1,tag:"button"}};exports.btnItemConfig=e,exports.config=l,exports.emptyBtnItemData={id:"",data:{}};

package/dist/baseFormConfig-LID74dul.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");let l=e.ref({size:"default",rules:"",labelWidth:"80",hideRequiredAsterisk:!1,showMessage:!0,inlineMessage:!1,disabled:!1,gutter:10,justify:"start",align:"",isSetDictDefaultValue:!0,isSupportShortcutKey:!0,rowGap:0,columnGap:0,readonly:!1}),t=e.ref([{prop:"rules",label:"表单验证规则",type:"textarea",el:"hs-input"},{prop:"labelWidth",label:"标签的宽度",tooltip:'标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',el:"hs-input"},{prop:"hideRequiredAsterisk",label:"是否隐藏必填标识",tooltip:"是否隐藏必填字段标签旁边的红色星号。",el:"hs-switch"},{prop:"showMessage",label:"是否显示校验错误信息",tooltip:"是否显示校验错误信息",el:"hs-switch"},{prop:"size",label:"表单项组件的尺寸",el:"hs-select",tooltip:"用于控制该表单内组件的尺寸",op:[{label:" 大尺寸",value:"large"},{label:"默认尺寸",value:"default"},{label:"小尺寸",value:"small"}],cel:"hs-option"},{prop:"disabled",label:"是否禁用表单项",tooltip:"是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性",el:"hs-switch"},{label:"是否取字典项的默认值",prop:"isSetDictDefaultValue",el:"hs-switch",tooltip:"当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置"},{label:"是否支持表单回车快捷功能",prop:"isSupportShortcutKey",el:"hs-switch"},{label:"行间隔",prop:"rowGap",type:"number",el:"hs-input"},{label:"列间隔",prop:"columnGap",type:"number",el:"hs-input"},{label:"区域背景色",prop:"bg",el:"hs-color-picker"},{label:"表单项只读",prop:"readonly",el:"hs-switch"}]);const o=e.ref([{label:"输入框",value:"hs-input"},{label:"选择器",value:"hs-select"},{label:"开关",value:"hs-switch"},{label:"日期选择器",value:"hs-date-picker"},{label:"按钮",value:"hs-button"},{label:"自动补全",value:"hs-autocomplete"},{label:"上传",value:"hs-upload"},{label:"多选框",value:"hs-checkbox"},{label:"单选框",value:"hs-radio"},{label:"数字输入框",value:"hs-input-number"},{label:"级联面板",value:"hs-cascader-panel"},{label:"树形选择",value:"hs-tree-select"},{label:"级联选择器",value:"hs-cascader"}]),a=e.ref([{label:"string",value:"string"},{label:"number",value:"number"},{label:"boolean",value:"boolean"}]),s=e.ref([{label:"Array",value:"Array"},{label:"Object",value:"Object"}]);let i=e.ref({id:"",data:{baseData:{label:"参数名称",prop:"",el:"",isSlot:!1,isApply:!0,isShow:!0},elementItem:[{baseData:{label:"参数名称",prop:"",el:"",isSlot:!1,isApply:!0,isShow:!0},elData:{}}],layoutData:{rowSpan:1,colSpan:1,labelBg:"#FFFFFF",labelColor:"#000000"}},baseConfig:{visible:!0},elConfig:{title:{subTitle:"元素项属性"},visible:!0,list:[]},layoutConfig:{title:{subTitle:"布局配置"},visible:!1,list:[{prop:"rowSpan",label:"行数",tooltip:"栅格占据的行数",type:"number",el:"hs-input"},{prop:"colSpan",label:"列数",tooltip:"栅格占据的列数",type:"number",el:"hs-input"},{prop:"labelBg",label:"标签背景色",tooltip:"标签背景色",type:"string",el:"hs-color-picker"},{prop:"labelColor",label:"标签字体颜色",tooltip:"标签字体颜色",type:"string",el:"hs-color-picker"}]},defaultConfig:{title:{subTitle:"数据配置"},visible:!1,list:[]}}),p=e.ref({title:{subTitle:"表单项属性"},visible:!0,list:[{prop:"label",label:"参数名称",el:"hs-input",required:!1},{prop:"prop",label:"查询参数",el:"hs-input",slotValue:"prop"},{prop:"el",label:"组件类型",clearable:!1,tooltip:"下拉选择组件类型，组件类型取自配置文件",el:"hs-select",cel:"hs-option",op:o.value},{prop:"baseType",label:"基础类型",clearable:!1,tooltip:"基础类型",el:"hs-select",cel:"hs-option",op:a.value},{prop:"complexType",label:"复杂类型",clearable:!0,tooltip:"复杂类型",el:"hs-select",cel:"hs-option",op:s.value},{prop:"isSlot",label:"是否自定义插槽",el:"hs-switch",tooltip:"下拉选择，自定义模板，选择的名称就是模板名称"},{prop:"isApply",label:"是否启用",tooltip:"是否启用该表单项",el:"hs-switch"},{prop:"isShow",label:"是否显示该表单项",el:"hs-switch"},{prop:"tooltip",label:"tooltip",el:"hs-input"}]}),r=e.ref({title:{subTitle:"表单项属性"},visible:!0,list:[{prop:"el",label:"组件类型",clearable:!1,tooltip:"下拉选择组件类型，组件类型取自配置文件",el:"hs-select",cel:"hs-option",op:o.value},{prop:"isSlot",label:"是否自定义插槽",el:"hs-switch",tooltip:"下拉选择，自定义模板，选择的名称就是模板名称"},{prop:"isApply",label:"是否启用",tooltip:"是否启用该表单项",el:"hs-switch"},{prop:"isShow",label:"是否显示该表单项",el:"hs-switch"}]}),b=e.ref({id:"",data:{layoutData:{},defaultData:{},elementItem:[{baseData:{},elData:{}}]},baseConfig:{title:{subTitle:"表单项属性"},visible:!0,list:[]},elConfig:{title:{subTitle:"元素项属性"},visible:!0,list:[]},layoutConfig:{title:{subTitle:"布局配置"},visible:!1,list:[]},defaultConfig:{title:{subTitle:"默认数据配置"},visible:!1,list:[]}}),u=e.ref({code:{visible:!1,subTitle:"表单配置代码",class:"font-bold my-3",iconSize:20},form:{visible:!0,subTitle:"表单项配置",class:"font-bold my-3",iconSize:20},formItem:{visible:!0,subTitle:"表单元素配置项集合",class:"font-bold my-3",iconSize:20},formExample:{visible:!1,subTitle:"表单配置示例",class:"font-bold my-3",iconSize:20},component:{visible:!0,subTitle:"组件配置",class:"font-bold my-3",iconSize:20},slot:{visible:!0,subTitle:"插槽配置",class:"font-bold my-3",iconSize:20},base:{visible:!0,subTitle:"基础表单项配置",class:"font-bold my-3",iconSize:20},baseForm:{visible:!0,subTitle:"基础表单配置",class:"font-bold my-3",iconSize:20}});const h=e.ref([{label:"输入框",value:"hs-input"},{label:"选择器",value:"hs-select"},{label:"开关",value:"hs-switch"},{label:"日期选择器",value:"hs-date-picker"},{label:"按钮",value:"hs-button"},{label:"自动补全",value:"hs-autocomplete"},{label:"上传",value:"hs-upload"},{label:"多选框",value:"hs-checkbox"},{label:"单选框",value:"hs-radio"},{label:"数字输入框",value:"hs-input-number"},{label:"级联选面板",value:"hs-cascader-panel"},{label:"树形选择",value:"hs-tree-select"},{label:"级联选择器",value:"hs-cascader"}]),n=e.ref([{prop:"name",label:"选择组件",el:"hs-select",op:h.value,cel:"hs-option"}]),c=e.ref([{prop:"name",label:"插槽名称",el:"hs-input"}]),f=e.ref([{prop:"label",label:"表单标题",el:"hs-input"},{prop:"isShowLabel",label:"是否显示表单标题",el:"hs-switch"},{prop:"fieldID",label:"字段标识",el:"hs-input"},{prop:"grid",label:"栅格",el:"hs-input",type:"number"}]),v=e.ref([{prop:"labelWidth",label:"标签的宽度",tooltip:'标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',el:"hs-input"},{prop:"labelPosition",label:"表单域标签的位置",el:"hs-select",tooltip:"表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性",required:!1,multiple:!1,op:[{label:" 靠左",value:"left"},{label:"靠右",value:"right"},{label:"靠上",value:"top"}],cel:"hs-option"},{prop:"size",label:"表单项组件的尺寸",el:"hs-select",tooltip:"用于控制该表单内组件的尺寸",op:[{label:" 大尺寸",value:"large"},{label:"默认尺寸",value:"default"},{label:"小尺寸",value:"small"}],cel:"hs-option"},{prop:"labelSuffix",label:"表单域标签的后缀",tooltip:"表单域标签的后缀",el:"hs-input"},{prop:"requireAsteriskPosition",label:"必填标识的位置",tooltip:"星号的位置。",el:"hs-select",op:[{label:" 靠左",value:"left"},{label:"靠右",value:"right"}],cel:"hs-option"},{prop:"statusIcon",label:"是否框中显示校验反馈图标",tooltip:"是否在输入框中显示校验结果反馈图标",el:"hs-switch"},{prop:"validateOnRuleChange",label:"是否触发第一次验证",tooltip:"是否在 rules 属性改变后立即触发一次验证",el:"hs-switch"},{prop:"scrollToError",label:"滚动至首个校验失败的表单",tooltip:"当校验失败时，滚动到第一个错误表单项",el:"hs-switch"},{prop:"submitUrl",label:"提交表单的请求api",el:"hs-input"},{prop:"method",label:"请求方式",type:"",op:[{label:" POST",value:"post"},{label:"GET",value:"get"},{label:"DELETE",value:"delete"},{label:"PUT",value:"put"}],el:"hs-select",cel:"hs-option"},{prop:"proxy",label:"系统代理",type:"",el:"hs-input"},{prop:"action_name",label:"操作名称",type:"",el:"hs-input"},{prop:"disabled",label:"是否禁用该表单",type:"",el:"hs-switch"}]);exports.baseConfig=p,exports.baseConfig2=r,exports.compConfig={"hs-input":"hs-config-input","hs-select":"hs-config-select","hs-switch":"hs-config-switch","hs-date-picker":"hs-config-date-picker","hs-button":"hs-config-button","hs-autocomplete":"hs-config-autocomplete","hs-upload":"hs-config-upload","hs-checkbox":"hs-config-checkbox","hs-radio":"hs-config-radio","hs-input-number":"hs-config-input-number","hs-cascader-panel":"hs-config-cascader-panel","hs-tree-select":"hs-config-tree-select","hs-cascader":"hs-config-cascader"},exports.emptyFormItemData=b,exports.formBaseRule={label:[{required:!1,message:"请输入参数名称"}],prop:[{required:!1,message:"请输入查询参数"}],el:[{required:!0,message:"请选择组件类型"}],baseType:[{required:!0,message:"请选择基础类型"}]},exports.formItemChildConfig={baseData:{label:"参数名称",prop:"",el:"",isSlot:!1,isApply:!0,isShow:!0},elData:{}},exports.formItemConfig=i,exports.formTitleConfig=u,exports.parentBaseConfig=f,exports.parentBaseFormConfig=v,exports.parentComponentConfig=n,exports.parentFormConfig=t,exports.parentFormData=l,exports.parentSlotConfig=c;