ele-admin-plus 1.0.0-beta.1 → 1.0.0-beta.3

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

@@ -1,8 +1,7 @@
 "use strict";
 const vue = require("vue");
-const useReceiver = require("../ele-config-provider/use-receiver");
-const licenseUtil = require("../utils/license-util");
 const core = require("../utils/core");
+const receiver = require("../ele-config-provider/receiver");
 const FileGrid = require("./components/file-grid");
 const FileTable = require("./components/file-table");
 const props = require("./props");
@@ -13,8 +12,8 @@ const _sfc_main = vue.defineComponent({
   props: props.fileListProps,
   emits: props.fileListEmits,
   setup(props2, { emit }) {
-    const { authenticated } = licenseUtil.useLicense();
-    const { lang } = useReceiver.useLocale("fileList", props2);
+    const { authenticated } = receiver.useLicense();
+    const { lang } = receiver.useLocale("fileList", props2);
     const selectorStyle = vue.reactive({
       top: "0px",
       left: "0px",
@@ -87,14 +86,12 @@ const _sfc_main = vue.defineComponent({
     };
     const onItemClick = (item) => {
       if (!authenticated.value) {
-        console.warn(licenseUtil.UNAUTHORIZED_TIP);
         return;
       }
       emit("itemClick", item);
     };
     const onSortChange = (name) => {
       if (!authenticated.value) {
-        console.warn(licenseUtil.UNAUTHORIZED_TIP);
         return;
       }
       const sorter = { sort: name };
@@ -107,7 +104,6 @@ const _sfc_main = vue.defineComponent({
     };
     const onItemContextMenu = (option) => {
       if (!authenticated.value) {
-        console.warn(licenseUtil.UNAUTHORIZED_TIP);
         return;
       }
       emit("itemContextMenu", option);
@@ -162,19 +158,33 @@ const _sfc_main = vue.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 (props2.data && props2.data[i]) {
-              checked.push(props2.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 (props2.data && props2.data[i]) {
+                checked.push(props2.data[i]);
+              }
             }
+          });
+          if (checked.length) {
+            updateSelections(checked);
           }
-        });
-        if (checked.length) {
-          updateSelections(checked);
         }
         document.removeEventListener("mousemove", mousemoveFn);
         document.removeEventListener("mouseup", mouseupFn);

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

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

package/lib/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/lib/ele-icon-select/components/icon-grid.js

@@ -19,7 +19,11 @@ const _sfc_main = vue.defineComponent({
     // 提示属性
     tooltipProps: Object,
     // 气泡是否展开
-    popperVisible: Boolean
+    popperVisible: Boolean,
+    // 网格样式
+    gridStyle: Object,
+    // 图标样式
+    itemStyle: Object
   },
   emits: {
     select: (_icon) => true
@@ -51,7 +55,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,
@@ -61,17 +65,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElEmpty = vue.resolveComponent("ElEmpty");
   const _component_ElTooltip = vue.resolveComponent("ElTooltip");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (d, i) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        key: i + "-" + d,
-        class: vue.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)
-      }, [
-        vue.renderSlot(_ctx.$slots, "icon", { icon: d })
-      ], 42, _hoisted_2);
-    }), 128)),
+    vue.createElementVNode("div", {
+      class: "ele-icon-select-grid",
+      style: vue.normalizeStyle(_ctx.gridStyle)
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (d, i) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          key: i + "-" + d,
+          class: vue.normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
+          title: _ctx.tooltip ? void 0 : d,
+          style: vue.normalizeStyle(_ctx.itemStyle),
+          onClick: ($event) => _ctx.onItemClick(d),
+          onMouseover: (e) => _ctx.onItemHover(d, e)
+        }, [
+          vue.renderSlot(_ctx.$slots, "icon", { icon: d })
+        ], 46, _hoisted_2);
+      }), 128))
+    ], 4),
     !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
       vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
     ])) : vue.createCommentVNode("", true),

package/lib/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/lib/ele-icon-select/components/icon-popper.js

@@ -24,7 +24,21 @@ const _sfc_main = vue.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
@@ -154,44 +168,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 = vue.resolveComponent("ElInput");
   const _component_IconGrid = vue.resolveComponent("IconGrid");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    _ctx.tabBar || _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-      _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+    _ctx.tabBar || _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "ele-icon-select-header",
+      style: vue.normalizeStyle(_ctx.headerStyle)
+    }, [
+      _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "ele-icon-select-tabs ele-scrollbar-hover ele-scrollbar-mini",
+        style: vue.normalizeStyle(_ctx.tabsStyle)
+      }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (t, i) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: i + "-" + t,
-            class: vue.normalizeClass([
-              "ele-icon-select-tab-item",
-              { "is-active": i === _ctx.tabActive }
-            ]),
+            class: vue.normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
             onClick: ($event) => _ctx.onTabClick(i)
-          }, vue.toDisplayString(t), 11, _hoisted_4);
+          }, vue.toDisplayString(t), 11, _hoisted_2);
         }), 128))
-      ])) : vue.createCommentVNode("", true),
-      _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+      ], 4)) : vue.createCommentVNode("", true),
+      _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: "ele-icon-select-search",
+        style: vue.normalizeStyle(_ctx.searchStyle)
+      }, [
         vue.createVNode(_component_ElInput, {
           clearable: "",
           size: "small",
@@ -202,21 +209,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClear: _ctx.onSearch,
           onChange: _ctx.onSearch
         }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onClear", "onChange"])
-      ])) : vue.createCommentVNode("", true)
-    ])) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", _hoisted_6, [
-      _ctx.menus && _ctx.menus.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+      ], 4)) : vue.createCommentVNode("", true)
+    ], 4)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", _hoisted_3, [
+      _ctx.menus && _ctx.menus.length ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "ele-icon-select-menus ele-scrollbar-hover ele-scrollbar-mini",
+        style: vue.normalizeStyle(_ctx.menusStyle)
+      }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (m, i) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: i + "-" + m,
-            class: vue.normalizeClass([
-              "ele-icon-select-menu-item",
-              { "is-active": i === _ctx.menuActive }
-            ]),
+            class: vue.normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
             onClick: ($event) => _ctx.onMenuClick(i)
-          }, vue.toDisplayString(m), 11, _hoisted_8);
+          }, vue.toDisplayString(m), 11, _hoisted_4);
         }), 128))
-      ])) : vue.createCommentVNode("", true),
+      ], 4)) : vue.createCommentVNode("", true),
       vue.createVNode(_component_IconGrid, {
         icon: _ctx.icon,
         data: _ctx.icons,
@@ -224,6 +232,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: vue.normalizeStyle(_ctx.bodyStyle),
         onSelect: _ctx.onSelect
       }, vue.createSlots({ _: 2 }, [
         _ctx.$slots.icon ? {
@@ -233,7 +244,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/lib/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/lib/ele-icon-select/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const useReceiver = require("../ele-config-provider/use-receiver");
+const receiver = require("../ele-config-provider/receiver");
 const EleBasicSelect = require("../ele-basic-select/index");
 const IconPopper = require("./components/icon-popper");
 const props = require("./props");
@@ -10,7 +10,7 @@ const _sfc_main = vue.defineComponent({
   props: props.iconSelectProps,
   emits: props.iconSelectEmits,
   setup(props2, { emit }) {
-    const isResponsive = useReceiver.useResponsive(props2);
+    const isResponsive = receiver.useResponsive(props2);
     const visible = vue.ref(false);
     const popupClass = vue.computed(() => {
       const classes = ["ele-icon-select-popper"];
@@ -111,6 +111,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: vue.normalizeStyle(_ctx.popupStyle),
         onSelect: _ctx.onSelect
       }, vue.createSlots({ _: 2 }, [
@@ -121,7 +128,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/lib/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/lib/ele-icon-select/props.js

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