hs-admin-ui 15.7.0 → 15.7.2

package/dist/aside-BojWyGQq.mjs

@@ -0,0 +1,164 @@
+import { defineComponent, defineAsyncComponent, ref, reactive, computed, onBeforeMount, watch, resolveComponent, withDirectives, createElementBlock, openBlock, createVNode, normalizeClass, withCtx, createBlock, createCommentVNode, unref, vShow } from "vue";
+import { storeToRefs } from "pinia";
+import { C as useRoutesList, a as useThemeConfig, $ as useTagsViewRoutes, m as mittBus } from "./index-CaroRQE3.mjs";
+const _hoisted_1 = { class: "h100" };
+const __default__ = defineComponent({
+  name: "layoutAside"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const Logo = defineAsyncComponent(() => import("./index-B_aWJfJG.mjs"));
+    const Vertical = defineAsyncComponent(() => import("./vertical-CU-DZItF.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-IM1nd79w.js

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

package/dist/baseBtnConfig-C6KLedE5.mjs

@@ -0,0 +1,273 @@
+const data = {
+  name: "按钮名称",
+  key: "",
+  shortcut: [],
+  isApply: true,
+  // 是否启用
+  isSlot: false,
+  // 是否使用插槽
+  isShow: false,
+  // 是否显示
+  // color: '', // 自定义颜色
+  // textColor: '', // 文本颜色
+  size: "default",
+  // 尺寸
+  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: "shortcut",
+      label: "快捷键",
+      tooltips: "快捷键",
+      el: "hs-input",
+      slotValue: "shortcut"
+    },
+    {
+      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-DRxjBT8Z.js

@@ -0,0 +1 @@
+"use strict";const l={title:{subTitle:"按钮配置"},visible:!0,list:[{prop:"shortcut",label:"快捷键",tooltips:"快捷键",el:"hs-input",slotValue:"shortcut"},{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:"",shortcut:[],isApply:!0,isSlot:!1,isShow:!1,size:"default",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:{}};