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

package/es/ele-qr-code/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-qr-code/util.d.ts

@@ -1,5 +1,5 @@
-import { ImageSettings, Modules, Excavation } from './types';
 import { default as qrcodegen } from './qrcodegen';
+import { ImageSettings, Modules, Excavation } from './types';
 
 export declare const ERROR_LEVEL_MAP: {
     L: qrcodegen.QrCode.Ecc;

package/es/ele-qr-code-svg/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-segmented/index.js

@@ -54,7 +54,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           label: withCtx(() => [
             renderSlot(_ctx.$slots, "label", { item }, () => [
-              item.icon ? (openBlock(), createBlock(_component_ElIcon, mergeProps({ key: 0 }, item.iconProps || {}, { class: "ele-segmented-item-icon" }), {
+              item.icon ? (openBlock(), createBlock(_component_ElIcon, mergeProps({
+                key: 0,
+                ref_for: true
+              }, item.iconProps || {}, { class: "ele-segmented-item-icon" }), {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
                     style: normalizeStyle(item.iconStyle)

package/es/ele-segmented/props.d.ts

@@ -1,5 +1,5 @@
-import { SegmentedSize, SegmentedItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { SegmentedSize, SegmentedItem } from './types';
 
 /**
  * 属性

package/es/ele-segmented/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-segmented/style/index.js

@@ -1,4 +1,4 @@
-import 'element-plus/es/components/tabs/style/index';
-import 'element-plus/es/components/tab-pane/style/index';
-import 'element-plus/es/components/icon/style/index';
-import './index.scss';
+import "element-plus/es/components/tabs/style/index";
+import "element-plus/es/components/tab-pane/style/index";
+import "element-plus/es/components/icon/style/index";
+import "./index.scss";

package/es/ele-split-panel/index.d.ts

@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<{
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
-    resizable: BooleanConstructor; /** 是否开启布局响应 */
+    resizable: BooleanConstructor;
     flexTable: BooleanConstructor;
     responsive: {
         type: BooleanConstructor;
@@ -43,7 +43,7 @@ declare const _default: import('vue').DefineComponent<{
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
-    resizable: BooleanConstructor; /** 是否开启布局响应 */
+    resizable: BooleanConstructor;
     flexTable: BooleanConstructor;
     responsive: {
         type: BooleanConstructor;
@@ -53,8 +53,8 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
 }, {
     reverse: boolean;
-    collapse: boolean;
     vertical: boolean;
+    collapse: boolean;
     resizable: boolean;
     responsive: boolean;
     allowCollapse: boolean;

package/es/ele-split-panel/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock,
 import { ElIcon } from "element-plus";
 import { ArrowLeft, ArrowUp } from "../icons";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
-import { useResponsive } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import { splitPanelProps, splitPanelEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSplitPanel",

package/es/ele-split-panel/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-split-panel/style/index.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/icon/style/index';
-import './index.scss';
+import "element-plus/es/components/icon/style/index";
+import "./index.scss";

package/es/ele-steps/index.js

@@ -31,7 +31,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }), {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
-        return openBlock(), createBlock(_component_ElStep, mergeProps({ key: index2 }, item), createSlots({ _: 2 }, [
+        return openBlock(), createBlock(_component_ElStep, mergeProps({
+          key: index2,
+          ref_for: true
+        }, item), createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
             return {
               name,

package/es/ele-steps/props.d.ts

@@ -1,5 +1,5 @@
-import { StepType, StepItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { StepType, StepItem } from './types';
 
 /**
  * 属性

package/es/ele-steps/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-steps/style/index.js

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/steps/style/index';
-import 'element-plus/es/components/step/style/index';
-import './index.scss';
+import "element-plus/es/components/steps/style/index";
+import "element-plus/es/components/step/style/index";
+import "./index.scss";

package/es/ele-steps/style/index.scss

@@ -22,7 +22,7 @@
     border-style: solid;
     border-width: eleVar('step', 'line-size');
     border-color: eleVar('step', 'line-color');
-    transition: border-color $ele-transition;
+    transition: border-color $transition-base;
   }
 
   .el-step__line-inner {
@@ -37,9 +37,9 @@
     color: eleVar('step', 'color');
     font-size: eleVar('step', 'icon-size');
     transition: (
-      color $ele-transition,
-      border-color $ele-transition,
-      background-color $ele-transition
+      color $transition-base,
+      border-color $transition-base,
+      background-color $transition-base
     );
 
     &.is-text {

package/es/ele-tab-tool/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-tab-wrap/index.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     size: import('vue').PropType<import('../ele-tabs/types').TabSize>;
     type: import('vue').PropType<import('../ele-tabs/types').TabType>;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: import('vue').PropType<import('../ele-tabs/types').TabSize>;
     type: import('vue').PropType<import('../ele-tabs/types').TabType>;
 }>>, {}, {}>;

package/es/ele-tab-wrap/index.js

@@ -1,8 +1,29 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { defineComponent, reactive, provide, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { TAB_WRAP_KEY } from "../ele-tabs/props";
 import { tabWrapProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTabWrap",
-  props: tabWrapProps
+  props: tabWrapProps,
+  setup(props) {
+    const data = reactive({
+      size: props.size,
+      type: props.type
+    });
+    provide(TAB_WRAP_KEY, data);
+    watch(
+      () => props.size,
+      () => {
+        data.size = props.size;
+      }
+    );
+    watch(
+      () => props.type,
+      () => {
+        data.type = props.type;
+      }
+    );
+    return {};
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -15,6 +36,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-tab-wrap",
+      "ele-tabs-wrap",
       { "is-small": _ctx.size === "small" },
       { "is-large": _ctx.size === "large" },
       { "is-simple": _ctx.type === "simple" },

package/es/ele-tab-wrap/props.d.ts

@@ -1,5 +1,5 @@
-import { TabSize, TabType } from '../ele-tabs/types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { TabSize, TabType } from '../ele-tabs/types';
 
 /**
  * 属性

package/es/ele-tab-wrap/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-table/index.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "small" | "default" | "large" | undefined>;
+    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "small" | "default" | "large" | undefined>;
+    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;

package/es/ele-table/props.d.ts

@@ -9,7 +9,7 @@ export declare const tableProps: {
     /** 是否带有纵向边框 */
     border: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<"" | "small" | "default" | "large" | undefined>;
+    size: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 是否有表头 */
     hasHeader: {
         type: BooleanConstructor;

package/es/ele-table/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-table/style/index.js

@@ -1 +1 @@
-import './index.scss';
+import "./index.scss";

package/es/ele-table/style/index.scss

@@ -22,7 +22,7 @@
       font-weight: normal;
       line-height: eleVar('table', 'line-height');
       padding: eleVar('table', 'padding');
-      transition: background-color $ele-transition;
+      transition: background-color $transition-base;
       border-width: 0;
       border-style: solid;
       border-color: eleVar('table', 'border-color');

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

@@ -1,6 +1,6 @@
-import { DataKey, DataItem } from '../ele-data-table/types';
-import { SingleValue, SelectValue, SelectedItem } from '../ele-basic-select/types';
 import { EleBasicSelectInstance, EleProTableInstance } from '../ele-app/plus';
+import { SingleValue, SelectValue, SelectedItem } from '../ele-basic-select/types';
+import { DataKey, DataItem } from '../ele-data-table/types';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: {
@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -21,12 +21,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>; /** 表格组件 */
+    cacheData: import('vue').PropType<DataItem[]>;
     tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>; /** 下拉框是否显示 */
+        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor; /** 选中的标签 */
+    maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
@@ -51,7 +51,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
-    popperClass: StringConstructor;
+    popperClass: StringConstructor; /** 下拉框类名 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -107,7 +107,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -119,12 +119,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>; /** 表格组件 */
+    cacheData: import('vue').PropType<DataItem[]>;
     tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>; /** 下拉框是否显示 */
+        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor; /** 选中的标签 */
+    maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
-    popperClass: StringConstructor;
+    popperClass: StringConstructor; /** 下拉框类名 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -158,27 +158,27 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>> & {
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onChange?: ((_value: SelectValue) => any) | undefined;
-    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     onRemoveTag?: ((_value: SingleValue) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
 }, {
+    valueKey: string;
+    modelValue: SelectValue;
     placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
-    disabled: boolean;
     teleported: boolean;
-    modelValue: SelectValue;
     clearable: boolean;
-    persistent: boolean;
-    transition: string;
-    valueKey: string;
+    disabled: boolean;
     filterable: boolean;
     tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
     multiple: boolean;
+    transition: string;
+    persistent: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     labelKey: string;

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, mergeProps, renderList, normalizeProps, guardReactiveProps } from "vue";
-import { useResponsive } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
 import { isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import EleProTable from "../ele-pro-table/index";

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

@@ -1,7 +1,7 @@
-import { SelectValue, SingleValue } from '../ele-basic-select/types';
-import { DataItem } from '../ele-data-table/types';
-import { EleProTableProps } from '../ele-app/plus';
 import { PropType, ExtractPropTypes } from 'vue';
+import { EleProTableProps } from '../ele-app/plus';
+import { DataItem } from '../ele-data-table/types';
+import { SelectValue, SingleValue } from '../ele-basic-select/types';
 
 /**
  * 属性

package/es/ele-table-select/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-table-select/style/index.js

@@ -1,3 +1,3 @@
-import '../../ele-basic-select/style/index';
-import '../../ele-pro-table/style/index';
-import './index.scss';
+import "../../ele-basic-select/style/index";
+import "../../ele-pro-table/style/index";
+import "./index.scss";

package/es/ele-tabs/components/tab-title.d.ts

@@ -1,7 +1,7 @@
-import { TabPaneItem, TabEventOption } from '../types';
+import { PropType } from 'vue';
 import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
 import { DropdownItem } from '../../ele-dropdown/types';
-import { PropType } from 'vue';
+import { TabPaneItem, TabEventOption } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 当前选中页签 */
@@ -20,9 +20,9 @@ declare const _default: import('vue').DefineComponent<{
     handleClick: BooleanConstructor;
 }, {
     dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    onContextMenu: (command: string) => void;
-    onContextVisible: (visible: boolean) => void;
-    onClick: (e: MouseEvent) => void;
+    handleContextMenu: (command: string) => void;
+    handleContextVisible: (visible: boolean) => void;
+    handleTitleClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_opt: TabEventOption) => true;
     contextMenu: (_option: TabEventOption) => true;

package/es/ele-tabs/components/tab-title.js

@@ -26,7 +26,7 @@ const _sfc_main = defineComponent({
   },
   setup(props, { emit }) {
     const dropdownRef = ref(null);
-    const onContextMenu = (command) => {
+    const handleContextMenu = (command) => {
       emit("contextMenu", {
         command,
         name: props.tabName,
@@ -34,12 +34,12 @@ const _sfc_main = defineComponent({
         active: props.active
       });
     };
-    const onContextVisible = (visible) => {
+    const handleContextVisible = (visible) => {
       if (visible) {
         emit("contextOpen", dropdownRef.value);
       }
     };
-    const onClick = (e) => {
+    const handleTitleClick = (e) => {
       if (props.handleClick) {
         e.stopPropagation();
       }
@@ -49,7 +49,12 @@ const _sfc_main = defineComponent({
         active: props.active
       });
     };
-    return { dropdownRef, onContextMenu, onContextVisible, onClick };
+    return {
+      dropdownRef,
+      handleContextMenu,
+      handleContextVisible,
+      handleTitleClick
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -72,17 +77,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     trigger: "contextmenu",
     disabled: !_ctx.contextMenu,
     items: _ctx.contextMenus,
-    onCommand: _ctx.onContextMenu,
-    onVisibleChange: _ctx.onContextVisible
+    onCommand: _ctx.handleContextMenu,
+    onVisibleChange: _ctx.handleContextVisible
   }), createSlots({
     default: withCtx(() => [
       createElementVNode("div", {
         class: "ele-tab-title",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTitleClick && _ctx.handleTitleClick(...args))
       }, [
         renderSlot(_ctx.$slots, "label", {
+          label: _ctx.label,
           item: _ctx.item,
-          label: _ctx.label
+          active: _ctx.active
         }, () => [
           createTextVNode(toDisplayString(_ctx.label), 1)
         ])
@@ -94,8 +100,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       name: "dropdownMenu",
       fn: withCtx(() => [
         renderSlot(_ctx.$slots, "contextMenu", {
-          item: _ctx.item,
           tabName: _ctx.tabName,
+          item: _ctx.item,
           active: _ctx.active
         })
       ]),