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

package/lib/ele-menus/style/index.scss

@@ -53,7 +53,7 @@
 
   .el-sub-menu.is-opened > .el-sub-menu__title {
     .el-sub-menu__icon-arrow > svg.ele-arrow-down path {
-      #{'d'}: path('M3.75 10.2002L7.99274 5.7998L12.2361 10.0425');
+      #{'d'}: path('M10 31 24 17 38 31');
     }
   }
 

package/lib/ele-split-panel/style/index.scss

@@ -69,23 +69,24 @@
   & > .ele-split-collapse-button {
     width: 24px;
     height: 24px;
-    line-height: 24px;
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     position: absolute;
-    left: var(--ele-split-size);
     top: 50%;
+    left: var(--ele-split-size);
+    border-radius: 50%;
+    border: 1px solid elVar('border-color', 'extra-light');
+    box-sizing: border-box;
     margin: -12px 0 0 -12px;
     background: elVar('bg-color', 'overlay');
     box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.04);
-    border: 1px solid elVar('border-color', 'extra-light');
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border-radius: 50%;
     cursor: pointer;
     z-index: 5;
 
     .ele-split-collapse-icon {
       font-size: 18px;
-      vertical-align: -4px;
       color: elVar('text-color', 'secondary');
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       transform: scaleX(1);

package/lib/ele-table-select/index.cjs

@@ -357,6 +357,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperWidth: _ctx.popperWidth,
     popperOptions: _ctx.popperOptions,
     popperClass: _ctx.selectPopperClass,
+    selectStyle: _ctx.selectStyle,
+    inputStyle: _ctx.inputStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems,
     visible: _ctx.selectVisible,
@@ -405,7 +407,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

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

@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../ele-app/plus").EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 下拉框是否显示 */
+    maxTagCount: NumberConstructor; /** 下拉框是否显示 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     persistent: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
+        default: boolean;
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
@@ -53,6 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -120,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../ele-app/plus").EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 下拉框是否显示 */
+    maxTagCount: NumberConstructor; /** 下拉框是否显示 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -134,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     persistent: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
+        default: boolean;
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
@@ -147,6 +149,8 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/lib/ele-table-select/props.cjs

@@ -76,6 +76,10 @@ const tableSelectProps = {
   popperClass: String,
   /** 下拉框宽度 */
   popperWidth: [Number, String],
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

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

@@ -79,6 +79,10 @@ export declare const tableSelectProps: {
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
+    /** 自定义样式 */
+    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/lib/ele-tree-select/index.cjs

@@ -354,6 +354,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperWidth: _ctx.popperWidth,
     popperOptions: _ctx.popperOptions,
     popperClass: _ctx.selectPopperClass,
+    selectStyle: _ctx.selectStyle,
+    inputStyle: _ctx.inputStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems.filter((d) => !d.hide),
     visible: _ctx.selectVisible,
@@ -405,7 +407,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-tree-select/index.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showCheckedStrategy: import("vue").PropType<import("./types").ShowCheckedStrategy>;
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
+    maxTagTextLength: NumberConstructor; /** 树组件 */
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-        default: string; /** 下拉框类名 */
+        default: string;
     };
     transition: {
         type: StringConstructor;
@@ -44,7 +44,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[]; /** 树配置选项 */
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     selectRef: import("vue").Ref<EleBasicSelectInstance>;
     treeRef: import("vue").Ref<ElTreeV2Instance>;
@@ -72,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     onTreeCollapse: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: SelectValue) => boolean;
-    change: (_value: SelectValue) => boolean;
+    change: (_value: SelectValue) => boolean; /** 获取值对应的数据 */
     visibleChange: (_visible: boolean) => boolean;
     removeTag: (_value: SingleValue) => boolean;
     clear: () => boolean;
@@ -95,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showCheckedStrategy: import("vue").PropType<import("./types").ShowCheckedStrategy>;
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
+    maxTagTextLength: NumberConstructor; /** 树组件 */
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -112,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-        default: string; /** 下拉框类名 */
+        default: string;
     };
     transition: {
         type: StringConstructor;
@@ -120,7 +122,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[]; /** 树配置选项 */
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;

package/lib/ele-tree-select/props.cjs

@@ -65,7 +65,11 @@ const treeSelectProps = {
   /** 下拉框类名 */
   popperClass: String,
   /** 下拉框宽度 */
-  popperWidth: [Number, String]
+  popperWidth: [Number, String],
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object
 };
 const treeSelectEmits = {
   /** 更新选中值 */

package/lib/ele-tree-select/props.d.ts

@@ -69,6 +69,10 @@ export declare const treeSelectProps: {
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
+    /** 自定义样式 */
+    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 /**

package/lib/ele-virtual-table/style/index.scss

@@ -275,15 +275,19 @@
 
   /* 展开图标 */
   .ele-table-expand {
-    font-size: 16px;
+    font-size: 14px;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: center;
     border-radius: eleVar('table', 'icon-radius');
     transition: (color $ele-transition, background-color $ele-transition);
     cursor: pointer;
 
     & > .el-icon {
       transition: all $ele-transition;
+
+      & > svg > path {
+        stroke-width: 4.6;
+      }
     }
 
     &.is-collapse > .el-icon:not(.is-loading) {
@@ -298,8 +302,8 @@
   .ele-table-expand,
   .ele-table-indent,
   .ele-table-placeholder {
-    width: 17px;
-    height: 17px;
+    width: 16px;
+    height: 16px;
     display: inline-flex;
     vertical-align: -3px;
   }

package/lib/icons/ArrowDown.cjs

@@ -11,14 +11,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = {
-  viewBox: "0 0 16 16",
+  viewBox: "0 0 48 48",
   fill: "none",
   class: "ele-arrow-down"
 };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
-  d: "M3.75 5.7998L7.99274 10.0425L12.2361 5.79921",
+  d: "M10 17 24 31 38 17",
   stroke: "currentColor",
-  "stroke-width": "1.3"
+  "stroke-width": "5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/lib/icons/ArrowRight.cjs

@@ -15,9 +15,11 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
-  d: "M19 12L31 24L19 36",
+  d: "M17 38 31 24 17 10",
   stroke: "currentColor",
-  "stroke-width": "4"
+  "stroke-width": "5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/lib/icons/CloseOutlined.cjs

@@ -0,0 +1,39 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "CloseOutlined"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M14 14L34 34",
+  stroke: "currentColor",
+  "stroke-width": "4.8",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M14 34L34 14",
+  stroke: "currentColor",
+  "stroke-width": "4.8",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const CloseOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = CloseOutlined;

package/lib/icons/CloseOutlined.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/icons/index.cjs

@@ -4,6 +4,7 @@ const ArrowDown = require("./ArrowDown");
 const ArrowLeft = require("./ArrowLeft");
 const ArrowRight = require("./ArrowRight");
 const ArrowUp = require("./ArrowUp");
+const CloseOutlined = require("./CloseOutlined");
 const ColumnHeightOutlined = require("./ColumnHeightOutlined");
 const CompressOutlined = require("./CompressOutlined");
 const EllipsisOutlined = require("./EllipsisOutlined");
@@ -20,6 +21,7 @@ exports.ArrowDown = ArrowDown;
 exports.ArrowLeft = ArrowLeft;
 exports.ArrowRight = ArrowRight;
 exports.ArrowUp = ArrowUp;
+exports.CloseOutlined = CloseOutlined;
 exports.ColumnHeightOutlined = ColumnHeightOutlined;
 exports.CompressOutlined = CompressOutlined;
 exports.EllipsisOutlined = EllipsisOutlined;

package/lib/icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowDown } from "./ArrowDown";
 export { default as ArrowLeft } from "./ArrowLeft";
 export { default as ArrowRight } from "./ArrowRight";
 export { default as ArrowUp } from "./ArrowUp";
+export { default as CloseOutlined } from "./CloseOutlined";
 export { default as ColumnHeightOutlined } from "./ColumnHeightOutlined";
 export { default as CompressOutlined } from "./CompressOutlined";
 export { default as EllipsisOutlined } from "./EllipsisOutlined";

package/lib/style/themes/default.scss

@@ -323,7 +323,7 @@ $ele: map.deep-merge(
       'badge-margin': 0 -2px 0 6px,
       'icon-font-size': 16px,
       'icon-margin': 0 8px 0 0,
-      'arrow-size': 17px,
+      'arrow-size': 14px,
       'arrow-margin': 0 -4px 0 6px,
       'bg': elVar('bg-color'),
       'border-color': elVar('border-color', 'light'),
@@ -1179,6 +1179,79 @@ $ele: map.deep-merge(
       'header-border': 1px solid elVar('border-color', 'light'),
       'header-size': 14px,
       'range-space': 6px
+    ),
+    'input': (
+      // 输入框
+      'padding': 0 10px,
+      'bg': transparent,
+      'border': 1px solid elVar('border-color'),
+      'radius': elVar('border-radius', 'base'),
+      'hover-bg': transparent,
+      'hover-border': 1px solid elVar('color-primary'),
+      'hover-shadow': none,
+      'focus-bg': transparent,
+      'focus-border': 1px solid elVar('color-primary'),
+      'focus-shadow': 0 0 0 2px elVar('color-primary', 'light-8'),
+      'disabled-color': elVar('disabled', 'text-color'),
+      'disabled-bg': elVar('disabled', 'bg-color'),
+      'disabled-border': 1px solid elVar('disabled', 'border-color'),
+      'icon-size': 14px,
+      'icon-space': 6px,
+      'icon-color': elVar('text-color', 'placeholder'),
+      'icon-hover-color': elVar('text-color', 'secondary'),
+      'eye-margin': 0 -2px 0 6px,
+      'clear-size': 12px,
+      'clear-margin': 0 -2px 0 6px,
+      'clear-color': elVar('text-color', 'disabled'),
+      'clear-hover-color': elVar('text-color', 'secondary'),
+      'status-size': 13px,
+      'status-margin': 0 -2px 0 6px,
+      'status-color': elVar('color-success'),
+      'count-size': elVar('font-size', 'small'),
+      'count-color': elVar('text-color', 'secondary'),
+      'extra-color': elVar('text-color', 'regular'),
+      'extra-bg': elVar('fill-color', 'light'),
+      'extra-padding': 0 10px,
+      'extra-line-height': normal,
+      'extra-preset-margin': -1px -11px
+    ),
+    'input-error': (
+      // 输入框验证失败
+      'bg': transparent,
+      'border': 1px solid elVar('color-error'),
+      'hover-bg': transparent,
+      'hover-border': 1px solid elVar('color-error'),
+      'hover-shadow': none,
+      'focus-bg': transparent,
+      'focus-border': 1px solid elVar('color-error'),
+      'focus-shadow': 0 0 0 2px elVar('color-error', 'light-8'),
+      'disabled-bg': elVar('disabled', 'bg-color'),
+      'disabled-border': 1px solid elVar('disabled', 'border-color'),
+      'status-color': elVar('color-error')
+    ),
+    'input-sm': (
+      // 输入框小尺寸
+      'padding': 0 8px
+    ),
+    'input-lg': (
+      // 输入框大尺寸
+      'padding': 0 12px
+    ),
+    'textarea': (
+      // 文本域
+      'padding': 4px 10px,
+      'count-bg': elVar('bg-color'),
+      'count-padding': 0,
+      'count-right': 12px,
+      'count-bottom': 6px
+    ),
+    'textarea-sm': (
+      // 文本域小尺寸
+      'padding': 2px 8px
+    ),
+    'textarea-lg': (
+      // 文本域大尺寸
+      'padding': 8px 12px
     )
   ),
   $ele

package/lib/style/themes/theme-util.scss

@@ -1,5 +1,6 @@
 @use '../../ele-alert/style/css-var.scss' as *;
 @use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-basic-select/style/css-var.scss' as *;
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
 @use '../../ele-card/style/css-var.scss' as *;
 @use '../../ele-check-card/style/css-var.scss' as *;
@@ -35,6 +36,7 @@
   #{$selector} {
     @include set-alert-var($var);
     @include set-app-var($var);
+    @include set-basic-select-var($var);
     @include set-bottom-bar-var($var);
     @include set-card-var($var);
     @include set-check-card-var($var);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.1.7-beta.1",
+  "version": "1.1.7-beta.3",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
@@ -96,9 +96,6 @@
       "import": "./es/index.js",
       "require": "./lib/index.cjs"
     },
-    "./typings/*": {
-      "types": "./typings/*.d.ts"
-    },
     "./es/icons": {
       "types": "./es/icons/index.d.ts",
       "import": "./es/icons/index.js"