hs-admin-ui 1.0.11 → 1.1.1

package/dist/baseFormConfig-gsmhhpHy.mjs

@@ -0,0 +1,535 @@
+import { ref as e } from "vue";
+let i = e({
+  size: "default",
+  rules: "",
+  //  表单校验规则
+  labelWidth: "80",
+  // 表单域标签的宽度
+  hideRequiredAsterisk: !1,
+  // 是否隐藏必填标识
+  showMessage: !0,
+  // 是否显示校验错误信息
+  inlineMessage: !1,
+  // 是否以行内展示校验信息
+  disabled: !1,
+  // 是否禁用该表单项
+  gutter: 10,
+  // 栅格间隔
+  justify: "start",
+  // flex 布局下的水平排列方式
+  align: "",
+  // flex 布局下的垂直排列方式
+  isSetDictDefaultValue: !0,
+  // 是否取字典项的默认值
+  isSupportShortcutKey: !0,
+  // 是否支持表单回车快捷功能
+  rowGap: 0,
+  // 行间隔
+  columnGap: 0
+  // 列间隔
+}), p = e([
+  { 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"
+  }
+]);
+const l = e([
+  { 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" }
+]), t = e([
+  { label: "string", value: "string" },
+  { label: "number", value: "number" },
+  { label: "boolean", value: "boolean" }
+]), a = e([
+  { label: "Array", value: "Array" },
+  { label: "Object", value: "Object" }
+]), r = {
+  "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"
+};
+let b = e({
+  id: "",
+  // 配置绑定的值
+  data: {
+    baseData: {
+      label: "参数名称",
+      prop: "",
+      el: "",
+      // 'hs-input',
+      isSlot: !1,
+      isApply: !0,
+      isShow: !0
+    },
+    elementItem: [
+      {
+        baseData: {
+          label: "参数名称",
+          prop: "",
+          el: "",
+          // 'hs-input',
+          isSlot: !1,
+          isApply: !0,
+          isShow: !0
+        },
+        elData: {}
+      }
+    ],
+    layoutData: {
+      rowSpan: 1,
+      colSpan: 1,
+      labelBg: "#F5F5F5",
+      labelColor: "#606266"
+    }
+  },
+  // 配置
+  baseConfig: {
+    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: l.value
+      },
+      {
+        prop: "baseType",
+        label: "基础类型",
+        clearable: !1,
+        tooltip: "基础类型",
+        el: "hs-select",
+        cel: "hs-option",
+        op: t.value
+      },
+      {
+        prop: "complexType",
+        label: "复杂类型",
+        clearable: !0,
+        tooltip: "复杂类型",
+        el: "hs-select",
+        cel: "hs-option",
+        op: a.value
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch",
+        tooltip: "下拉选择，自定义模板，选择的名称就是模板名称"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      }
+    ]
+  },
+  baseConfig2: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: !0,
+    list: [
+      // {
+      // 	prop: 'label',
+      // 	label: '参数名称',
+      // 	el: 'hs-input',
+      // 	required: false,
+      // },
+      // {
+      // 	prop: 'prop',
+      // 	label: '查询参数',
+      // 	el: 'hs-input',
+      // },
+      {
+        prop: "el",
+        label: "组件类型",
+        clearable: !1,
+        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        el: "hs-select",
+        cel: "hs-option",
+        op: l.value
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch",
+        tooltip: "下拉选择，自定义模板，选择的名称就是模板名称"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      }
+    ]
+  },
+  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: []
+  }
+}), u = e({
+  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: []
+  }
+}), n = e({
+  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 = {
+  label: [{ required: !1, message: "请输入参数名称" }],
+  prop: [{ required: !1, message: "请输入查询参数" }],
+  el: [{ required: !0, message: "请选择组件类型" }],
+  baseType: [{ required: !0, message: "请选择基础类型" }]
+}, s = e([
+  { 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" }
+]), c = e([
+  { prop: "name", label: "选择组件", el: "hs-select", op: s.value, cel: "hs-option" }
+]), f = e([{ prop: "name", label: "插槽名称", el: "hs-input" }]), m = e([
+  { prop: "label", label: "表单标题", el: "hs-input" },
+  { prop: "fieldID", label: "字段标识", el: "hs-input" },
+  { prop: "grid", label: "栅格", el: "hs-input", type: "number" }
+]), v = e([
+  {
+    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"
+  }
+]), d = {
+  baseData: {
+    label: "参数名称",
+    prop: "",
+    el: "",
+    // 'hs-input',
+    isSlot: !1,
+    isApply: !0,
+    isShow: !0
+  },
+  elData: {}
+};
+export {
+  h as a,
+  b,
+  r as c,
+  n as d,
+  u as e,
+  d as f,
+  m as g,
+  p as h,
+  c as i,
+  f as j,
+  i as k,
+  v as p
+};

package/dist/classic-BlhjqZm1.mjs

@@ -0,0 +1,61 @@
+import { defineComponent as d, defineAsyncComponent as t, ref as w, computed as R, onMounted as k, watch as i, nextTick as u, resolveComponent as x, openBlock as f, createBlock as m, withCtx as p, createVNode as o, unref as a, createElementVNode as M, createCommentVNode as b } from "vue";
+import { u as L, c as S, s as V } from "./index-Dhs1mpX3.mjs";
+const B = { class: "flex-center layout-backtop" }, N = d({
+  name: "layoutClassic"
+}), q = /* @__PURE__ */ d({
+  ...N,
+  setup(A) {
+    const _ = t(() => import("./aside-DGc3OnFl.mjs")), y = t(() => import("./header-C3Hd8Q3M.mjs")), h = t(() => import("./main-CYbbxvEA.mjs")), v = t(() => import("./tagsView-DyGjuEAc.mjs")), e = w(), T = L(), g = S(), { themeConfig: s } = V(g), C = R(() => s.value.isTagsview), c = () => {
+      var n;
+      (n = e.value) == null || n.layoutMainScrollbarRef.update();
+    }, r = () => {
+      u(() => {
+        setTimeout(() => {
+          c(), e.value && (e.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0);
+        }, 500);
+      });
+    };
+    return k(() => {
+      r();
+    }), i(
+      () => T.path,
+      () => {
+        r();
+      }
+    ), i(
+      () => s.value.isTagsview,
+      () => {
+        u(() => {
+          c();
+        });
+      },
+      {
+        deep: !0
+      }
+    ), (n, H) => {
+      const l = x("el-container");
+      return f(), m(l, { class: "layout-container flex-center" }, {
+        default: p(() => [
+          o(a(y)),
+          o(l, { class: "layout-mian-height-50" }, {
+            default: p(() => [
+              o(a(_)),
+              M("div", B, [
+                C.value ? (f(), m(a(v), { key: 0 })) : b("", !0),
+                o(a(h), {
+                  ref_key: "layoutMainRef",
+                  ref: e
+                }, null, 512)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  q as default
+};

package/dist/classic-C1fwXJED.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-BBFX4zTo.js"),y={class:"flex-center layout-backtop"},_=e.defineComponent({name:"layoutClassic"}),h=e.defineComponent({..._,setup(v){const i=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./aside-BzSCwijB.js"))),u=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./header-Uixvrltl.js"))),l=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./main-Ciq0G2HA.js"))),f=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./tagsView-BxFaRC3C.js"))),t=e.ref(),d=n.useRoute(),m=n.useThemeConfig(),{themeConfig:r}=n.storeToRefs(m),p=e.computed(()=>r.value.isTagsview),a=()=>{var o;(o=t.value)==null||o.layoutMainScrollbarRef.update()},c=()=>{e.nextTick(()=>{setTimeout(()=>{a(),t.value&&(t.value.layoutMainScrollbarRef.wrapRef.scrollTop=0)},500)})};return e.onMounted(()=>{c()}),e.watch(()=>d.path,()=>{c()}),e.watch(()=>r.value.isTagsview,()=>{e.nextTick(()=>{a()})},{deep:!0}),(o,C)=>{const s=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(s,{class:"layout-container flex-center"},{default:e.withCtx(()=>[e.createVNode(e.unref(u)),e.createVNode(s,{class:"layout-mian-height-50"},{default:e.withCtx(()=>[e.createVNode(e.unref(i)),e.createElementVNode("div",y,[p.value?(e.openBlock(),e.createBlock(e.unref(f),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l),{ref_key:"layoutMainRef",ref:t},null,512)])]),_:1})]),_:1})}}});exports.default=h;

package/dist/columns-B_BDzll6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-BBFX4zTo.js"),y=e.defineComponent({name:"layoutColumns"}),_=e.defineComponent({...y,setup(v){const s=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./aside-BzSCwijB.js"))),u=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./header-Uixvrltl.js"))),i=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./main-Ciq0G2HA.js"))),f=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./columnsAside-BnmkADVF.js"))),t=e.ref(""),o=e.ref(),d=n.useRoute(),p=n.useThemeConfig(),{themeConfig:r}=n.storeToRefs(p),a=()=>{t.value.update(),o.value&&o.value.layoutMainScrollbarRef.update()},l=()=>{e.nextTick(()=>{setTimeout(()=>{a(),t.value.wrapRef.scrollTop=0,o.value.layoutMainScrollbarRef.wrapRef.scrollTop=0},500)})};return e.onMounted(()=>{l()}),e.watch(()=>d.path,()=>{l()}),e.watch(()=>[r.value.isTagsview,r.value.isFixedHeader],()=>{e.nextTick(()=>{a()})},{deep:!0}),(h,C)=>{const m=e.resolveComponent("el-scrollbar"),c=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(c,{class:"layout-container"},{default:e.withCtx(()=>[e.createVNode(e.unref(f)),e.createVNode(c,{class:"layout-columns-warp layout-container-view h100"},{default:e.withCtx(()=>[e.createVNode(e.unref(s)),e.createVNode(m,{ref_key:"layoutScrollbarRef",ref:t,class:"layout-backtop"},{default:e.withCtx(()=>[e.createVNode(e.unref(u)),e.createVNode(e.unref(i),{ref_key:"layoutMainRef",ref:o},null,512)]),_:1},512)]),_:1})]),_:1})}}});exports.default=_;

package/dist/columns-Cq3GIdZK.mjs

@@ -0,0 +1,67 @@
+import { defineComponent as _, defineAsyncComponent as t, ref as i, onMounted as T, watch as f, nextTick as p, resolveComponent as m, openBlock as w, createBlock as k, withCtx as n, createVNode as e, unref as a } from "vue";
+import { u as M, c as S, s as g } from "./index-Dhs1mpX3.mjs";
+const x = _({
+  name: "layoutColumns"
+}), N = /* @__PURE__ */ _({
+  ...x,
+  setup(A) {
+    const d = t(() => import("./aside-DGc3OnFl.mjs")), y = t(() => import("./header-C3Hd8Q3M.mjs")), v = t(() => import("./main-CYbbxvEA.mjs")), R = t(() => import("./columnsAside-Btuzk9GJ.mjs")), l = i(""), o = i(), h = M(), C = S(), { themeConfig: r } = g(C), s = () => {
+      l.value.update(), o.value && o.value.layoutMainScrollbarRef.update();
+    }, c = () => {
+      p(() => {
+        setTimeout(() => {
+          s(), l.value.wrapRef.scrollTop = 0, o.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    return T(() => {
+      c();
+    }), f(
+      () => h.path,
+      () => {
+        c();
+      }
+    ), f(
+      () => [r.value.isTagsview, r.value.isFixedHeader],
+      () => {
+        p(() => {
+          s();
+        });
+      },
+      {
+        deep: !0
+      }
+    ), (B, H) => {
+      const b = m("el-scrollbar"), u = m("el-container");
+      return w(), k(u, { class: "layout-container" }, {
+        default: n(() => [
+          e(a(R)),
+          e(u, { class: "layout-columns-warp layout-container-view h100" }, {
+            default: n(() => [
+              e(a(d)),
+              e(b, {
+                ref_key: "layoutScrollbarRef",
+                ref: l,
+                class: "layout-backtop"
+              }, {
+                default: n(() => [
+                  e(a(y)),
+                  e(a(v), {
+                    ref_key: "layoutMainRef",
+                    ref: o
+                  }, null, 512)
+                ]),
+                _: 1
+              }, 512)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/columnsAside-BnmkADVF.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-BBFX4zTo.js"),O={class:"layout-columns-aside"},R=["onClick","onMouseenter","title"],D={class:"columns-vertical-title font12"},N=["href"],T={class:"columns-vertical-title font12"},b=e.defineComponent({name:"layoutColumnsAside"}),E=e.defineComponent({...b,setup(V){const v=e.ref([]),_=e.ref(),d=i.useRoutesList(),k=i.useThemeConfig(),{routesList:B,isColumnsMenuHover:h,isColumnsNavHover:p}=i.storeToRefs(d),{themeConfig:u}=i.storeToRefs(k),C=i.useRoute(),A=i.useRouter(),l=e.reactive({columnsAsideList:[],liIndex:0,liOldIndex:null,liHoverIndex:null,liOldPath:null,difference:0,routeSplit:[]}),a=s=>{const t=s.split("/");let o={children:[]};return l.columnsAsideList.map((r,n)=>{r.path===`/${t[1]}`&&(r.k=n,o.item={...r},o.children=[{...r}],r.children&&(o.children=r.children))}),o},g=s=>{if(s===void 0)return!1;l.liIndex=s,_.value.style.top=`${v.value[s].offsetTop+l.difference}px`},m=s=>{e.nextTick(()=>{g(s)})},S=s=>s.filter(t=>{var o;return!((o=t.meta)!=null&&o.isHide)}).map(t=>(t=Object.assign({},t),t.children&&(t.children=S(t.children)),t)),x=s=>{var r;let{path:t,redirect:o}=s;if(o)m(s.k),C.path.startsWith(o)?i.mittBus.emit("setSendColumnsChildren",a(o)):A.push(o);else if(!s.children)A.push(t);else{const n=a(t);if(Object.keys(n).length<=0)return!1;m((r=n.item)==null?void 0:r.k),i.mittBus.emit("setSendColumnsChildren",n)}s.children?s.children.length>1&&(u.value.isCollapse=!1):u.value.isCollapse=!0},M=(s,t)=>{if(!u.value.isColumnsMenuHoverPreload)return!1;let{path:o}=s;l.liOldPath=o,l.liOldIndex=t,l.liHoverIndex=t,i.mittBus.emit("setSendColumnsChildren",a(o)),d.setColumnsMenuHover(!1),d.setColumnsNavHover(!0)},I=async()=>{if(!u.value.isColumnsMenuHoverPreload)return!1;await d.setColumnsNavHover(!1),setTimeout(()=>{!h&&!p&&i.mittBus.emit("restoreDefault")},100)},y=s=>{const t=a(s);return t.children.length<=1?u.value.isCollapse=!0:u.value.isCollapse=!1,t},L=()=>{var t;l.columnsAsideList=S(B.value);const s=y(C.path);m((t=s.item)==null?void 0:t.k),setTimeout(()=>{i.mittBus.emit("setSendColumnsChildren",s)},500)},H=s=>{l.routeSplit=s.split("/"),l.routeSplit.shift();const t=`/${l.routeSplit[0]}`,o=l.columnsAsideList.find(r=>r.path===t);if(!o)return!1;setTimeout(()=>{m(o.k)},0)};return e.onMounted(()=>{L(),i.mittBus.on("restoreDefault",()=>{l.liOldIndex=null,l.liOldPath=null})}),e.onUnmounted(()=>{i.mittBus.off("restoreDefault")}),i.onBeforeRouteUpdate(s=>{const t=y(s.path);H(s.path),i.mittBus.emit("setSendColumnsChildren",t)}),e.watch([()=>u.value.columnsAsideStyle,h,p],()=>{if(u.value.columnsAsideStyle==="columnsRound"?l.difference=3:l.difference=0,!h.value&&!p.value)l.liHoverIndex=null,i.mittBus.emit("setSendColumnsChildren",a(C.path));else{if(l.liHoverIndex=l.liOldIndex,!l.liOldPath)return!1;i.mittBus.emit("setSendColumnsChildren",a(l.liOldPath))}},{deep:!0}),(s,t)=>{const o=e.resolveComponent("SvgIcon"),r=e.resolveComponent("el-scrollbar");return e.openBlock(),e.createElementBlock("div",O,[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("ul",{onMouseleave:t[0]||(t[0]=n=>I())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.columnsAsideList,(n,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,onClick:f=>x(n),onMouseenter:f=>M(n,c),ref_for:!0,ref:f=>{f&&(v.value[c]=f)},class:e.normalizeClass({"layout-columns-active":l.liIndex===c,"layout-columns-hover":l.liHoverIndex===c}),title:n.meta.title},[!n.meta.isLink||n.meta.isLink&&n.meta.isIframe?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u).columnsAsideLayout)},[e.createVNode(o,{name:n.meta.icon},null,8,["name"]),e.createElementVNode("div",D,e.toDisplayString(n.meta.title&&n.meta.title.length>=4?n.meta.title.substr(0,e.unref(u).columnsAsideLayout==="columns-vertical"?4:3):n.meta.title),1)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(u).columnsAsideLayout)},[e.createElementVNode("a",{href:n.meta.isLink,target:"_blank"},[e.createVNode(o,{name:n.meta.icon},null,8,["name"]),e.createElementVNode("div",T,e.toDisplayString(n.meta.title&&n.meta.title.length>=4?n.meta.title.substr(0,e.unref(u).columnsAsideLayout==="columns-vertical"?4:3):n.meta.title),1)],8,N)],2))],42,R))),128)),e.createElementVNode("div",{ref_key:"columnsAsideActiveRef",ref:_,class:e.normalizeClass(e.unref(u).columnsAsideStyle)},null,2)],32)]),_:1})])}}}),P=i._export_sfc(E,[["__scopeId","data-v-724df7b1"]]);exports.default=P;