@jetlinks-web/components 2.0.37 → 2.1.0

package/es/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1720601920280"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722997808659"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1720601919690"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722997808112"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1720601919810"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722997808265"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/es/components.js

@@ -15,4 +15,6 @@ export { default as ProTable } from './ProTable';
 export { default as Scrollbar } from './Scrollbar';
 export { default as Search, AdvancedSearch } from './Search';
 export { default as ValueItem } from './ValueItem';
-export { default as TimeFormat } from './TimeFormat';
+export { default as TimeFormat } from './TimeFormat';
+export { default as DragModal } from './DragModal';
+export { default as EditTable } from './EditTable';

package/es/style/index.css

@@ -1319,3 +1319,290 @@ textarea.ant-pagination-options-quick-jumper input {
 .j-card-select .j-card-select-item .j-card-select-describe {
   color: #263237;
 }
+.dialog-enter-active,
+.dialog-leave-active {
+  transition: opacity 0.5s;
+}
+.dialog-enter,
+.dialog-leave-to {
+  opacity: 0;
+}
+.jetlinks-drag-modal {
+  position: fixed;
+  z-index: 1000;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 23456765435;
+  background-color: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #91CAFF;
+  box-shadow: 0 3px 8px 0 rgba(22, 119, 255, 0.24);
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .header {
+  padding: 5px 15px;
+  font-size: 18px;
+  font-weight: 700;
+  color: #333;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: move;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 24px 20px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
+  border-top: 1px solid #f0f0f0;
+  padding: 5px 15px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  z-index: 23456765436;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left:hover {
+  cursor: nwse-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right:hover {
+  cursor: nesw-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right {
+  top: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left {
+  top: -6px;
+  left: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right {
+  bottom: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left {
+  bottom: -6px;
+  left: -6px;
+}
+.jetlinks-edit-table-wrapper {
+  background: #fff;
+  height: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper.table-full-screen {
+  padding: 24px;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header {
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header .jetlinks-edit-table-header-scroll-hidden {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+  background: #fafafa;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-body {
+  background-color: #fff;
+  overflow-y: hidden;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.jetlinks-edit-table-body-viewport {
+  max-height: 100%;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-scrollbar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
+  display: flex;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: relative;
+  min-width: 0;
+  height: 100%;
+  z-index: 5;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  transition: top 0.2s, height 0.2s, background-color 0.1s;
+  border-bottom: 1px solid #ebebeb;
+  background-color: #fff;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-hover {
+  background-color: #f8f8f8;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-selected {
+  background-color: var(--ant-primary-1);
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .jetlinks-edit-table-cell {
+  min-width: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .body-cell-box {
+  padding: 0 12px;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left {
+  position: sticky;
+  left: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: sticky;
+  right: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
+  z-index: 1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center > div {
+  position: relative;
+}
+.jetlinks-edit-table-body-empty {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  padding-top: 24px;
+}
+.jetlinks-edit-table-header-container {
+  height: 100%;
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-left,
+.jetlinks-edit-table-header-container .jetlinks-header-center,
+.jetlinks-edit-table-header-container .jetlinks-header-right {
+  position: relative;
+  z-index: 5;
+  min-width: 0;
+  height: 100%;
+  width: 100%;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center {
+  z-index: 2;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center > div {
+  position: relative;
+  height: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  float: left;
+  overflow: visible;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box {
+  padding: 0 12px;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box.header-cell-box-tool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .header-cell-required {
+  color: #ff4d4f;
+  padding-left: 8px;
+  transform: translateY(3px);
+  font-weight: 500;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box::before {
+  position: absolute;
+  top: 50%;
+  right: 1px;
+  width: 1px;
+  height: 1.6em;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0.06);
+  transform: translateY(-50%);
+  transition: background-color 0.3s;
+  content: "";
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
+  background-color: transparent;
+}
+.edit-table-search-header {
+  display: flex;
+  justify-content: space-between;
+}
+.edit-table-search-result-total {
+  color: #1890ff;
+}
+.jetlinks-edit-table-horizontal-scroll {
+  height: 17px;
+  width: 100%;
+  display: flex;
+  position: relative;
+  z-index: 4;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport {
+  overflow-y: hidden;
+  overflow-x: scroll;
+  position: relative;
+  flex: 1 1 0;
+  height: 17px;
+  width: 100%;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
+  height: 17px;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
+  height: 100%;
+  overflow-x: hidden;
+}

package/es/style/index.less

@@ -1,7 +1,9 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/ProTable.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
+@import '../Ellipsis/style/index.less';
+@import '../CheckButton/style/index.less';
+@import '../ProLayout/style/style.less';
+@import '../ProTable/style/ProTable.less';
+@import '../Search/style/Search.less';
+@import '../Search/style/Item.less';
+@import '../CardSelect/style/index.less';
+@import '../DragModal/style/index.less';
+@import "../EditTable/style/index.less";

package/es/style.js

@@ -3,4 +3,6 @@ import './CheckButton/style';
 import './ProLayout/style';
 import './ProTable/style';
 import './Search/style';
-import './CardSelect/style';
+import './CardSelect/style';
+import './DragModal/style';
+import './EditTable/style';

package/lib/CardSelect/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.less");

package/lib/CheckButton/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.less");

package/lib/DragModal/DragModal.js

@@ -0,0 +1,307 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "title": "props",
+  "width": "props",
+  "height": "props",
+  "dragRang": "props",
+  "bodyStyle": "props",
+  "footer": "props",
+  "ref": "setup-const",
+  "useSlots": "setup-const",
+  "defineOptions": "setup-const",
+  "computed": "setup-const",
+  "onMounted": "setup-const",
+  "watch": "setup-const",
+  "Button": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emits": "setup-const",
+  "slots": "setup-maybe-ref",
+  "ele": "setup-maybe-ref",
+  "dialog": "setup-ref",
+  "header": "setup-ref",
+  "baseWidth": "setup-ref",
+  "baseHeight": "setup-ref",
+  "baseLeft": "setup-ref",
+  "baseTop": "setup-ref",
+  "styles": "setup-ref",
+  "getFixed": "setup-const",
+  "onDrag": "setup-const",
+  "handleClear": "setup-const",
+  "rangeMove": "setup-const",
+  "onCancel": "setup-const",
+  "onOk": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createTextVNode as _createTextVNode, unref as _unref, Transition as _Transition } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "header"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "jetlinks-drag-modal-footer"
+};
+import { ref, useSlots, computed, onMounted, watch } from 'vue';
+import { Button } from 'ant-design-vue';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JDragModal'
+    },
+    props: {
+        title: {
+            type: [String, Boolean],
+            default: ''
+        },
+        width: {
+            type: Number,
+            default: 400
+        },
+        height: {
+            type: Number,
+            default: 100
+        },
+        dragRang: {
+            type: [Array, Number],
+            default: [400, 200]
+        },
+        bodyStyle: {
+            type: Object,
+            default: () => ({})
+        },
+        footer: {
+            type: Boolean,
+            default: true
+        }
+    },
+    emits: ['cancel', 'heightChange', 'ok', 'visibleChange'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const slots = useSlots();
+        const ele = document.body;
+        const dialog = ref();
+        const header = ref();
+        const baseWidth = ref(props.width || 400);
+        const baseHeight = ref(props.height || 100);
+        const baseLeft = ref(100);
+        const baseTop = ref(100);
+        const styles = computed(() => {
+            return {
+                top: getFixed(baseTop.value) + 'px',
+                left: getFixed(baseLeft.value) + 'px',
+                width: getFixed(baseWidth.value) + 'px',
+                height: getFixed(baseHeight.value) + 'px'
+            };
+        });
+        const getFixed = (val) => {
+            return Number(val.toFixed(2));
+        };
+        const onDrag = () => {
+            let active = false;
+            let initialX;
+            let initialY;
+            let initialWindowX;
+            let initialWindowY;
+            header.value.addEventListener('mousedown', (e) => {
+                active = true;
+                initialX = e.clientX;
+                initialY = e.clientY;
+                initialWindowX = dialog.value.offsetLeft;
+                initialWindowY = dialog.value.offsetTop;
+            });
+            document.addEventListener('mouseup', () => {
+                active = false;
+            });
+            document.addEventListener('mousemove', (e) => {
+                if (active) {
+                    const dx = e.clientX - initialX;
+                    const dy = e.clientY - initialY;
+                    baseLeft.value = initialWindowX + dx;
+                    baseTop.value = initialWindowY + dy;
+                }
+            });
+        };
+        const handleClear = () => {
+            document.onmouseup = () => {
+                document.onmousemove = null;
+                document.onmouseup = null;
+            };
+        };
+        const rangeMove = (e, position) => {
+            //移动的方向
+            let x = false;
+            let y = false;
+            //移动的位置
+            let xp = false;
+            let yp = false;
+            //移动的正负
+            let xc = false;
+            let yc = false;
+            let disX = e.clientX;
+            let disY = e.clientY;
+            document.onmousemove = e => {
+                if (position === 'drag-bottom-right') {
+                    x = true;
+                    y = true;
+                }
+                else if (position === 'drag-bottom-left') {
+                    x = true;
+                    y = true;
+                    xp = true;
+                    xc = true;
+                }
+                else if (position === 'drag-top-right') {
+                    x = true;
+                    y = true;
+                    yp = true;
+                    yc = true;
+                }
+                else if (position === 'drag-top-left') {
+                    x = true;
+                    y = true;
+                    xp = true;
+                    xc = true;
+                    yp = true;
+                    yc = true;
+                }
+                let left = e.clientX - disX;
+                let top = e.clientY - disY;
+                disX = e.clientX;
+                disY = e.clientY;
+                if (x) {
+                    let calc = left;
+                    if (xc) {
+                        calc = -calc;
+                    }
+                    if (xp) {
+                        baseLeft.value = baseLeft.value - calc;
+                    }
+                    const width = baseWidth.value + calc;
+                    baseWidth.value = width <= props.dragRang[0] ? props.dragRang[0] : width;
+                }
+                if (y) {
+                    let calc = top;
+                    if (yc) {
+                        calc = -calc;
+                    }
+                    if (yp) {
+                        baseTop.value = baseTop.value - calc;
+                    }
+                    const height = baseHeight.value + calc;
+                    baseHeight.value = height <= props.dragRang[1] ? props.dragRang[1] : height;
+                    emits('heightChange', baseHeight.value);
+                }
+            };
+            handleClear();
+        };
+        const onCancel = () => {
+            emits("cancel");
+            emits('visibleChange', false);
+        };
+        const onOk = () => {
+            emits("ok");
+            emits('visibleChange', true);
+        };
+        onMounted(() => {
+            if (dialog.value && header.value) {
+                onDrag();
+            }
+            if (ele) {
+                const data = _optionalChain([ele, 'optionalAccess', _2 => _2.getBoundingClientRect, 'call', _3 => _3()]);
+                baseLeft.value = (_optionalChain([data, 'optionalAccess', _4 => _4.right]) - baseWidth.value) / 2 || 0;
+                baseTop.value = _optionalChain([data, 'optionalAccess', _5 => _5.top]) + 200 || 0;
+            }
+        });
+        watch(() => props.height, () => {
+            if (props.height > baseHeight.value) {
+                baseHeight.value = props.height;
+            }
+        });
+        return (_ctx, _cache) => {
+            const _component_AIcon = _resolveComponent("AIcon");
+            const _component_a_button = _resolveComponent("a-button");
+            return (_openBlock(), _createElementBlock("div", {
+                ref_key: "dialog",
+                ref: dialog,
+                style: _normalizeStyle(styles.value),
+                class: "jetlinks-drag-modal"
+            }, [
+                _createVNode(_Transition, { name: "dialog" }, {
+                    default: _withCtx(() => [
+                        _createElementVNode("div", {
+                            class: "jetlinks-drag-modal-sprite",
+                            ref_key: "header",
+                            ref: header
+                        }, [
+                            (__props.title !== false)
+                                ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                                    _createElementVNode("span", null, _toDisplayString(__props.title), 1 /* TEXT */),
+                                    _createVNode(_component_a_button, {
+                                        size: "small",
+                                        type: "text",
+                                        onClick: _withModifiers(onCancel, ["stop"])
+                                    }, {
+                                        default: _withCtx(() => [
+                                            _createVNode(_component_AIcon, { type: "CloseOutlined" })
+                                        ]),
+                                        _: 1 /* STABLE */
+                                    })
+                                ]))
+                                : _createCommentVNode("v-if", true),
+                            _createElementVNode("div", {
+                                class: "jetlinks-drag-modal-body",
+                                style: _normalizeStyle(__props.bodyStyle)
+                            }, [
+                                _renderSlot(_ctx.$slots, "default")
+                            ], 4 /* STYLE */),
+                            (__props.footer !== false)
+                                ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                                    _renderSlot(_ctx.$slots, "footer", {}, () => [
+                                        _createVNode(_unref(Button), {
+                                            onClick: _withModifiers(onCancel, ["stop"])
+                                        }, {
+                                            default: _withCtx(() => [
+                                                _createTextVNode("取消")
+                                            ]),
+                                            _: 1 /* STABLE */
+                                        }),
+                                        _createVNode(_unref(Button), {
+                                            type: "primary",
+                                            onClick: _withModifiers(onOk, ["stop"])
+                                        }, {
+                                            default: _withCtx(() => [
+                                                _createTextVNode("确认")
+                                            ]),
+                                            _: 1 /* STABLE */
+                                        })
+                                    ])
+                                ]))
+                                : _createCommentVNode("v-if", true)
+                        ], 512 /* NEED_PATCH */)
+                    ]),
+                    _: 3 /* FORWARDED */
+                }),
+                _createElementVNode("div", {
+                    class: "jetlinks-drag-modal-range drag-bottom-right",
+                    onMousedown: _cache[0] || (_cache[0] = _withModifiers(($event) => (rangeMove($event, "drag-bottom-right")), ["stop"]))
+                }, null, 32 /* NEED_HYDRATION */)
+            ], 4 /* STYLE */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/DragModal/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DragModal = _interopRequireDefault(require("./DragModal.js"));
+_DragModal.default.install = function (app) {
+  app.component(_DragModal.default.name, _DragModal.default);
+};
+var _default = exports.default = _DragModal.default;