hs-admin-ui 5.8.1 → 5.8.3

package/dist/search-CdUvwUCj.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString, nextTick } from "vue";
+import { a0 as useTagsViewRoutes, s as storeToRefs, a as useRouter, _ as _export_sfc } from "./index-Dy23Czi1.mjs";
+const _hoisted_1 = { class: "layout-search-dialog" };
+const __default__ = defineComponent({
+  name: "layoutBreadcrumbSearch"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props, { expose: __expose }) {
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { tagsViewRoutes } = storeToRefs(storesTagsViewRoutes);
+    const layoutMenuAutocompleteRef = ref();
+    const router = useRouter();
+    const state = reactive({
+      isShowSearch: false,
+      menuQuery: "",
+      tagsViewList: []
+    });
+    const openSearch = () => {
+      state.menuQuery = "";
+      state.isShowSearch = true;
+      initTageView();
+      nextTick(() => {
+        setTimeout(() => {
+          layoutMenuAutocompleteRef.value.focus();
+        });
+      });
+    };
+    const closeSearch = () => {
+      state.isShowSearch = false;
+    };
+    const menuSearch = (queryString, cb) => {
+      let results = queryString ? state.tagsViewList.filter(createFilter(queryString)) : state.tagsViewList;
+      cb(results);
+    };
+    const createFilter = (queryString) => {
+      return (restaurant) => {
+        return restaurant.path.toLowerCase().indexOf(queryString.toLowerCase()) > -1 || restaurant.meta.title.toLowerCase().indexOf(queryString.toLowerCase()) > -1 || restaurant.meta.title.indexOf(queryString.toLowerCase()) > -1;
+      };
+    };
+    const initTageView = () => {
+      if (state.tagsViewList.length > 0)
+        return false;
+      tagsViewRoutes.value.map((v) => {
+        var _a;
+        if (!((_a = v.meta) == null ? void 0 : _a.isHide))
+          state.tagsViewList.push({ ...v });
+      });
+    };
+    const onHandleSelect = (item) => {
+      var _a, _b, _c;
+      let { path, redirect } = item;
+      if (((_a = item.meta) == null ? void 0 : _a.isLink) && !((_b = item.meta) == null ? void 0 : _b.isIframe))
+        window.open((_c = item.meta) == null ? void 0 : _c.isLink);
+      else if (redirect)
+        router.push(redirect);
+      else
+        router.push(path);
+      closeSearch();
+    };
+    __expose({
+      openSearch
+    });
+    return (_ctx, _cache) => {
+      const _component_ele_Search = resolveComponent("ele-Search");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_autocomplete = resolveComponent("el-autocomplete");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_dialog, {
+          modelValue: state.isShowSearch,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.isShowSearch = $event),
+          "destroy-on-close": "",
+          "show-close": false
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_autocomplete, {
+              modelValue: state.menuQuery,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.menuQuery = $event),
+              "fetch-suggestions": menuSearch,
+              placeholder: "菜单搜索：支持中文、路由路径",
+              ref_key: "layoutMenuAutocompleteRef",
+              ref: layoutMenuAutocompleteRef,
+              onSelect: onHandleSelect,
+              "fit-input-width": true
+            }, {
+              prefix: withCtx(() => [
+                createVNode(_component_el_icon, { class: "el-input__icon" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ele_Search)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(({ item }) => [
+                createElementVNode("div", null, [
+                  createVNode(_component_SvgIcon, {
+                    name: item.meta.icon,
+                    class: "mr5"
+                  }, null, 8, ["name"]),
+                  createTextVNode(" " + toDisplayString(item.meta.title), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const search = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-052db9e3"]]);
+export {
+  search as default
+};

package/dist/search-DdCxNgcr.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-B1k0ZKbA.js"),o={class:"layout-search-dialog"},a=e.defineComponent({name:"layoutBreadcrumbSearch"}),i=e.defineComponent({...a,setup(a,{expose:i}){const s=t.useTagsViewRoutes(),{tagsViewRoutes:l}=t.storeToRefs(s),r=e.ref(),n=t.useRouter(),u=e.reactive({isShowSearch:!1,menuQuery:"",tagsViewList:[]}),c=(e,t)=>{t(e?u.tagsViewList.filter(d(e)):u.tagsViewList)},d=e=>t=>t.path.toLowerCase().indexOf(e.toLowerCase())>-1||t.meta.title.toLowerCase().indexOf(e.toLowerCase())>-1||t.meta.title.indexOf(e.toLowerCase())>-1,m=()=>{if(u.tagsViewList.length>0)return!1;l.value.map((e=>{var t;(null==(t=e.meta)?void 0:t.isHide)||u.tagsViewList.push({...e})}))},p=e=>{var t,o,a;let{path:i,redirect:s}=e;(null==(t=e.meta)?void 0:t.isLink)&&!(null==(o=e.meta)?void 0:o.isIframe)?window.open(null==(a=e.meta)?void 0:a.isLink):s?n.push(s):n.push(i),u.isShowSearch=!1};return i({openSearch:()=>{u.menuQuery="",u.isShowSearch=!0,m(),e.nextTick((()=>{setTimeout((()=>{r.value.focus()}))}))}}),(t,a)=>{const i=e.resolveComponent("ele-Search"),s=e.resolveComponent("el-icon"),l=e.resolveComponent("SvgIcon"),n=e.resolveComponent("el-autocomplete"),d=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",o,[e.createVNode(d,{modelValue:u.isShowSearch,"onUpdate:modelValue":a[1]||(a[1]=e=>u.isShowSearch=e),"destroy-on-close":"","show-close":!1},{footer:e.withCtx((()=>[e.createVNode(n,{modelValue:u.menuQuery,"onUpdate:modelValue":a[0]||(a[0]=e=>u.menuQuery=e),"fetch-suggestions":c,placeholder:"菜单搜索：支持中文、路由路径",ref_key:"layoutMenuAutocompleteRef",ref:r,onSelect:p,"fit-input-width":!0},{prefix:e.withCtx((()=>[e.createVNode(s,{class:"el-input__icon"},{default:e.withCtx((()=>[e.createVNode(i)])),_:1})])),default:e.withCtx((({item:t})=>[e.createElementVNode("div",null,[e.createVNode(l,{name:t.meta.icon,class:"mr5"},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString(t.meta.title),1)])])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])}}}),s=t._export_sfc(i,[["__scopeId","data-v-052db9e3"]]);exports.default=s;

package/dist/selectConfig-99YUUKOu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-B1k0ZKbA.js"),l=[{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"}}]}],o={attrs:{multiple:!1,disabled:!1,"value-key":"value",clearable:!0,"collapse-tags":!1,"collapse-tags-tooltip":!1,"multiple-limit":0,effect:"light",autocomplete:"off",filterable:!0,"allow-create":!1,remote:!1,"remote-show-suffix":!1,loading:!1,"reserve-keyword":!0,"default-first-option":!1,teleported:!0,persistent:!0,"automatic-dropdown":!0,"clear-icon":"CircleClose","fit-input-width":!1,"suffix-icon":"ArrowDown","tag-type":"info","validate-event":!0,placement:"bottom-start","max-collapse-tags":1},groupAttrs:{disabled:!1,isGroupEnabled:!1},optionAttrs:{value:"value",label:"label",disabled:!1},rules:{}},p={class:"select-wrap"},a=e.defineComponent({name:"selectConfig"}),i=e.defineComponent({...a,props:{data:{type:Object,default:()=>{}},isVModel:{type:Boolean,default:!1}},setup(a){const i=a,r=e.ref(t._.isEmpty(i.data)?Object.assign(i.data,o):i.data);return(o,i)=>(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(t.baseForm,{data:r.value,"onUpdate:data":i[0]||(i[0]=e=>r.value=e),config:e.unref(l),isVModel:a.isVModel,lg:12},null,8,["data","config","isVModel"])]))}}),r=t._export_sfc(i,[["__scopeId","data-v-6281a8a9"]]);exports.default=r;