hs-admin-ui 15.7.9 → 15.8.1

package/dist/aside-5u9e_-Rp.mjs

@@ -1,164 +0,0 @@
-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-B8p9_cpY.mjs";
-const _hoisted_1 = { class: "h100" };
-const __default__ = defineComponent({
-  name: "layoutAside"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const Logo = defineAsyncComponent(() => import("./index-B6Iitxd9.mjs"));
-    const Vertical = defineAsyncComponent(() => import("./vertical-CYqf_G2I.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-BKZ-OlTP.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("pinia"),o=require("./index-BUcC4gD1.js"),l={class:"h100"},s=e.defineComponent({name:"layoutAside"}),i=e.defineComponent({...s,setup(s){const i=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./index-Cn4LcIGB.js"))))),u=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./vertical-CNKTv1Fx.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

@@ -1,273 +0,0 @@
-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

@@ -1 +0,0 @@
-"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:{}};