@dfsj/components 3.0.0

package/dist/components/Icon/src/SvgIcon.vue3.js

@@ -0,0 +1,14 @@
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode } from 'vue';
+
+var _hoisted_1 = ["xlink:href"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    "class": normalizeClass([_ctx.prefixCls, _ctx.$attrs["class"], _ctx.spin && 'svg-icon-spin']),
+    style: normalizeStyle(_ctx.getStyle),
+    "aria-hidden": "true"
+  }, [createElementVNode("use", {
+    "xlink:href": _ctx.symbolId
+  }, null, 8 /* PROPS */, _hoisted_1)], 6 /* CLASS, STYLE */);
+}
+
+export { render };

package/dist/components/InputPassword/index.d.ts

@@ -0,0 +1,2 @@
+import InputPassword from './src/InputPassword.vue';
+export { InputPassword };

package/dist/components/InputPassword/src/InputPassword.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import("vue").DefineComponent<{
+    strength: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    modelValue: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/types").ValidatorFunction<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    strength: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    modelValue: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/types").ValidatorFunction<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    strength: boolean;
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/components/InputPassword/src/InputPassword.vue.js

@@ -0,0 +1,5 @@
+import script from './InputPassword.vue2.js';
+
+script.__file = "src/components/InputPassword/src/InputPassword.vue";
+
+export { script as default };

package/dist/components/InputPassword/src/InputPassword.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent, watch, unref, ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, createElementVNode, createCommentVNode } from 'vue';
+import { ElInput } from 'element-plus';
+import propTypes from '../../../utils/propTypes.js';
+import { zxcvbn } from '@zxcvbn-ts/core';
+
+var _hoisted_1 = ["data-score"];
+var prefixCls = 'ec-component-input-password';
+var script = defineComponent({
+  __name: 'InputPassword',
+  props: {
+    strength: propTypes.bool.def(false),
+    modelValue: propTypes.string.def('')
+  },
+  emits: ['update:modelValue'],
+  setup: function setup(__props, _ref) {
+    var __emit = _ref.emit;
+    var props = __props;
+    watch(function () {
+      return props.modelValue;
+    }, function (val) {
+      if (val === unref(valueRef)) return;
+      valueRef.value = val;
+    });
+    var emit = __emit;
+    var textType = ref('password');
+    var valueRef = ref(props.modelValue);
+    watch(function () {
+      return valueRef.value;
+    }, function (val) {
+      emit('update:modelValue', val);
+    });
+    var getPasswordStrength = computed(function () {
+      var value = unref(valueRef);
+      var zxcvbnRef = zxcvbn(unref(valueRef));
+      return value ? zxcvbnRef.score : -1;
+    });
+    return function (_ctx, _cache) {
+      return openBlock(), createElementBlock("div", {
+        "class": normalizeClass([prefixCls, "".concat(prefixCls, "--default")])
+      }, [createVNode(unref(ElInput), mergeProps(_ctx.$attrs, {
+        modelValue: valueRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+          return valueRef.value = $event;
+        }),
+        showPassword: "",
+        type: textType.value
+      }), null, 16, ["modelValue", "type"]), __props.strength ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": normalizeClass(["".concat(prefixCls, "__bar"), "relative h-6px mt-10px mb-6px mr-auto ml-auto"])
+      }, [createElementVNode("div", {
+        "class": normalizeClass("".concat(prefixCls, "__bar--fill")),
+        "data-score": getPasswordStrength.value
+      }, null, 10, _hoisted_1)], 2)) : createCommentVNode("v-if", true)], 2);
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+import BasicModal from './src/BasicModal.vue';
+export { BasicModal };

package/dist/components/Modal/src/BasicModal.vue.d.ts

@@ -0,0 +1,280 @@
+declare const _default: import("vue").DefineComponent<{
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    cancelOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    header: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximizer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximum: import("vue-types").VueTypeValidableDef<any, import("vue-types/dist/types").ValidatorFunction<any>> & {
+        default: any;
+    };
+    headerIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    titleAlign: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    };
+    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    };
+    switcherIcon: {
+        type: ObjectConstructor;
+        default: () => {
+            true: {
+                image: string;
+                color: string;
+            };
+            false: {
+                image: string;
+                color: string;
+            };
+        };
+    };
+    closerIcon: {
+        type: ObjectConstructor;
+        default: () => {
+            image: string;
+            color: string;
+        };
+    };
+    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    visible: BooleanConstructor;
+    zIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    sizes: ArrayConstructor;
+    offset: ObjectConstructor;
+    overflow: StringConstructor;
+    modally: BooleanConstructor;
+    movable: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    resizeable: BooleanConstructor;
+    extent: {
+        type: ObjectConstructor;
+        default: () => {
+            top: number;
+        };
+    };
+    modalClass: StringConstructor;
+    contentClass: StringConstructor;
+    animation: ObjectConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    cancelOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    header: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximizer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximum: import("vue-types").VueTypeValidableDef<any, import("vue-types/dist/types").ValidatorFunction<any>> & {
+        default: any;
+    };
+    headerIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    titleAlign: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    };
+    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    };
+    switcherIcon: {
+        type: ObjectConstructor;
+        default: () => {
+            true: {
+                image: string;
+                color: string;
+            };
+            false: {
+                image: string;
+                color: string;
+            };
+        };
+    };
+    closerIcon: {
+        type: ObjectConstructor;
+        default: () => {
+            image: string;
+            color: string;
+        };
+    };
+    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    visible: BooleanConstructor;
+    zIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    sizes: ArrayConstructor;
+    offset: ObjectConstructor;
+    overflow: StringConstructor;
+    modally: BooleanConstructor;
+    movable: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    resizeable: BooleanConstructor;
+    extent: {
+        type: ObjectConstructor;
+        default: () => {
+            top: number;
+        };
+    };
+    modalClass: StringConstructor;
+    contentClass: StringConstructor;
+    animation: ObjectConstructor;
+}>>, {
+    footer: boolean;
+    cancel: boolean;
+    submit: boolean;
+    submitOpt: Record<string, any>;
+    cancelOpt: Record<string, any>;
+    onCancel: (...args: any[]) => any;
+    onSubmit: (...args: any[]) => any;
+    header: boolean;
+    maximizer: boolean;
+    closer: boolean;
+    maximum: any;
+    headerIcon: string;
+    title: any;
+    titleAlign: string;
+    titleBefore: (...args: any[]) => any;
+    titleAfter: (...args: any[]) => any;
+    switcherIcon: Record<string, any>;
+    closerIcon: Record<string, any>;
+    onSwitch: (...args: any[]) => any;
+    onClose: (...args: any[]) => any;
+    visible: boolean;
+    zIndex: number;
+    modally: boolean;
+    movable: string | boolean;
+    position: string;
+    resizeable: boolean;
+    extent: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/components/Modal/src/BasicModal.vue.js

@@ -0,0 +1,5 @@
+import script from './BasicModal.vue2.js';
+
+script.__file = "src/components/Modal/src/BasicModal.vue";
+
+export { script as default };

package/dist/components/Modal/src/BasicModal.vue2.js

@@ -0,0 +1,150 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineComponent, Transition, ref, toRefs, watch, computed, unref, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
+import { toMainStyle, toBodyStyle } from './utils/index.js';
+import { baseProps, headerProps, footerProps } from './props.js';
+import { useModalDragMove } from './hooks/useModalDrag.js';
+import './components/ModalHeader.vue.js';
+import '../../Icon/src/Icon.vue.js';
+import './components/ModalFooter.vue.js';
+import { moverClass } from './config.js';
+import { getSlot } from '../../../utils/tsxHelper.js';
+import { isFunction } from '../../../utils/is.js';
+import script$1 from './components/ModalFooter.vue2.js';
+import script$2 from './components/ModalHeader.vue2.js';
+import script$3 from '../../Icon/src/Icon.vue2.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var script = defineComponent({
+  components: {
+    ModalFooter: script$1,
+    ModalHeader: script$2,
+    Icon: script$3,
+    Transition: Transition
+  },
+  props: _objectSpread(_objectSpread(_objectSpread({}, baseProps), headerProps), footerProps),
+  name: 'BasicModal',
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+      emit = _ref.emit;
+      _ref.expose;
+      var attrs = _ref.attrs;
+    var destroyOnClose = ref(true);
+    var _toRefs = toRefs(props),
+      visible = _toRefs.visible;
+    var innerVisible = ref(visible.value || false);
+    var draggable = ref(true);
+    var maximum = ref(props.maximum || false);
+    watch(function () {
+      return visible.value;
+    }, function (value) {
+      console.log('.....', value);
+      innerVisible.value = value;
+    }, {
+      deep: true
+    });
+    var _useModalDragMove = useModalDragMove({
+        maximum: maximum,
+        props: props,
+        draggable: draggable,
+        visible: innerVisible,
+        destroyOnClose: destroyOnClose,
+        moverEl: moverClass
+      }),
+      moving = _useModalDragMove.moving,
+      locator = _useModalDragMove.locator;
+    watch(function () {
+      return props.offset;
+    }, function (v) {
+      return v && Object.assign(locator, v);
+    }, {
+      immediate: true
+    });
+    function onSwitch() {
+      moving.value = false;
+      emit('update:maximum', maximum.value = !maximum.value);
+      emit('resize');
+    }
+    function onClose() {
+      innerVisible.value = false;
+      console.log('关闭', visible.value);
+      emit('close');
+    }
+    var mainClass = computed(function () {
+      var cls = [unref(maximum) ? 'maximum' : '', props.modally ? 'modally' : '', props.modalClass];
+      return cls.join(' ');
+    });
+    var mainStyle = computed(function () {
+      return toMainStyle(props, locator, maximum);
+    });
+    var bodyStyle = computed(function () {
+      return toBodyStyle(props, locator, maximum);
+    });
+    console.log('--titleAftertitleAfter-', props);
+    var getBindValue = computed(function () {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attrs), slots), props), {}, {
+        onSwitch: onSwitch,
+        onClose: onClose,
+        maximum: unref(maximum)
+      });
+    });
+    var getTitleBefore = function getTitleBefore() {
+      var _slot = getSlot(slots, 'titleBefore', _objectSpread({}, props));
+      var _slotFn = props === null || props === void 0 ? void 0 : props.titleBefore;
+      return _slot !== null && _slot !== void 0 ? _slot : _slotFn;
+    };
+    var getTitleAfter = function getTitleAfter() {
+      var _slot = getSlot(slots, 'titleAfter', _objectSpread({}, props));
+      var _slotFn = props === null || props === void 0 ? void 0 : props.titleAfter;
+      return _slot !== null && _slot !== void 0 ? _slot : _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn();
+    };
+    var getTitle = function getTitle() {
+      var _slot = getSlot(slots, 'title', _objectSpread({}, props));
+      var _slotFn = props === null || props === void 0 ? void 0 : props.title;
+      return (_slot !== null && _slot !== void 0 ? _slot : isFunction(_slotFn)) ? _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn() : _slotFn;
+    };
+    return function () {
+      var _props$animation, _props$animation2;
+      return innerVisible.value ? createVNode("div", {
+        "class": "component modal dialog component-modal-page-wrap ".concat(mainClass.value),
+        "style": mainStyle.value
+      }, [createVNode(resolveComponent("transition"), {
+        "enter-active-class": ((_props$animation = props.animation) === null || _props$animation === void 0 ? void 0 : _props$animation.enter) || 'window--enter-active',
+        "leave-active-class": ((_props$animation2 = props.animation) === null || _props$animation2 === void 0 ? void 0 : _props$animation2.leave) || 'window--leave-active',
+        "appear": true
+      }, {
+        "default": function _default() {
+          return [createVNode("div", {
+            "ref": 'body',
+            "style": bodyStyle.value,
+            "class": "modal--body component-modal-body"
+          }, [createVNode(script$2, unref(getBindValue), {
+            headerBefore: function headerBefore() {
+              return getTitleBefore();
+            },
+            icon: function icon() {
+              return createVNode(script$3, {
+                "icon": props.headerIcon
+              }, null);
+            },
+            title: function title() {
+              return getTitle();
+            },
+            headerAfter: function headerAfter() {
+              return getTitleAfter();
+            }
+          }), createVNode("div", {
+            "class": "modal--content component-modal-content"
+          }, {
+            "default": function _default() {
+              var _slots$default;
+              return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+            }
+          }), withDirectives(createVNode(script$1, null, null), [[resolveDirective("bind"), getBindValue]])])];
+        }
+      })]) : null;
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Modal/src/components/ModalFooter.vue.d.ts

@@ -0,0 +1,86 @@
+declare const _default: import("vue").DefineComponent<{
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    cancelOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    cancelOpt: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            color: string;
+        };
+    };
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+}>>, {
+    footer: boolean;
+    cancel: boolean;
+    submit: boolean;
+    submitOpt: Record<string, any>;
+    cancelOpt: Record<string, any>;
+    onCancel: (...args: any[]) => any;
+    onSubmit: (...args: any[]) => any;
+}, {}>;
+export default _default;

package/dist/components/Modal/src/components/ModalFooter.vue.js

@@ -0,0 +1,5 @@
+import script from './ModalFooter.vue2.js';
+
+script.__file = "src/components/Modal/src/components/ModalFooter.vue";
+
+export { script as default };

package/dist/components/Modal/src/components/ModalFooter.vue2.js

@@ -0,0 +1,30 @@
+import { normalizeClass, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode } from 'vue';
+import { footerProps } from '../props.js';
+import { cancel, submit } from '../config.js';
+
+var _hoisted_1 = {
+  key: 0,
+  "class": normalizeClass(['component-modal-footer'])
+};
+var script = defineComponent({
+  __name: 'ModalFooter',
+  props: footerProps,
+  setup: function setup(__props) {
+    return function (_ctx, _cache) {
+      var _component_el_button = resolveComponent("el-button");
+      return !!_ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_button, null, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(unref(cancel).label), 1)];
+        }),
+        _: 1
+      }), createVNode(_component_el_button, null, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(unref(submit).label), 1)];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { script as default };