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

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

@@ -1,128 +1,17 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode } from "vue";
-import qrcodegen from "./qrcodegen";
+import { defineComponent, resolveComponent, openBlock, createBlock } from "vue";
+import EleQrCodeSvg from "../ele-qr-code-svg/index";
+import CanvasRender from "./components/canvas-render";
 import { qrCodeProps, qrCodeEmits } from "./props";
-import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, SUPPORTS_PATH2D, generatePath } from "./util";
 const _sfc_main = defineComponent({
   name: "EleQrCode",
+  components: { EleQrCodeSvg, CanvasRender },
   props: qrCodeProps,
   emits: qrCodeEmits,
-  setup(props, { emit }) {
-    const canvasRef = ref(null);
-    const imageRef = ref(null);
-    const imageSrc = computed(
-      () => {
-        var _a;
-        return (_a = props.imageSettings) == null ? void 0 : _a.src;
-      }
-    );
-    const canvasStyle = computed(() => {
-      const styles = [
-        {
-          height: `${props.size}px`,
-          width: `${props.size}px`
-        }
-      ];
-      if (props.customStyle != null) {
-        styles.push(props.customStyle);
-      }
-      return styles;
-    });
-    const render = () => {
-      const { value, size, level, bgColor, fgColor, margin, imageSettings } = props;
-      if (canvasRef.value == null) {
-        return;
-      }
-      const canvas = canvasRef.value;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) {
-        return;
-      }
-      if (!value) {
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        return;
-      }
-      let cells = qrcodegen.QrCode.encodeText(
-        value,
-        ERROR_LEVEL_MAP[level]
-      ).getModules();
-      const numCells = cells.length + margin * 2;
-      const calculatedImageSettings = getImageSettings(
-        imageSettings,
-        size,
-        margin,
-        cells
-      );
-      const image = imageRef.value;
-      const haveImageToRender = calculatedImageSettings != null && image != null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
-      if (haveImageToRender && calculatedImageSettings.excavation != null) {
-        cells = excavateModules(cells, calculatedImageSettings.excavation);
-      }
-      const pixelRatio = window.devicePixelRatio || 1;
-      canvas.height = canvas.width = size * pixelRatio;
-      const scale = size / numCells * pixelRatio;
-      ctx.scale(scale, scale);
-      ctx.fillStyle = bgColor;
-      ctx.fillRect(0, 0, numCells, numCells);
-      ctx.fillStyle = fgColor;
-      if (SUPPORTS_PATH2D) {
-        ctx.fill(new Path2D(generatePath(cells, margin)));
-      } else {
-        cells.forEach(function(row, rdx) {
-          row.forEach(function(cell, cdx) {
-            if (cell) {
-              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
-            }
-          });
-        });
-      }
-      if (haveImageToRender) {
-        ctx.drawImage(
-          image,
-          calculatedImageSettings.x + margin,
-          calculatedImageSettings.y + margin,
-          calculatedImageSettings.w,
-          calculatedImageSettings.h
-        );
-      }
+  setup(_props, { emit }) {
+    const handleDone = () => {
       emit("done");
     };
-    watch(
-      [
-        () => props.value,
-        () => props.level,
-        () => props.bgColor,
-        () => props.fgColor,
-        () => props.margin
-      ],
-      () => {
-        render();
-      }
-    );
-    watch(
-      () => props.size,
-      () => {
-        nextTick(() => {
-          render();
-        });
-      }
-    );
-    watch(
-      () => props.imageSettings,
-      () => {
-        render();
-      },
-      { deep: true }
-    );
-    onMounted(() => {
-      render();
-    });
-    return {
-      canvasRef,
-      imageRef,
-      imageSrc,
-      canvasStyle,
-      render
-    };
+    return { handleDone };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -132,25 +21,33 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-qr-code" };
-const _hoisted_2 = ["height", "width"];
-const _hoisted_3 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, [
-    createElementVNode("canvas", {
-      ref: "canvasRef",
-      height: _ctx.size,
-      width: _ctx.size,
-      style: normalizeStyle(_ctx.canvasStyle)
-    }, null, 12, _hoisted_2),
-    _ctx.imageSrc ? (openBlock(), createElementBlock("img", {
-      key: 0,
-      ref: "imageRef",
-      src: _ctx.imageSrc,
-      style: { display: "none" },
-      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.render && _ctx.render(...args))
-    }, null, 40, _hoisted_3)) : createCommentVNode("", true)
-  ]);
+  const _component_EleQrCodeSvg = resolveComponent("EleQrCodeSvg");
+  const _component_CanvasRender = resolveComponent("CanvasRender");
+  return _ctx.tag === "svg" ? (openBlock(), createBlock(_component_EleQrCodeSvg, {
+    key: 0,
+    value: _ctx.value,
+    size: _ctx.size,
+    level: _ctx.level,
+    bgColor: _ctx.bgColor,
+    fgColor: _ctx.fgColor,
+    margin: _ctx.margin,
+    imageSettings: _ctx.imageSettings,
+    customStyle: _ctx.customStyle,
+    onDone: _ctx.handleDone
+  }, null, 8, ["value", "size", "level", "bgColor", "fgColor", "margin", "imageSettings", "customStyle", "onDone"])) : (openBlock(), createBlock(_component_CanvasRender, {
+    key: 1,
+    value: _ctx.value,
+    size: _ctx.size,
+    level: _ctx.level,
+    bgColor: _ctx.bgColor,
+    fgColor: _ctx.fgColor,
+    margin: _ctx.margin,
+    imageSettings: _ctx.imageSettings,
+    customStyle: _ctx.customStyle,
+    tag: _ctx.tag,
+    onDone: _ctx.handleDone
+  }, null, 8, ["value", "size", "level", "bgColor", "fgColor", "margin", "imageSettings", "customStyle", "tag", "onDone"]));
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { Level, ImageSettings } from './types';
+import { StyleValue } from '../ele-app/types';
+import { Level, ImageSettings, QrCodeTag } from './types';
 
 /**
  * 属性
@@ -35,7 +36,9 @@ export declare const qrCodeProps: {
     /** 自定义图片 */
     imageSettings: PropType<ImageSettings>;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
+    /** 渲染标签 */
+    tag: PropType<QrCodeTag>;
 };
 export type QrCodeProps = ExtractPropTypes<typeof qrCodeProps>;
 /**

package/es/ele-qr-code/props.js

@@ -29,7 +29,9 @@ const qrCodeProps = {
   /** 自定义图片 */
   imageSettings: Object,
   /** 自定义样式 */
-  customStyle: Object
+  customStyle: Object,
+  /** 渲染标签 */
+  tag: String
 };
 const qrCodeEmits = {
   /** 渲染完成事件 */

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

@@ -21,6 +21,11 @@ export interface ImageSettings {
   excavate?: boolean;
 }
 
+/**
+ * 渲染标签
+ */
+export type QrCodeTag = 'img' | 'canvas' | 'svg';
+
 /**
  * 二维码数据
  */

package/es/ele-qr-code-svg/index.d.ts

@@ -19,9 +19,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }, {
     viewBox: import('vue').Ref<string>;
     path: import('vue').Ref<string>;
@@ -30,7 +31,6 @@ declare const _default: import('vue').DefineComponent<{
     imageWidth: import('vue').Ref<number>;
     imageX: import('vue').Ref<number>;
     imageY: import('vue').Ref<number>;
-    imageSrc: import('vue').ComputedRef<string | undefined>;
     render: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: () => boolean;
@@ -55,9 +55,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode } from "vue";
 import qrcodegen from "../ele-qr-code/qrcodegen";
 import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, generatePath } from "../ele-qr-code/util";
 import { qrCodeProps, qrCodeEmits } from "../ele-qr-code/props";
@@ -14,12 +14,6 @@ const _sfc_main = defineComponent({
     const imageWidth = ref(0);
     const imageX = ref(0);
     const imageY = ref(0);
-    const imageSrc = computed(
-      () => {
-        var _a;
-        return (_a = props.imageSettings) == null ? void 0 : _a.src;
-      }
-    );
     const render = () => {
       const { value, size, level, margin, imageSettings } = props;
       if (!value) {
@@ -78,7 +72,6 @@ const _sfc_main = defineComponent({
       imageWidth,
       imageX,
       imageY,
-      imageSrc,
       render
     };
   }
@@ -90,19 +83,23 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-qr-code" };
+const _hoisted_1 = {
+  class: "ele-qr-code",
+  style: { display: "inline-flex" }
+};
 const _hoisted_2 = ["height", "width", "viewBox"];
 const _hoisted_3 = ["fill", "d"];
 const _hoisted_4 = ["fill", "d"];
 const _hoisted_5 = ["xlink:href", "height", "width", "x", "y"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.viewBox ? (openBlock(), createElementBlock("svg", {
       key: 0,
       shapeRendering: "crispEdges",
       height: _ctx.size,
       width: _ctx.size,
-      viewBox: _ctx.viewBox
+      viewBox: _ctx.viewBox,
+      style: normalizeStyle(_ctx.customStyle)
     }, [
       createElementVNode("path", {
         fill: _ctx.bgColor,
@@ -112,16 +109,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         fill: _ctx.fgColor,
         d: _ctx.fgPath
       }, null, 8, _hoisted_4),
-      _ctx.imageSrc ? (openBlock(), createElementBlock("image", {
+      _ctx.imageSettings && _ctx.imageSettings.src ? (openBlock(), createElementBlock("image", {
         key: 0,
-        "xlink:href": _ctx.imageSrc,
+        "xlink:href": _ctx.imageSettings.src,
         height: _ctx.imageHeight,
         width: _ctx.imageWidth,
         x: _ctx.imageX,
         y: _ctx.imageY,
         preserveAspectRatio: "none"
       }, null, 8, _hoisted_5)) : createCommentVNode("", true)
-    ], 8, _hoisted_2)) : createCommentVNode("", true)
+    ], 12, _hoisted_2)) : createCommentVNode("", true)
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
     size: import('vue').PropType<import('./types').SegmentedSize>;
 }, {
     tabRef: import('vue').Ref<ElTabsInstance>;
-    onUpdateModelValue: (value: string | number) => void;
+    handleUpdateModelValue: (value: string | number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: string | number) => boolean;
     change: (_active: string | number) => boolean;

package/es/ele-segmented/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElIcon, ElTabs, ElTabPane } from "element-plus";
+import { useFormValidate } from "../ele-basic-select/util";
 import { segmentedProps, segmentedEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSegmented",
@@ -7,14 +8,16 @@ const _sfc_main = defineComponent({
   props: segmentedProps,
   emits: segmentedEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const tabRef = ref(null);
-    const onUpdateModelValue = (value) => {
+    const handleUpdateModelValue = (value) => {
       if (props.modelValue !== value) {
         emit("update:modelValue", value);
+        validateChange();
         emit("change", value);
       }
     };
-    return { tabRef, onUpdateModelValue };
+    return { tabRef, handleUpdateModelValue };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -43,7 +46,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-small": _ctx.size === "small" },
       { "is-disabled": _ctx.disabled }
     ]),
-    "onUpdate:modelValue": _ctx.onUpdateModelValue
+    "onUpdate:modelValue": _ctx.handleUpdateModelValue
   }, {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {

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

@@ -5,10 +5,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -28,7 +28,7 @@ declare const _default: import('vue').DefineComponent<{
     resizing: import('vue').Ref<boolean>;
     toggleCollapse: (collapse?: boolean) => void;
     resetSize: () => void;
-    onResize: (event: MouseEvent) => void;
+    handleResize: (event: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -36,10 +36,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<{
     collapse: boolean;
     resizable: boolean;
     responsive: boolean;
-    allowCollapse: boolean;
     flexTable: boolean;
+    allowCollapse: boolean;
 }, {}>;
 export default _default;

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

@@ -36,7 +36,7 @@ const _sfc_main = defineComponent({
       }
       return Math.min(props.maxSize, size);
     };
-    const onResize = (event) => {
+    const handleResize = (event) => {
       var _a;
       const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
       const sideEl = sideRef.value;
@@ -111,7 +111,7 @@ const _sfc_main = defineComponent({
       resizing,
       toggleCollapse,
       resetSize,
-      onResize
+      handleResize
     };
   }
 });
@@ -161,7 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.resizable ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ele-split-resize-line",
-            onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onResize && _ctx.onResize(...args))
+            onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
           }, null, 32)) : createCommentVNode("", true)
         ])
       ], 512),

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
@@ -13,13 +14,13 @@ export declare const splitPanelProps: {
     /** 间距 */
     space: StringConstructor;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 是否可折叠 */
     allowCollapse: BooleanConstructor;
     /** 折叠按钮样式 */
-    collapseStyle: PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: PropType<StyleValue>;
     /** 是否折叠 */
     collapse: BooleanConstructor;
     /** 是否垂直方向 */

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

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;

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

@@ -16,13 +16,13 @@ export declare const stepsProps: {
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     simple: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/ele-tab-wrap/components/tab-dropdown.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    onCommand: (command: string) => void;
+    handleCommand: (command: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     menuClick: (_command: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/es/ele-tab-wrap/components/tab-dropdown.js

@@ -29,7 +29,7 @@ const _sfc_main = defineComponent({
         state.timer = null;
       }
     };
-    const onCommand = (command) => {
+    const handleCommand = (command) => {
       emit("menuClick", command);
       clearTimer();
       if (props.autoClose) {
@@ -44,7 +44,7 @@ const _sfc_main = defineComponent({
     onBeforeUnmount(() => {
       clearTimer();
     });
-    return { dropdownRef, onCommand };
+    return { dropdownRef, handleCommand };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -71,7 +71,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
-        onCommand: _ctx.onCommand
+        onCommand: _ctx.handleCommand
       }), createSlots({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_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<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     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<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { TableSize } from '../ele-pro-table/types';
 
 /**
  * 属性
@@ -9,7 +10,7 @@ export declare const tableProps: {
     /** 是否带有纵向边框 */
     border: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<"" | "default" | "small" | "large" | undefined>;
+    size: PropType<TableSize>;
     /** 是否有表头 */
     hasHeader: {
         type: BooleanConstructor;