hs-admin-ui 5.8.1 → 5.8.3

package/dist/selectConfig-CYMTSh3J.mjs

@@ -0,0 +1,544 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref } from "vue";
+import { e as _, r as baseForm, _ as _export_sfc } from "./index-Dy23Czi1.mjs";
+const selectAttrConfig = [
+  {
+    prop: "attrs",
+    label: "selectAttrs",
+    tooltip: "selectAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "defaultValue",
+        label: "默认值",
+        tooltip: "默认值",
+        type: "string / number / boolean / object / array",
+        el: "hs-input"
+      },
+      {
+        prop: "options",
+        label: "option配置数据",
+        tooltip: 'options 示例：string=[{label: "示例代码", value: 0}]',
+        type: "string",
+        el: "hs-input",
+        attrs: {
+          type: "textarea"
+        }
+      },
+      {
+        prop: "url",
+        label: "url获取options",
+        tooltip: "通过url请求获取options配置项数据",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "paramKey",
+        label: "请求参数key",
+        tooltip: "请求参数key",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "paramValue",
+        label: "请求参数Value",
+        tooltip: "请求参数Value",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "multiple",
+        label: "是否多选",
+        tooltip: "是否多选",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "disabled",
+        label: "是否禁用",
+        tooltip: "是否禁用",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "value-key",
+        label: "value 唯一标识",
+        tooltip: "作为 value 唯一标识的键名，绑定值为对象类型时必填",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "placeholder",
+        label: "占位符",
+        tooltip: "占位符，默认为“Select”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "size",
+        label: "输入框尺寸",
+        tooltip: "输入框尺寸",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "large", value: "large" },
+          { label: "default", value: "default" },
+          { label: "small", value: "small" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "clearable",
+        label: "是否可以清空",
+        tooltip: "是否可以清空选项",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "collapse-tags",
+        label: "值按文字展示",
+        tooltip: "多选时是否将选中值按文字的形式展示",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "collapse-tags-tooltip",
+        label: "是否显示所选",
+        tooltip: "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "multiple-limit",
+        label: "最多可选数",
+        tooltip: "multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制",
+        type: "number",
+        el: "hs-input-number"
+      },
+      {
+        prop: "name",
+        label: "原生name属性",
+        tooltip: "Select 输入框的原生 name 属性",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "effect",
+        label: "tooltip 主题",
+        tooltip: "tooltip 主题，内置了 dark / light 两种",
+        type: "enum / string",
+        el: "hs-select",
+        op: [
+          { label: "dark", value: "dark" },
+          { label: "light", value: "light" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "autocomplete",
+        label: "autocomplete",
+        tooltip: "Select 输入框的原生 autocomplete 属性",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "filterable",
+        label: "是否可筛选",
+        tooltip: "Select 组件是否可筛选",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "allow-create",
+        label: "允许创建条目",
+        tooltip: "是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "filter-method",
+        label: "筛选方法",
+        tooltip: "自定义筛选方法",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "remote",
+        label: "是否远程加载",
+        tooltip: "其中的选项是否从服务器远程加载",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "remote-method",
+        label: "远程搜索方法",
+        tooltip: "自定义远程搜索方法",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "remote-show-suffix",
+        label: "远程搜索图标",
+        tooltip: "远程搜索方法显示后缀图标",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "loading",
+        label: "是否正在获取",
+        tooltip: "是否正在从远程获取数据",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "loading-text",
+        label: "加载时文本",
+        tooltip: "从服务器加载数据时显示的文本，默认为“Loading”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "no-match-text",
+        label: "无匹配时显示",
+        tooltip: "搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "no-data-text",
+        label: "无选项时显示",
+        tooltip: "无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "popper-class",
+        label: "下拉菜单类名",
+        tooltip: "选择器下拉菜单的自定义类名",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "reserve-keyword",
+        label: "保留关键词",
+        tooltip: "当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "default-first-option",
+        label: "回车选择",
+        tooltip: "是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "teleported",
+        label: "是否插入至body",
+        tooltip: "是否将下拉列表插入至 body 元素",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "persistent",
+        label: "选择器未被激活",
+        tooltip: "当下拉选择器未被激活并且persistent设置为false，选择器会被删除。",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "automatic-dropdown",
+        label: "自动弹出选项",
+        tooltip: "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "clear-icon",
+        label: "清除图标",
+        tooltip: "自定义清除图标",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "fit-input-width",
+        label: "下拉框宽度",
+        tooltip: "下拉框的宽度是否与输入框相同",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "suffix-icon",
+        label: "后缀图标",
+        tooltip: "自定义后缀图标组件",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "suffix-transition deprecated",
+        label: "下拉图标动画",
+        tooltip: "下拉菜单显示/消失时后缀图标的动画",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "tag-type",
+        label: "标签类型",
+        tooltip: "标签类型",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "success", value: "success" },
+          { label: "info", value: "info" },
+          { label: "warning", value: "warning" },
+          { label: "danger", value: "danger" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "validate-event",
+        label: "表单验证",
+        tooltip: "是否触发表单验证",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "placement",
+        label: "下拉框出现位置",
+        tooltip: "下拉框出现的位置",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "top", value: "top" },
+          { label: "top-start", value: "top-start" },
+          { label: "top-end", value: "top-end" },
+          { label: "bottom", value: "bottom" },
+          { label: "bottom-start", value: "bottom-start" },
+          { label: "bottom-end", value: "bottom-end" },
+          { label: "left", value: "left" },
+          { label: "left-start", value: "left-start" },
+          { label: "left-end", value: "left-end" },
+          { label: "right", value: "right" },
+          { label: "right-start", value: "right-start" },
+          { label: "right-end", value: "right-end" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "max-collapse-tags",
+        label: "Tag最大数量",
+        tooltip: "需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。",
+        type: "number",
+        el: "hs-input-number"
+      },
+      {
+        prop: "popper-options",
+        label: "popper参数",
+        tooltip: "popper.js 参数",
+        type: "objectrefer to popper.js doc",
+        el: "hs-input"
+      },
+      {
+        prop: "aria-label",
+        label: "aria-label",
+        tooltip: "等价于原生 input aria-label 属性",
+        type: "string",
+        el: "hs-input"
+      }
+    ]
+  },
+  {
+    prop: "groupAttrs",
+    label: "optionGroupAttrs",
+    tooltip: "optionGroupAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "isGroupEnabled",
+        label: "是否启用分组",
+        tooltip: "是否启用分组",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "label",
+        label: "分组的名称",
+        tooltip: "分组的名称",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled",
+        label: "是否禁用分组",
+        tooltip: "是否将该分组下所有选项置为禁用",
+        type: "string",
+        el: "hs-switch"
+      }
+    ]
+  },
+  {
+    prop: "optionAttrs",
+    label: "optionAttrs",
+    tooltip: "optionAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "value",
+        label: "选项的值",
+        tooltip: "选项的值",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "label",
+        label: "选项的标签",
+        tooltip: "选项的标签，若不设置则默认与value相同",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled",
+        label: "是否禁用选项",
+        tooltip: "是否禁用该选项",
+        type: "string",
+        el: "hs-switch"
+      }
+    ]
+  },
+  {
+    prop: "rules",
+    label: "rules",
+    tooltip: "rules",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "required",
+        label: "是否必填",
+        tooltip: "是否必填",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      // 必填项规则
+      {
+        prop: "rules",
+        label: "必填项规则",
+        tooltip: "必填项规则",
+        type: "array",
+        el: "hs-input",
+        attrs: {
+          type: "textarea"
+        }
+      }
+    ]
+  }
+];
+const selectAttrConfigMap = {
+  // 默认配置项
+  attrs: {
+    multiple: false,
+    // 是否多选
+    disabled: false,
+    // 是否禁用
+    "value-key": "value",
+    // value 唯一标识
+    clearable: true,
+    // 是否可以清空
+    "collapse-tags": false,
+    // 值按文字展示
+    "collapse-tags-tooltip": false,
+    // 是否显示所选
+    "multiple-limit": 0,
+    // 最多可选数
+    effect: "light",
+    // tooltip 主题
+    autocomplete: "off",
+    // autocomplete
+    filterable: true,
+    // 是否可筛选
+    "allow-create": false,
+    // 允许创建条目
+    remote: false,
+    // 是否远程加载
+    "remote-show-suffix": false,
+    // 远程搜索图标
+    loading: false,
+    // 是否正在获取
+    "reserve-keyword": true,
+    // 保留关键词
+    "default-first-option": false,
+    // 是否在输入框按下回车时，选择第一个匹配项
+    teleported: true,
+    // 是否插入至body
+    persistent: true,
+    // 选择器未被激活
+    "automatic-dropdown": true,
+    // 自动弹出选项
+    "clear-icon": "CircleClose",
+    // 清除图标
+    "fit-input-width": false,
+    // 下拉框宽度
+    "suffix-icon": "ArrowDown",
+    // 后缀图标
+    "tag-type": "info",
+    // 标签类型
+    "validate-event": true,
+    // 表单验证
+    placement: "bottom-start",
+    // 下拉框出现的位置
+    "max-collapse-tags": 1
+    // 需要显示的 Tag 的最大数量
+  },
+  groupAttrs: {
+    disabled: false,
+    // 是否禁用分组
+    isGroupEnabled: false
+    // 是否启用分组
+  },
+  optionAttrs: {
+    value: "value",
+    label: "label",
+    disabled: false
+    // 是否禁用该选项
+  },
+  rules: {}
+};
+const _hoisted_1 = { class: "select-wrap" };
+const __default__ = defineComponent({
+  name: "selectConfig"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isVModel: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const data = ref(_.isEmpty(props.data) ? Object.assign(props.data, selectAttrConfigMap) : props.data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(baseForm, {
+          data: data.value,
+          "onUpdate:data": _cache[0] || (_cache[0] = ($event) => data.value = $event),
+          config: unref(selectAttrConfig),
+          isVModel: __props.isVModel,
+          lg: 12
+        }, null, 8, ["data", "config", "isVModel"])
+      ]);
+    };
+  }
+});
+const selectConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6281a8a9"]]);
+export {
+  selectConfig as default
+};

package/dist/subItem-BTMABuly.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, withModifiers, createTextVNode } from "vue";
+import { a1 as other } from "./index-Dy23Czi1.mjs";
+const _hoisted_1 = ["onClick"];
+const __default__ = defineComponent({
+  name: "navMenuSubItem"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    // 菜单列表
+    chil: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const chils = computed(() => {
+      return props.chil;
+    });
+    const onALinkClick = (val) => {
+      other.handleOpenLink(val);
+    };
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_sub_item = resolveComponent("sub-item", true);
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      return openBlock(true), createElementBlock(Fragment, null, renderList(chils.value, (val) => {
+        return openBlock(), createElementBlock(Fragment, null, [
+          val.children && val.children.length > 0 ? (openBlock(), createBlock(_component_el_sub_menu, {
+            index: val.path,
+            key: val.path
+          }, {
+            title: withCtx(() => [
+              createVNode(_component_SvgIcon, {
+                name: val.meta.icon
+              }, null, 8, ["name"]),
+              createElementVNode("span", null, toDisplayString(val.meta.title), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_sub_item, {
+                chil: val.children
+              }, null, 8, ["chil"])
+            ]),
+            _: 2
+          }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+            index: val.path,
+            key: val.path
+          }, {
+            default: withCtx(() => [
+              !val.meta.isLink || val.meta.isLink && val.meta.isIframe ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode(_component_SvgIcon, {
+                  name: val.meta.icon
+                }, null, 8, ["name"]),
+                createElementVNode("span", null, toDisplayString(val.meta.title), 1)
+              ], 64)) : (openBlock(), createElementBlock("a", {
+                key: 1,
+                class: "w100",
+                onClick: withModifiers(($event) => onALinkClick(val), ["prevent"])
+              }, [
+                createVNode(_component_SvgIcon, {
+                  name: val.meta.icon
+                }, null, 8, ["name"]),
+                createTextVNode(" " + toDisplayString(val.meta.title), 1)
+              ], 8, _hoisted_1))
+            ]),
+            _: 2
+          }, 1032, ["index"]))
+        ], 64);
+      }), 256);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/subItem-ag6QSDk6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-B1k0ZKbA.js"),n=["onClick"],l=e.defineComponent({name:"navMenuSubItem"}),o=e.defineComponent({...l,props:{chil:{type:Array,default:()=>[]}},setup(l){const o=l,a=e.computed((()=>o.chil));return(l,o)=>{const i=e.resolveComponent("SvgIcon"),r=e.resolveComponent("sub-item",!0),c=e.resolveComponent("el-sub-menu"),m=e.resolveComponent("el-menu-item");return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(l=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.children&&l.children.length>0?(e.openBlock(),e.createBlock(c,{index:l.path,key:l.path},{title:e.withCtx((()=>[e.createVNode(i,{name:l.meta.icon},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(l.meta.title),1)])),default:e.withCtx((()=>[e.createVNode(r,{chil:l.children},null,8,["chil"])])),_:2},1032,["index"])):(e.openBlock(),e.createBlock(m,{index:l.path,key:l.path},{default:e.withCtx((()=>[!l.meta.isLink||l.meta.isLink&&l.meta.isIframe?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(i,{name:l.meta.icon},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(l.meta.title),1)],64)):(e.openBlock(),e.createElementBlock("a",{key:1,class:"w100",onClick:e.withModifiers((e=>(e=>{t.other.handleOpenLink(e)})(l)),["prevent"])},[e.createVNode(i,{name:l.meta.icon},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString(l.meta.title),1)],8,n))])),_:2},1032,["index"]))],64)))),256)}}});exports.default=o;