ele-admin-plus 1.1.9-beta.6 → 1.1.9-beta.8

package/lib/style/index.scss

@@ -1,44 +1,2 @@
-@use '../ele-alert/style/index.scss' as alert;
 @use '../ele-app/style/index.scss' as app;
-@use '../ele-avatar-group/style/index.scss' as avatarGroup;
-@use '../ele-basic-select/style/index.scss' as basicSelect;
-@use '../ele-bottom-bar/style/index.scss' as bottomBar;
-@use '../ele-breadcrumb/style/index.scss' as breadcrumb;
-@use '../ele-copyable/style/index.scss' as copyable;
-@use '../ele-card/style/index.scss' as card;
-@use '../ele-check-card/style/index.scss' as checkCard;
-@use '../ele-cropper/style/index.scss' as cropper;
-@use '../ele-dashboard/style/index.scss' as dashboard;
-@use '../ele-data-table/style/index.scss' as dataTable;
-@use '../ele-dot/style/index.scss' as dot;
-@use '../ele-drawer/style/index.scss' as drawer;
-@use '../ele-dropdown/style/index.scss' as dropdown;
-@use '../ele-edit-tag/style/index.scss' as editTag;
-@use '../ele-ellipsis/style/index.scss' as ellipsis;
-@use '../ele-file-list/style/index.scss' as fileList;
-@use '../ele-icon-select/style/index.scss' as iconSelect;
-@use '../ele-loading/style/index.scss' as loading;
-@use '../ele-map-picker/style/index.scss' as mapPicker;
-@use '../ele-menus/style/index.scss' as menus;
-@use '../ele-modal/style/index.scss' as modal;
-@use '../ele-page/style/index.scss' as page;
-@use '../ele-pagination/style/index.scss' as pagination;
-@use '../ele-popconfirm/style/index.scss' as popconfirm;
-@use '../ele-popover/style/index.scss' as popover;
-@use '../ele-printer/style/index.scss' as printer;
-@use '../ele-pro-layout/style/index.scss' as proLayout;
-@use '../ele-pro-table/style/index.scss' as proTable;
-@use '../ele-segmented/style/index.scss' as segmented;
-@use '../ele-split-panel/style/index.scss' as splitPanel;
-@use '../ele-steps/style/index.scss' as steps;
-@use '../ele-tabs/style/index.scss' as tabs;
-@use '../ele-table/style/index.scss' as table;
-@use '../ele-table-select/style/index.scss' as tableSelect;
-@use '../ele-text/style/index.scss' as text;
-@use '../ele-tool/style/index.scss' as tool;
-@use '../ele-toolbar/style/index.scss' as toolbar;
-@use '../ele-tooltip/style/index.scss' as tooltip;
-@use '../ele-tour/style/index.scss' as tour;
-@use '../ele-tree-select/style/index.scss' as treeSelect;
-@use '../ele-upload-list/style/index.scss' as uploadList;
-@use '../ele-virtual-table/style/index.scss' as virtualTable;
+@use './plus.scss' as *;

package/lib/style/plus.scss

@@ -0,0 +1,43 @@
+@use '../ele-alert/style/index.scss' as alert;
+//@use '../ele-app/style/index.scss' as app;
+@use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-basic-select/style/index.scss' as basicSelect;
+@use '../ele-bottom-bar/style/index.scss' as bottomBar;
+@use '../ele-breadcrumb/style/index.scss' as breadcrumb;
+@use '../ele-copyable/style/index.scss' as copyable;
+@use '../ele-card/style/index.scss' as card;
+@use '../ele-check-card/style/index.scss' as checkCard;
+@use '../ele-cropper/style/index.scss' as cropper;
+@use '../ele-dashboard/style/index.scss' as dashboard;
+@use '../ele-data-table/style/index.scss' as dataTable;
+@use '../ele-dot/style/index.scss' as dot;
+@use '../ele-drawer/style/index.scss' as drawer;
+@use '../ele-dropdown/style/index.scss' as dropdown;
+@use '../ele-edit-tag/style/index.scss' as editTag;
+@use '../ele-ellipsis/style/index.scss' as ellipsis;
+@use '../ele-file-list/style/index.scss' as fileList;
+@use '../ele-icon-select/style/index.scss' as iconSelect;
+@use '../ele-loading/style/index.scss' as loading;
+@use '../ele-map-picker/style/index.scss' as mapPicker;
+@use '../ele-menus/style/index.scss' as menus;
+@use '../ele-modal/style/index.scss' as modal;
+@use '../ele-page/style/index.scss' as page;
+@use '../ele-pagination/style/index.scss' as pagination;
+@use '../ele-popconfirm/style/index.scss' as popconfirm;
+@use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-layout/style/index.scss' as proLayout;
+@use '../ele-pro-table/style/index.scss' as proTable;
+@use '../ele-segmented/style/index.scss' as segmented;
+@use '../ele-split-panel/style/index.scss' as splitPanel;
+@use '../ele-steps/style/index.scss' as steps;
+@use '../ele-tabs/style/index.scss' as tabs;
+@use '../ele-table/style/index.scss' as table;
+@use '../ele-table-select/style/index.scss' as tableSelect;
+@use '../ele-text/style/index.scss' as text;
+@use '../ele-tool/style/index.scss' as tool;
+@use '../ele-toolbar/style/index.scss' as toolbar;
+@use '../ele-tooltip/style/index.scss' as tooltip;
+@use '../ele-tour/style/index.scss' as tour;
+@use '../ele-tree-select/style/index.scss' as treeSelect;
+@use '../ele-upload-list/style/index.scss' as uploadList;
+@use '../ele-virtual-table/style/index.scss' as virtualTable;

package/lib/style/themes/default.scss

@@ -267,6 +267,9 @@ $ele: map.deep-merge(
     'icon': (
       // 图标选择器
       'header-padding': 0 12px,
+      'search-width': 120px,
+      'search-padding': 8px 0,
+      'search-icon-size': elVar('font-size', 'extra-small'),
       'tab-height': 42px,
       'tab-space': 16px,
       'tab-padding': 0 2px,
@@ -318,7 +321,7 @@ $ele: map.deep-merge(
     ),
     'map': (
       // 地图位置选择
-      'header-padding': 6px 12px
+      'search-padding': 6px 12px
     ),
     'menu': (
       // 菜单
@@ -348,8 +351,8 @@ $ele: map.deep-merge(
     ),
     'menu-popup': (
       // 气泡菜单
-      'min-width': 160px,
-      'max-width': 320px,
+      'min-width': 148px,
+      'max-width': 260px,
       'max-height': calc(100vh - 10px),
       'bg': elVar('bg-color', 'overlay'),
       'radius': elVar('border-radius', 'base'),

package/lib/style/themes/rounded.scss

@@ -62,7 +62,7 @@ $ele-rounded: map.deep-merge(
       'menu-active-line': 0
     ),
     'map': (
-      'header-padding': 0 12px 6px 12px
+      'search-padding': 0 12px 6px 12px
     ),
     'menu': (
       'arrow-margin': 0 -8px 0 6px,

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

@@ -16,7 +16,6 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
-@use '../../ele-popover/style/css-var.scss' as *;
 @use '../../ele-pro-layout/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
@@ -52,7 +51,6 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
-    @include set-popover-var($var);
     @include set-layout-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);

package/lib/utils/core.cjs

@@ -214,9 +214,37 @@ function pick(obj, fields) {
   }
   return result;
 }
+function contentIsEllipsis(el, direction) {
+  if (!el || !el.childNodes.length) {
+    return false;
+  }
+  const range = document.createRange();
+  range.setStart(el, 0);
+  range.setEnd(el, el.childNodes.length);
+  const { width, height } = range.getBoundingClientRect();
+  const floorW = Math.floor(width);
+  const rangeWidth = width - floorW < 1e-3 ? floorW : width;
+  const floorH = Math.floor(height);
+  const rangeHeight = height - floorH < 1e-3 ? floorH : height;
+  const style = getCurrentStyle(el);
+  const top = Number.parseInt(style.paddingTop) || 0;
+  const left = Number.parseInt(style.paddingLeft) || 0;
+  const right = Number.parseInt(style.paddingRight) || 0;
+  const bottom = Number.parseInt(style.paddingBottom) || 0;
+  const horizontalPadding = left + right;
+  const verticalPadding = top + bottom;
+  if (direction === "horizontal") {
+    return rangeWidth + horizontalPadding > el.offsetWidth || el.scrollWidth > el.offsetWidth;
+  }
+  if (direction === "vertical") {
+    return rangeHeight + verticalPadding > el.offsetHeight || el.scrollHeight > el.offsetHeight;
+  }
+  return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+}
 exports.assignObject = assignObject;
 exports.bd09ToGcj02 = bd09ToGcj02;
 exports.checkFullscreen = checkFullscreen;
+exports.contentIsEllipsis = contentIsEllipsis;
 exports.debounce = debounce;
 exports.eachTree = eachTree;
 exports.exitFullscreen = exitFullscreen;

package/lib/utils/core.d.ts

@@ -137,3 +137,8 @@ export declare function omit<T extends object, K extends keyof T>(obj: T | null
  * @param fields 摘选的属性
  */
 export declare function pick<T extends object, K extends keyof T>(obj: T, fields: Array<K>): Pick<T, K>;
+/**
+ * 判断元素内容是否溢出省略
+ * @param el 元素节点
+ */
+export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;

package/lib/utils/resolvers.cjs

@@ -1,34 +1,47 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getSideEffects(name, options) {
-  if (!(options == null ? void 0 : options.importStyle)) {
+function getSideEffects(path, options) {
+  const importStyle = options == null ? void 0 : options.importStyle;
+  if (!importStyle) {
     return;
   }
-  const dir = options.path ?? "/es";
-  const packageName = "ele-admin-plus";
-  if (options.importStyle === "css") {
-    return `${packageName}${dir}/${name}/style/css`;
+  if (importStyle === "css") {
+    return `${path}/style/css`;
   }
-  return `${packageName}${dir}/${name}/style/index`;
+  return `${path}/style/index`;
 }
-function kebabCase(value) {
-  return value.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+function getStylePath(namePath, packageName, path) {
+  if (!path) {
+    return `${packageName}/es`;
+  }
+  if (path === "/es/core") {
+    return `${packageName}/es/${namePath}`;
+  }
+  if (path === "/lib/core") {
+    return `${packageName}/lib/${namePath}`;
+  }
+  return `${packageName}${path}/${namePath}`;
 }
-function EleAdminResolver(options = {}) {
+function EleAdminResolver(options) {
   return {
     type: "component",
-    resolve: (key) => {
-      var _a, _b;
-      if (key.match(/^Ele[A-Z]/) && !((_b = (_a = options == null ? void 0 : options.exclude) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key))) {
+    resolve: (name) => {
+      var _a;
+      const { path, exclude } = options || {};
+      if (name.match(/^Ele[A-Z]/) && !((_a = exclude == null ? void 0 : exclude.includes) == null ? void 0 : _a.call(exclude, name))) {
         const packageName = "ele-admin-plus";
-        const name = kebabCase(key);
-        const dir = options.path ?? "/es";
-        const path = !options.path ? `${packageName}${dir}` : `${packageName}${dir}/${name}`;
-        const importName = options.path ? void 0 : key;
+        const namePath = name.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+        const stylePath = getStylePath(namePath, packageName, path);
+        if (!path || path === "/es/core" || path === "/lib/core") {
+          return {
+            name,
+            from: `${packageName}${path ?? "/es"}`,
+            sideEffects: getSideEffects(stylePath, options)
+          };
+        }
         return {
-          from: path,
-          name: importName,
-          sideEffects: getSideEffects(name, options)
+          from: `${packageName}${path}/${namePath}`,
+          sideEffects: getSideEffects(stylePath, options)
         };
       }
     }

package/lib/utils/resolvers.d.ts

@@ -4,8 +4,8 @@ import type { ComponentResolver } from 'unplugin-vue-components/types';
  * 参数类型
  */
 export interface EleAdminResolverOptions {
-    /** 可选 '/es'、'/lib'、'', 默认'/es' */
-    path?: string;
+    /** 包路径 */
+    path?: string | '' | '/es' | '/lib' | '/es/core' | '/lib/core';
     /** 排除的组件名称 */
     exclude?: string[];
     /** 是否导入样式 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.1.9-beta.6",
+  "version": "1.1.9-beta.8",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",

package/es/ele-map-picker/components/map-search.d.ts

@@ -1,22 +0,0 @@
-import type { ElAutocompleteInstance } from '../../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: StringConstructor;
-    placeholder: StringConstructor;
-}, {
-    autocompleteRef: import("vue").Ref<ElAutocompleteInstance>;
-    updateModelValue: (keywords: string) => void;
-    onSearch: (keywords: string, callback?: any) => void;
-    onSearchSelect: (item: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_keywords: string) => true;
-    search: (_keywords: string, _callback: any) => true;
-    searchSelect: (_item: any) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: StringConstructor;
-    placeholder: StringConstructor;
-}>> & {
-    "onUpdate:modelValue"?: ((_keywords: string) => any) | undefined;
-    onSearch?: ((_keywords: string, _callback: any) => any) | undefined;
-    onSearchSelect?: ((_item: any) => any) | undefined;
-}, {}, {}>;
-export default _default;

package/es/ele-map-picker/components/map-search.js

@@ -1,75 +0,0 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
-import { ElAutocomplete } from "element-plus";
-import { SearchOutlined } from "../../icons";
-const _sfc_main = defineComponent({
-  name: "MapSearch",
-  components: { ElAutocomplete, SearchOutlined },
-  props: {
-    modelValue: String,
-    placeholder: String
-  },
-  emits: {
-    "update:modelValue": (_keywords) => true,
-    search: (_keywords, _callback) => true,
-    searchSelect: (_item) => true
-  },
-  setup(_props, { emit }) {
-    const autocompleteRef = ref(null);
-    const updateModelValue = (keywords) => {
-      emit("update:modelValue", keywords);
-    };
-    const onSearch = (keywords, callback) => {
-      emit("search", keywords, callback);
-    };
-    const onSearchSelect = (item) => {
-      autocompleteRef.value && autocompleteRef.value.blur();
-      emit("searchSelect", item);
-    };
-    return { autocompleteRef, updateModelValue, onSearch, onSearchSelect };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-map-suggest-item" };
-const _hoisted_2 = { class: "ele-map-suggest-title" };
-const _hoisted_3 = { class: "ele-map-suggest-text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SearchOutlined = resolveComponent("SearchOutlined");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElAutocomplete = resolveComponent("ElAutocomplete");
-  return openBlock(), createBlock(_component_ElAutocomplete, {
-    ref: "autocompleteRef",
-    clearable: true,
-    placeholder: _ctx.placeholder,
-    fetchSuggestions: _ctx.onSearch,
-    popperClass: "ele-map-suggest-popper",
-    modelValue: _ctx.modelValue,
-    "onUpdate:modelValue": _ctx.updateModelValue,
-    onSelect: _ctx.onSearchSelect
-  }, {
-    prefix: withCtx(() => [
-      createVNode(_component_ElIcon, { class: "el-input__icon" }, {
-        default: withCtx(() => [
-          createVNode(_component_SearchOutlined)
-        ]),
-        _: 1
-      })
-    ]),
-    default: withCtx(({ item }) => [
-      createElementVNode("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, toDisplayString(item.label), 1),
-        createElementVNode("div", _hoisted_3, toDisplayString(item.district), 1)
-      ])
-    ]),
-    _: 1
-  }, 8, ["placeholder", "fetchSuggestions", "modelValue", "onUpdate:modelValue", "onSelect"]);
-}
-const mapSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  mapSearch as default
-};

package/es/ele-popover/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 气泡卡片主题变量 */
-@mixin set-popover-var($var) {
-  .ele-popover {
-    @include set-ele-var('popover', $var);
-  }
-}

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

@@ -1,27 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-popover-var($ele);
-
-.ele-popper.ele-popover {
-  color: eleVar('popover', 'color');
-  font-size: eleVar('popover', 'font-size');
-  line-height: inherit;
-  text-align: left;
-  min-width: 150px;
-  padding: 0;
-}
-
-.ele-popover-content {
-  padding: eleVar('popover', 'padding');
-  box-sizing: border-box;
-}
-
-.ele-popover-title {
-  color: eleVar('popover', 'title-color');
-  font-size: eleVar('popover', 'title-font-size');
-  font-weight: eleVar('popover', 'title-font-weight');
-  padding: eleVar('popover', 'title-padding');
-  border-bottom: eleVar('popover', 'title-border');
-}

package/lib/ele-map-picker/components/map-search.cjs

@@ -1,74 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const icons = require("../../icons");
-const _sfc_main = vue.defineComponent({
-  name: "MapSearch",
-  components: { ElAutocomplete: elementPlus.ElAutocomplete, SearchOutlined: icons.SearchOutlined },
-  props: {
-    modelValue: String,
-    placeholder: String
-  },
-  emits: {
-    "update:modelValue": (_keywords) => true,
-    search: (_keywords, _callback) => true,
-    searchSelect: (_item) => true
-  },
-  setup(_props, { emit }) {
-    const autocompleteRef = vue.ref(null);
-    const updateModelValue = (keywords) => {
-      emit("update:modelValue", keywords);
-    };
-    const onSearch = (keywords, callback) => {
-      emit("search", keywords, callback);
-    };
-    const onSearchSelect = (item) => {
-      autocompleteRef.value && autocompleteRef.value.blur();
-      emit("searchSelect", item);
-    };
-    return { autocompleteRef, updateModelValue, onSearch, onSearchSelect };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-map-suggest-item" };
-const _hoisted_2 = { class: "ele-map-suggest-title" };
-const _hoisted_3 = { class: "ele-map-suggest-text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SearchOutlined = vue.resolveComponent("SearchOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElAutocomplete = vue.resolveComponent("ElAutocomplete");
-  return vue.openBlock(), vue.createBlock(_component_ElAutocomplete, {
-    ref: "autocompleteRef",
-    clearable: true,
-    placeholder: _ctx.placeholder,
-    fetchSuggestions: _ctx.onSearch,
-    popperClass: "ele-map-suggest-popper",
-    modelValue: _ctx.modelValue,
-    "onUpdate:modelValue": _ctx.updateModelValue,
-    onSelect: _ctx.onSearchSelect
-  }, {
-    prefix: vue.withCtx(() => [
-      vue.createVNode(_component_ElIcon, { class: "el-input__icon" }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_SearchOutlined)
-        ]),
-        _: 1
-      })
-    ]),
-    default: vue.withCtx(({ item }) => [
-      vue.createElementVNode("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.label), 1),
-        vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.district), 1)
-      ])
-    ]),
-    _: 1
-  }, 8, ["placeholder", "fetchSuggestions", "modelValue", "onUpdate:modelValue", "onSelect"]);
-}
-const mapSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = mapSearch;

package/lib/ele-map-picker/components/map-search.d.ts

@@ -1,22 +0,0 @@
-import type { ElAutocompleteInstance } from '../../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: StringConstructor;
-    placeholder: StringConstructor;
-}, {
-    autocompleteRef: import("vue").Ref<ElAutocompleteInstance>;
-    updateModelValue: (keywords: string) => void;
-    onSearch: (keywords: string, callback?: any) => void;
-    onSearchSelect: (item: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_keywords: string) => true;
-    search: (_keywords: string, _callback: any) => true;
-    searchSelect: (_item: any) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: StringConstructor;
-    placeholder: StringConstructor;
-}>> & {
-    "onUpdate:modelValue"?: ((_keywords: string) => any) | undefined;
-    onSearch?: ((_keywords: string, _callback: any) => any) | undefined;
-    onSearchSelect?: ((_item: any) => any) | undefined;
-}, {}, {}>;
-export default _default;

package/lib/ele-popover/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 气泡卡片主题变量 */
-@mixin set-popover-var($var) {
-  .ele-popover {
-    @include set-ele-var('popover', $var);
-  }
-}

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

@@ -1,27 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-popover-var($ele);
-
-.ele-popper.ele-popover {
-  color: eleVar('popover', 'color');
-  font-size: eleVar('popover', 'font-size');
-  line-height: inherit;
-  text-align: left;
-  min-width: 150px;
-  padding: 0;
-}
-
-.ele-popover-content {
-  padding: eleVar('popover', 'padding');
-  box-sizing: border-box;
-}
-
-.ele-popover-title {
-  color: eleVar('popover', 'title-color');
-  font-size: eleVar('popover', 'title-font-size');
-  font-weight: eleVar('popover', 'title-font-weight');
-  padding: eleVar('popover', 'title-padding');
-  border-bottom: eleVar('popover', 'title-border');
-}