ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.4

package/es/ele-file-list/index.js

@@ -1,7 +1,6 @@
 import { defineComponent, reactive, computed, resolveComponent, openBlock, createElementBlock, createBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeStyle } from "vue";
-import { useLocale } from "../ele-config-provider/use-receiver";
-import { useLicense, UNAUTHORIZED_TIP } from "../utils/license-util";
 import { throttle } from "../utils/core";
+import { useLicense, useLocale } from "../ele-config-provider/receiver";
 import FileGrid from "./components/file-grid";
 import FileTable from "./components/file-table";
 import { fileListProps, fileListEmits } from "./props";
@@ -86,14 +85,12 @@ const _sfc_main = defineComponent({
     };
     const onItemClick = (item) => {
       if (!authenticated.value) {
-        console.warn(UNAUTHORIZED_TIP);
         return;
       }
       emit("itemClick", item);
     };
     const onSortChange = (name) => {
       if (!authenticated.value) {
-        console.warn(UNAUTHORIZED_TIP);
         return;
       }
       const sorter = { sort: name };
@@ -106,7 +103,6 @@ const _sfc_main = defineComponent({
     };
     const onItemContextMenu = (option) => {
       if (!authenticated.value) {
-        console.warn(UNAUTHORIZED_TIP);
         return;
       }
       emit("itemContextMenu", option);
@@ -161,19 +157,33 @@ const _sfc_main = defineComponent({
           }
         });
       }, 60);
-      const mouseupFn = () => {
+      const mouseupFn = (e) => {
         selectorStyle.display = "none";
-        const checked = [];
-        items.forEach((item, i) => {
-          if (item.classList.contains("is-active")) {
-            item.classList.remove("is-active");
-            if (props.data && props.data[i]) {
-              checked.push(props.data[i]);
+        const moveX = Math.max(e.clientX, position.left);
+        const moveY = Math.max(e.clientY, position.top);
+        const left = Math.min(moveX, downX) - position.left;
+        const top = Math.min(moveY, downY) - position.top;
+        const width = Math.min(
+          Math.abs(moveX - downX),
+          target.clientWidth - left
+        );
+        const height = Math.min(
+          Math.abs(moveY - downY),
+          target.clientHeight - top
+        );
+        if (width > 6 && height > 6) {
+          const checked = [];
+          items.forEach((item, i) => {
+            if (item.classList.contains("is-active")) {
+              item.classList.remove("is-active");
+              if (props.data && props.data[i]) {
+                checked.push(props.data[i]);
+              }
             }
+          });
+          if (checked.length) {
+            updateSelections(checked);
           }
-        });
-        if (checked.length) {
-          updateSelections(checked);
         }
         document.removeEventListener("mousemove", mousemoveFn);
         document.removeEventListener("mouseup", mouseupFn);

package/es/ele-file-list/style/index.scss

@@ -218,7 +218,6 @@
       }
     }
 
-    &.is-active,
     &.is-checked {
       border-color: eleVar('file-list', 'item-active-border-color');
 

package/es/ele-icon-select/components/icon-grid.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import type { PropType, CSSProperties } from 'vue';
 import type { EmptyProps, ElTooltipProps } from 'element-plus';
 declare const _sfc_main: import("vue").DefineComponent<{
     icon: StringConstructor;
@@ -10,6 +10,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<Partial<ElTooltipProps>>;
     popperVisible: BooleanConstructor;
+    gridStyle: PropType<CSSProperties>;
+    itemStyle: PropType<CSSProperties>;
 }, {
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
@@ -27,6 +29,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<Partial<ElTooltipProps>>;
     popperVisible: BooleanConstructor;
+    gridStyle: PropType<CSSProperties>;
+    itemStyle: PropType<CSSProperties>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {

package/es/ele-icon-select/components/icon-grid.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, renderSlot, createVNode, mergeProps, createCommentVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, renderSlot, createVNode, mergeProps, createCommentVNode } from "vue";
 import { ElEmpty, ElTooltip } from "element-plus";
 const _sfc_main = defineComponent({
   name: "IconGrid",
@@ -18,7 +18,11 @@ const _sfc_main = defineComponent({
     // 提示属性
     tooltipProps: Object,
     // 气泡是否展开
-    popperVisible: Boolean
+    popperVisible: Boolean,
+    // 网格样式
+    gridStyle: Object,
+    // 图标样式
+    itemStyle: Object
   },
   emits: {
     select: (_icon) => true
@@ -50,7 +54,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-icon-select-list ele-scrollbar-hover ele-scrollbar-mini" };
+const _hoisted_1 = { class: "ele-icon-select-body ele-scrollbar-hover ele-scrollbar-mini" };
 const _hoisted_2 = ["title", "onClick", "onMouseover"];
 const _hoisted_3 = {
   key: 0,
@@ -60,17 +64,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElEmpty = resolveComponent("ElEmpty");
   const _component_ElTooltip = resolveComponent("ElTooltip");
   return openBlock(), createElementBlock("div", _hoisted_1, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (d, i) => {
-      return openBlock(), createElementBlock("div", {
-        key: i + "-" + d,
-        class: normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
-        title: _ctx.tooltip ? void 0 : d,
-        onClick: ($event) => _ctx.onItemClick(d),
-        onMouseover: (e) => _ctx.onItemHover(d, e)
-      }, [
-        renderSlot(_ctx.$slots, "icon", { icon: d })
-      ], 42, _hoisted_2);
-    }), 128)),
+    createElementVNode("div", {
+      class: "ele-icon-select-grid",
+      style: normalizeStyle(_ctx.gridStyle)
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (d, i) => {
+        return openBlock(), createElementBlock("div", {
+          key: i + "-" + d,
+          class: normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
+          title: _ctx.tooltip ? void 0 : d,
+          style: normalizeStyle(_ctx.itemStyle),
+          onClick: ($event) => _ctx.onItemClick(d),
+          onMouseover: (e) => _ctx.onItemHover(d, e)
+        }, [
+          renderSlot(_ctx.$slots, "icon", { icon: d })
+        ], 46, _hoisted_2);
+      }), 128))
+    ], 4),
     !_ctx.data || !_ctx.data.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
       createVNode(_component_ElEmpty, mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
     ])) : createCommentVNode("", true),

package/es/ele-icon-select/components/icon-popper.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import type { PropType, CSSProperties } from 'vue';
 import type { EmptyProps, ElTooltipProps } from 'element-plus';
 import type { IconItem } from '../types';
 declare const _sfc_main: import("vue").DefineComponent<{
@@ -11,6 +11,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<Partial<ElTooltipProps>>;
     popperVisible: BooleanConstructor;
+    headerStyle: PropType<CSSProperties>;
+    tabsStyle: PropType<CSSProperties>;
+    searchStyle: PropType<CSSProperties>;
+    menusStyle: PropType<CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
+    gridStyle: PropType<CSSProperties>;
+    itemStyle: PropType<CSSProperties>;
 }, {
     Search: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     tabs: import("vue").Ref<string[]>;
@@ -36,6 +43,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<Partial<ElTooltipProps>>;
     popperVisible: BooleanConstructor;
+    headerStyle: PropType<CSSProperties>;
+    tabsStyle: PropType<CSSProperties>;
+    searchStyle: PropType<CSSProperties>;
+    menusStyle: PropType<CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
+    gridStyle: PropType<CSSProperties>;
+    itemStyle: PropType<CSSProperties>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {

package/es/ele-icon-select/components/icon-popper.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { Search } from "@element-plus/icons-vue";
 import { ElInput } from "element-plus";
 import IconGrid from "./icon-grid";
@@ -23,7 +23,21 @@ const _sfc_main = defineComponent({
     // 提示属性
     tooltipProps: Object,
     // 气泡是否展开
-    popperVisible: Boolean
+    popperVisible: Boolean,
+    // 头部样式
+    headerStyle: Object,
+    // 选项卡样式
+    tabsStyle: Object,
+    // 搜索区样式
+    searchStyle: Object,
+    // 菜单样式
+    menusStyle: Object,
+    // 主体样式
+    bodyStyle: Object,
+    // 网格样式
+    gridStyle: Object,
+    // 图标样式
+    itemStyle: Object
   },
   emits: {
     select: (_icon) => true
@@ -153,44 +167,37 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-icon-select-popup" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ele-icon-select-header"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "ele-icon-select-tab ele-scrollbar-hover ele-scrollbar-mini"
-};
+const _hoisted_1 = { class: "ele-icon-select" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "ele-icon-select-main" };
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
-  key: 1,
-  class: "ele-icon-select-search"
-};
-const _hoisted_6 = { class: "ele-icon-select-body" };
-const _hoisted_7 = {
-  key: 0,
-  class: "ele-icon-select-menu ele-scrollbar-hover ele-scrollbar-mini"
-};
-const _hoisted_8 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInput = resolveComponent("ElInput");
   const _component_IconGrid = resolveComponent("IconGrid");
   return openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.tabBar || _ctx.filterable ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      _ctx.tabBar ? (openBlock(), createElementBlock("div", _hoisted_3, [
+    _ctx.tabBar || _ctx.filterable ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "ele-icon-select-header",
+      style: normalizeStyle(_ctx.headerStyle)
+    }, [
+      _ctx.tabBar ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "ele-icon-select-tabs ele-scrollbar-hover ele-scrollbar-mini",
+        style: normalizeStyle(_ctx.tabsStyle)
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (t, i) => {
           return openBlock(), createElementBlock("div", {
             key: i + "-" + t,
-            class: normalizeClass([
-              "ele-icon-select-tab-item",
-              { "is-active": i === _ctx.tabActive }
-            ]),
+            class: normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
             onClick: ($event) => _ctx.onTabClick(i)
-          }, toDisplayString(t), 11, _hoisted_4);
+          }, toDisplayString(t), 11, _hoisted_2);
         }), 128))
-      ])) : createCommentVNode("", true),
-      _ctx.filterable ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      ], 4)) : createCommentVNode("", true),
+      _ctx.filterable ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: "ele-icon-select-search",
+        style: normalizeStyle(_ctx.searchStyle)
+      }, [
         createVNode(_component_ElInput, {
           clearable: "",
           size: "small",
@@ -201,21 +208,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClear: _ctx.onSearch,
           onChange: _ctx.onSearch
         }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onClear", "onChange"])
-      ])) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_6, [
-      _ctx.menus && _ctx.menus.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      ], 4)) : createCommentVNode("", true)
+    ], 4)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_3, [
+      _ctx.menus && _ctx.menus.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "ele-icon-select-menus ele-scrollbar-hover ele-scrollbar-mini",
+        style: normalizeStyle(_ctx.menusStyle)
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menus, (m, i) => {
           return openBlock(), createElementBlock("div", {
             key: i + "-" + m,
-            class: normalizeClass([
-              "ele-icon-select-menu-item",
-              { "is-active": i === _ctx.menuActive }
-            ]),
+            class: normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
             onClick: ($event) => _ctx.onMenuClick(i)
-          }, toDisplayString(m), 11, _hoisted_8);
+          }, toDisplayString(m), 11, _hoisted_4);
         }), 128))
-      ])) : createCommentVNode("", true),
+      ], 4)) : createCommentVNode("", true),
       createVNode(_component_IconGrid, {
         icon: _ctx.icon,
         data: _ctx.icons,
@@ -223,6 +231,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         tooltip: _ctx.tooltip,
         tooltipProps: _ctx.tooltipProps,
         popperVisible: _ctx.popperVisible,
+        gridStyle: _ctx.gridStyle,
+        itemStyle: _ctx.itemStyle,
+        style: normalizeStyle(_ctx.bodyStyle),
         onSelect: _ctx.onSelect
       }, createSlots({ _: 2 }, [
         _ctx.$slots.icon ? {
@@ -232,7 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["icon", "data", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "onSelect"])
+      ]), 1032, ["icon", "data", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "gridStyle", "itemStyle", "style", "onSelect"])
     ])
   ]);
 }

package/es/ele-icon-select/index.d.ts

@@ -49,6 +49,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    headerStyle: import("vue").PropType<CSSProperties>;
+    tabsStyle: import("vue").PropType<CSSProperties>;
+    searchStyle: import("vue").PropType<CSSProperties>;
+    menusStyle: import("vue").PropType<CSSProperties>;
+    bodyStyle: import("vue").PropType<CSSProperties>;
+    gridStyle: import("vue").PropType<CSSProperties>;
+    itemStyle: import("vue").PropType<CSSProperties>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -119,6 +126,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    headerStyle: import("vue").PropType<CSSProperties>;
+    tabsStyle: import("vue").PropType<CSSProperties>;
+    searchStyle: import("vue").PropType<CSSProperties>;
+    menusStyle: import("vue").PropType<CSSProperties>;
+    bodyStyle: import("vue").PropType<CSSProperties>;
+    gridStyle: import("vue").PropType<CSSProperties>;
+    itemStyle: import("vue").PropType<CSSProperties>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/es/ele-icon-select/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { useResponsive } from "../ele-config-provider/use-receiver";
+import { useResponsive } from "../ele-config-provider/receiver";
 import EleBasicSelect from "../ele-basic-select/index";
 import IconPopper from "./components/icon-popper";
 import { iconSelectProps, iconSelectEmits } from "./props";
@@ -110,6 +110,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         tooltip: _ctx.tooltip,
         tooltipProps: _ctx.tooltipProps,
         popperVisible: _ctx.visible,
+        headerStyle: _ctx.headerStyle,
+        tabsStyle: _ctx.tabsStyle,
+        searchStyle: _ctx.searchStyle,
+        menusStyle: _ctx.menusStyle,
+        bodyStyle: _ctx.bodyStyle,
+        gridStyle: _ctx.gridStyle,
+        itemStyle: _ctx.itemStyle,
         style: normalizeStyle(_ctx.popupStyle),
         onSelect: _ctx.onSelect
       }, createSlots({ _: 2 }, [
@@ -120,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["icon", "data", "emptyProps", "filterable", "filterPlaceholder", "hideOnSingleTab", "tooltip", "tooltipProps", "popperVisible", "style", "onSelect"])
+      ]), 1032, ["icon", "data", "emptyProps", "filterable", "filterPlaceholder", "hideOnSingleTab", "tooltip", "tooltipProps", "popperVisible", "headerStyle", "tabsStyle", "searchStyle", "menusStyle", "bodyStyle", "gridStyle", "itemStyle", "style", "onSelect"])
     ]),
     _: 2
   }, [

package/es/ele-icon-select/props.d.ts

@@ -1,4 +1,4 @@
-import type { PropType, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
 import type { EmptyProps, ElTooltipProps } from 'element-plus';
 import type { IconItem } from './types';
 /**
@@ -54,6 +54,13 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     tooltipProps: PropType<Partial<ElTooltipProps>>;
+    headerStyle: PropType<CSSProperties>;
+    tabsStyle: PropType<CSSProperties>;
+    searchStyle: PropType<CSSProperties>;
+    menusStyle: PropType<CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
+    gridStyle: PropType<CSSProperties>;
+    itemStyle: PropType<CSSProperties>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/es/ele-icon-select/props.js

@@ -70,6 +70,20 @@ const iconSelectProps = {
   },
   // 提示属性
   tooltipProps: Object,
+  // 头部样式
+  headerStyle: Object,
+  // 选项卡样式
+  tabsStyle: Object,
+  // 搜索区样式
+  searchStyle: Object,
+  // 菜单样式
+  menusStyle: Object,
+  // 主体样式
+  bodyStyle: Object,
+  // 网格样式
+  gridStyle: Object,
+  // 图标样式
+  itemStyle: Object,
   // 是否开启响应式
   responsive: {
     type: Boolean,