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

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

@@ -1,10 +1,9 @@
-import { defineComponent, ref, reactive, computed, onDeactivated, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeStyle, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, reactive, computed, onDeactivated, nextTick, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, normalizeStyle, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, createCommentVNode, createElementVNode } from "vue";
 import VueDraggable from "vuedraggable";
 import { ElUpload, ElImage, ElIcon } from "element-plus";
 import { Plus } from "@element-plus/icons-vue";
-import { useLicense, UNAUTHORIZED_TIP } from "../utils/license-util";
-import { useLocale } from "../ele-config-provider/use-receiver";
 import { uuid } from "../utils/core";
+import { useLicense, useLocale } from "../ele-config-provider/receiver";
 import ListItem from "./components/list-item";
 import { uploadListProps, uploadListEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -40,11 +39,7 @@ const _sfc_main = defineComponent({
       emit("update:modelValue", value);
     };
     const onUpload = (file) => {
-      if (!authenticated.value) {
-        console.warn(UNAUTHORIZED_TIP);
-        return false;
-      }
-      if (!uploadEnable.value) {
+      if (!authenticated.value || !uploadEnable.value || props.disabled) {
         return false;
       }
       const item = {
@@ -124,18 +119,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     setData: () => void 0,
     modelValue: _ctx.modelValue,
     draggable: ".ele-draggable",
-    class: "ele-upload-list",
+    class: normalizeClass(["ele-upload-list", { "is-disabled": _ctx.disabled }]),
     "onUpdate:modelValue": _ctx.updateModelValue
   }, {
     item: withCtx(({ element }) => [
       createVNode(_component_ListItem, {
         item: element,
         readonly: _ctx.readonly,
+        disabled: _ctx.disabled,
         locale: _ctx.lang,
         style: normalizeStyle(_ctx.itemStyle),
-        onItemClick: ($event) => _ctx.onItemClick(element),
-        onRemove: ($event) => _ctx.onItemRemove(element),
-        onRetry: ($event) => _ctx.onItemRetry(element)
+        class: normalizeClass({
+          "ele-draggable": _ctx.sortable && !_ctx.readonly && !_ctx.disabled && _ctx.limit !== 1
+        }),
+        onItemClick: _ctx.onItemClick,
+        onRemove: _ctx.onItemRemove,
+        onRetry: _ctx.onItemRetry
       }, createSlots({ _: 2 }, [
         renderList(Object.keys(_ctx.$slots), (name) => {
           return {
@@ -145,7 +144,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1032, ["item", "readonly", "locale", "style", "onItemClick", "onRemove", "onRetry"])
+      ]), 1032, ["item", "readonly", "disabled", "locale", "style", "class", "onItemClick", "onRemove", "onRetry"])
     ]),
     footer: withCtx(() => [
       _ctx.uploadEnable ? (openBlock(), createElementBlock("div", {
@@ -158,6 +157,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           drag: _ctx.drag,
           accept: _ctx.accept,
           multiple: _ctx.multiple,
+          disabled: _ctx.disabled,
           showUploadList: false,
           beforeUpload: _ctx.onUpload
         }, {
@@ -172,7 +172,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           _: 3
-        }, 8, ["drag", "accept", "multiple", "beforeUpload"])
+        }, 8, ["drag", "accept", "multiple", "disabled", "beforeUpload"])
       ], 4)) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_1, [
         _ctx.previewOption.visible ? (openBlock(), createBlock(_component_ElImage, {
@@ -187,7 +187,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["modelValue", "onUpdate:modelValue"]);
+  }, 8, ["modelValue", "class", "onUpdate:modelValue"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-upload-list/props.d.ts

@@ -9,6 +9,7 @@ export declare const uploadListProps: {
         required: boolean;
     };
     readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     preview: {
         type: BooleanConstructor;
         default: boolean;
@@ -22,6 +23,10 @@ export declare const uploadListProps: {
     };
     itemStyle: PropType<CSSProperties>;
     buttonStyle: PropType<CSSProperties>;
+    sortable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     locale: PropType<UploadLocale>;
 };
 export type UploadListProps = ExtractPropTypes<typeof uploadListProps>;

package/es/ele-upload-list/props.js

@@ -6,7 +6,9 @@ const uploadListProps = {
   },
   // 是否只读
   readonly: Boolean,
-  // 是否支持预览
+  // 是否禁用
+  disabled: Boolean,
+  // 是否支持点击预览
   preview: {
     type: Boolean,
     default: true
@@ -26,6 +28,11 @@ const uploadListProps = {
   itemStyle: Object,
   // 自定义上传按钮样式
   buttonStyle: Object,
+  // 是否开启拖拽排序
+  sortable: {
+    type: Boolean,
+    default: true
+  },
   // 国际化
   locale: Object
 };

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

@@ -2,10 +2,13 @@
 
 .ele-upload-list {
   font-size: 0;
+  max-width: 100%;
+  box-sizing: border-box;
 
   .ele-upload-item {
     width: 100px;
     height: 100px;
+    max-width: 100%;
     font-size: 14px;
     display: inline-block;
     margin: 0 12px 12px 0;
@@ -63,7 +66,6 @@
       font-size: 22px;
     }
 
-    .ele-upload-mask,
     .ele-upload-progress {
       position: absolute;
       top: 0;
@@ -75,10 +77,6 @@
       z-index: 1;
     }
 
-    &:not(.sortable-chosen) .ele-upload-mask {
-      display: none;
-    }
-
     .ele-upload-progress {
       color: #fff;
       display: flex;
@@ -129,6 +127,7 @@
       & > .el-upload {
         height: 100%;
         display: flex;
+        cursor: inherit;
 
         & > .el-upload-dragger {
           width: 100%;
@@ -138,6 +137,7 @@
           justify-content: center;
           border-radius: elVar('border-radius', 'base');
           background: none;
+          cursor: inherit;
           border: none;
           padding: 0;
 
@@ -158,4 +158,14 @@
       color: elVar('text-color', 'secondary');
     }
   }
+
+  &.is-disabled .ele-upload-button {
+    background: elVar('disabled', 'bg-color');
+    border-color: elVar('disabled', 'border-color');
+    cursor: not-allowed;
+
+    .ele-upload-icon {
+      color: elVar('disabled', 'text-color');
+    }
+  }
 }

package/es/ele-upload-list/types/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * 数据类型
  */
-export interface UploadItem extends Record<string | number | symbol, unknown> {
+export interface UploadItem {
     /** 唯一标识 */
     key: string | number | symbol;
     /** 显示的图片地址, 为空时显示文件图标 */

package/es/ele-watermark/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, renderSlot, createElementVNode, normalizeStyle } from "vue";
-import { useLicense } from "../utils/license-util";
+import { useLicense } from "../ele-config-provider/receiver";
 import { getFont, getPixelRatio, getGap, rotateWatermark } from "./util";
 import { watermarkProps } from "./props";
 const SIZE = 2;

package/es/ele-watermark/util.js

@@ -1,14 +1,12 @@
 function getFont(font) {
-  return Object.assign(
-    {
-      color: "rgba(68, 68, 68, .25)",
-      fontSize: 16,
-      fontWeight: "normal",
-      fontFamily: "sans-serif",
-      fontStyle: "normal"
-    },
-    font
-  );
+  const style = {
+    color: "rgba(68, 68, 68, .25)",
+    fontSize: 16,
+    fontWeight: "normal",
+    fontFamily: "sans-serif",
+    fontStyle: "normal"
+  };
+  return Object.assign(style, font);
 }
 function getGap(gap) {
   const [gapX, gapY] = gap ?? [];

package/es/ele-xg-player/index.d.ts

@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    playerId: import("vue").ComputedRef<string | undefined>;
+    rootRef: import("vue").Ref<HTMLDivElement | null>;
     player: null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     player: (_player: PlayerType | null) => true;

package/es/ele-xg-player/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, onMounted, onBeforeUpdate, onBeforeUnmount, openBlock, createElementBlock } from "vue";
+import { defineComponent, ref, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock } from "vue";
 import Player from "xgplayer";
 const _sfc_main = defineComponent({
   name: "EleXgPlayer",
@@ -13,29 +13,35 @@ const _sfc_main = defineComponent({
   },
   setup(props, { emit }) {
     let player = null;
-    const playerId = computed(() => {
-      var _a;
-      return (_a = props.config) == null ? void 0 : _a.id;
-    });
+    const rootRef = ref(null);
     const init = () => {
       var _a;
-      if ((_a = props.config) == null ? void 0 : _a.url) {
-        player = new Player(props.config);
+      destroy();
+      if (rootRef.value && ((_a = props.config) == null ? void 0 : _a.url)) {
+        player = new Player(
+          Object.assign({}, props.config, { el: rootRef.value })
+        );
         emit("player", player);
       }
     };
+    const destroy = () => {
+      if (player && typeof player.destroy === "function") {
+        player.destroy();
+      }
+    };
     onMounted(() => {
       init();
     });
-    onBeforeUpdate(() => {
-      init();
-    });
     onBeforeUnmount(() => {
-      if (player && typeof player.destroy === "function") {
-        player.destroy();
-      }
+      destroy();
     });
-    return { playerId, player };
+    watch(
+      () => props.config,
+      () => {
+        init();
+      }
+    );
+    return { rootRef, player };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -45,9 +51,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = ["id"];
+const _hoisted_1 = { ref: "rootRef" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", { id: _ctx.playerId }, null, 8, _hoisted_1);
+  return openBlock(), createElementBlock("div", _hoisted_1, null, 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/icons/ArrowDown.js

@@ -12,7 +12,7 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = {
   viewBox: "0 0 16 16",
   fill: "none",
-  class: "arrow-down"
+  class: "ele-arrow-down"
 };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
   d: "M3.75 5.7998L7.99274 10.0425L12.2361 5.79921",

package/es/icons/ArrowLeft.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: 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 _sfc_main;

package/es/icons/ArrowLeft.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _sfc_main = defineComponent({
+  name: "ArrowLeft"
+});
+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__ */ createElementVNode("path", {
+  d: "M31 36L19 24L31 12",
+  stroke: "currentColor",
+  "stroke-width": "4"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ArrowLeft as default
+};

package/es/icons/ArrowUp.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: 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 _sfc_main;

package/es/icons/ArrowUp.js

@@ -0,0 +1,31 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _sfc_main = defineComponent({
+  name: "ArrowUp"
+});
+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 16 16",
+  fill: "none",
+  class: "ele-arrow-up"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M3.75 10.2002L7.99274 5.7998L12.2361 10.0425",
+  stroke: "currentColor",
+  "stroke-width": "1.3"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowUp = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ArrowUp as default
+};

package/es/icons/index.d.ts

@@ -1,5 +1,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 ColumnHeightOutlined } from "./ColumnHeightOutlined";
 export { default as CompressOutlined } from "./CompressOutlined";
 export { default as ExpandOutlined } from "./ExpandOutlined";

package/es/icons/index.js

@@ -1,24 +1,28 @@
 import { default as default2 } from "./ArrowDown";
-import { default as default3 } from "./ArrowRight";
-import { default as default4 } from "./ColumnHeightOutlined";
-import { default as default5 } from "./CompressOutlined";
-import { default as default6 } from "./ExpandOutlined";
-import { default as default7 } from "./FullscreenOutlined";
-import { default as default8 } from "./FullscreenExitOutlined";
-import { default as default9 } from "./HolderOutlined";
-import { default as default10 } from "./LoadingOutlined";
-import { default as default11 } from "./VerticalLeftOutlined";
-import { default as default12 } from "./VerticalRightOutlined";
+import { default as default3 } from "./ArrowLeft";
+import { default as default4 } from "./ArrowRight";
+import { default as default5 } from "./ArrowUp";
+import { default as default6 } from "./ColumnHeightOutlined";
+import { default as default7 } from "./CompressOutlined";
+import { default as default8 } from "./ExpandOutlined";
+import { default as default9 } from "./FullscreenOutlined";
+import { default as default10 } from "./FullscreenExitOutlined";
+import { default as default11 } from "./HolderOutlined";
+import { default as default12 } from "./LoadingOutlined";
+import { default as default13 } from "./VerticalLeftOutlined";
+import { default as default14 } from "./VerticalRightOutlined";
 export {
   default2 as ArrowDown,
-  default3 as ArrowRight,
-  default4 as ColumnHeightOutlined,
-  default5 as CompressOutlined,
-  default6 as ExpandOutlined,
-  default8 as FullscreenExitOutlined,
-  default7 as FullscreenOutlined,
-  default9 as HolderOutlined,
-  default10 as LoadingOutlined,
-  default11 as VerticalLeftOutlined,
-  default12 as VerticalRightOutlined
+  default3 as ArrowLeft,
+  default4 as ArrowRight,
+  default5 as ArrowUp,
+  default6 as ColumnHeightOutlined,
+  default7 as CompressOutlined,
+  default8 as ExpandOutlined,
+  default10 as FullscreenExitOutlined,
+  default9 as FullscreenOutlined,
+  default11 as HolderOutlined,
+  default12 as LoadingOutlined,
+  default13 as VerticalLeftOutlined,
+  default14 as VerticalRightOutlined
 };

package/es/index.d.ts

@@ -5,8 +5,6 @@ export * from './utils/chart-theme';
 export * from './utils/core';
 export * from './utils/menu-util';
 export * from './utils/message';
-export * from './utils/printer';
-export * from './utils/theme-util';
 export * from './utils/validate';
 export { default as HeaderTool } from "./ele-pro-layout/components/header-tool";
 export { default as SidebarTool } from "./ele-pro-layout/components/sidebar-tool";

package/es/index.js

@@ -4,8 +4,6 @@ export * from "./utils/chart-theme";
 export * from "./utils/core";
 export * from "./utils/menu-util";
 export * from "./utils/message";
-export * from "./utils/printer";
-export * from "./utils/theme-util";
 export * from "./utils/validate";
 import { default as default2 } from "./ele-pro-layout/components/header-tool";
 import { default as default3 } from "./ele-pro-layout/components/sidebar-tool";

package/es/lang/en_US.js

@@ -33,8 +33,8 @@ const localeValues = {
     sizes: "Density",
     columns: "Columns",
     maximized: "Fullscreen",
-    sizeLarge: "Default",
-    sizeDefault: "Secondary",
+    sizeLarge: "Large",
+    sizeDefault: "Default",
     sizeSmall: "Compact",
     columnTitle: "Columns",
     columnReset: "Reset",

package/es/lang/zh_CN.js

@@ -33,7 +33,7 @@ const localeValues = {
     sizes: "密度",
     columns: "列设置",
     maximized: "全屏",
-    sizeLarge: "默认",
+    sizeLarge: "宽松",
     sizeDefault: "中等",
     sizeSmall: "紧凑",
     columnTitle: "列展示",

package/es/lang/zh_TW.js

@@ -34,7 +34,7 @@ const localeValues = {
     sizes: "密度",
     columns: "列設定",
     maximized: "全屏",
-    sizeLarge: "默認",
+    sizeLarge: "寬鬆",
     sizeDefault: "中等",
     sizeSmall: "緊湊",
     columnTitle: "列展示",

package/es/style/index.scss

@@ -1,3 +1,4 @@
+@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;
@@ -17,8 +18,10 @@
 @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-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;

package/es/style/themes/dark-css-var.scss

@@ -1,5 +1,6 @@
 /** 暗黑主题 css 变量 */
 @use './dark.scss' as *;
+@use '../../ele-alert/style/css-var.scss' as *;
 @use '../../ele-app/style/css-var.scss' as *;
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
 @use '../../ele-card/style/css-var.scss' as *;
@@ -10,17 +11,19 @@
 @use '../../ele-page/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 *;
 @use '../../ele-table/style/css-var.scss' as *;
 @use '../../ele-tabs/style/css-var.scss' as *;
 @use '../../ele-text/style/css-var.scss' as *;
 @use '../../ele-tool/style/css-var.scss' as *;
 @use '../../ele-toolbar/style/css-var.scss' as *;
-$dark-class: dark !default;
+$dark-selector: 'html.dark' !default;
 
-html.#{$dark-class} {
-  @include set-scrollbar-var($ele);
+#{$dark-selector} {
+  @include set-alert-var($ele);
   @include set-common-var($ele);
   @include set-message-var($ele);
+  @include set-scrollbar-var($ele);
   @include set-bottom-bar-var($ele);
   @include set-card-var($ele);
   @include set-drawer-var($ele);
@@ -30,6 +33,7 @@ html.#{$dark-class} {
   @include set-page-var($ele);
   @include set-layout-var($ele);
   @include set-pro-table-var($ele);
+  @include set-segmented-var($ele);
   @include set-table-var($ele);
   @include set-tab-var($ele);
   @include set-text-var($ele);

package/es/style/themes/dark.scss

@@ -52,7 +52,7 @@ $ele: (
   'tab-indicator': (
     'color': #434343
   ),
-  'tooltip-dark': (
+  'tooltip': (
     'bg': '#424242'
   ),
   'image-viewer': (