ll-plus 2.0.17 → 2.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/component.mjs +4 -0
- package/es/component.mjs.map +1 -1
- package/es/components/advanced-filtering/index.d.ts +246 -0
- package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +246 -0
- package/es/components/button/index.d.ts +246 -0
- package/es/components/button/src/button.vue.d.ts +246 -0
- package/es/components/button/src/button.vue2.mjs +3 -3
- package/es/components/button/src/button.vue2.mjs.map +1 -1
- package/es/components/drawer/index.d.ts +17 -0
- package/es/components/drawer/index.mjs +3 -0
- package/es/components/drawer/index.mjs.map +1 -1
- package/es/components/drawer/src/components/second-confirmation/index.d.ts +2053 -0
- package/es/components/drawer/src/components/second-confirmation/index.mjs +11 -0
- package/es/components/drawer/src/components/second-confirmation/index.mjs.map +1 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.d.ts +24 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.mjs +39 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.mjs.map +1 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +2045 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.mjs +8 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.mjs.map +1 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.mjs +90 -0
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.mjs.map +1 -0
- package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.d.ts +1 -0
- package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.mjs +35 -0
- package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.mjs.map +1 -0
- package/es/components/drawer/src/drawer.d.ts +4 -0
- package/es/components/drawer/src/drawer.mjs +25 -0
- package/es/components/drawer/src/drawer.mjs.map +1 -1
- package/es/components/drawer/src/drawer.vue.d.ts +16 -0
- package/es/components/drawer/src/drawer.vue2.mjs +19 -1
- package/es/components/drawer/src/drawer.vue2.mjs.map +1 -1
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +4 -0
- package/es/components/index.mjs.map +1 -1
- package/es/components/modal/index.d.ts +323 -0
- package/es/components/modal/src/modal.vue.d.ts +333 -10
- package/es/components/modal/src/modal.vue2.mjs +5 -4
- package/es/components/modal/src/modal.vue2.mjs.map +1 -1
- package/es/components/operate-icon/src/operate-icon.vue2.mjs +1 -1
- package/es/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
- package/es/components/textarea/index.d.ts +237 -0
- package/es/components/textarea/index.mjs +10 -0
- package/es/components/textarea/index.mjs.map +1 -0
- package/es/components/textarea/src/textarea.d.ts +4 -0
- package/es/components/textarea/src/textarea.mjs +2 -0
- package/es/components/textarea/src/textarea.mjs.map +1 -0
- package/es/components/textarea/src/textarea.vue.d.ts +230 -0
- package/es/components/textarea/src/textarea.vue.mjs +8 -0
- package/es/components/textarea/src/textarea.vue.mjs.map +1 -0
- package/es/components/textarea/src/textarea.vue2.mjs +34 -0
- package/es/components/textarea/src/textarea.vue2.mjs.map +1 -0
- package/es/components/tree-search/index.d.ts +12 -0
- package/es/components/tree-search/src/config/tree-search.d.ts +4 -0
- package/es/components/tree-search/src/tree-search.vue.d.ts +12 -0
- package/es/index.mjs +4 -0
- package/es/index.mjs.map +1 -1
- package/index.full.js +298 -79
- package/index.full.min.js +12 -12
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +16 -16
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +297 -82
- package/lib/component.js +36 -32
- package/lib/component.js.map +1 -1
- package/lib/components/advanced-filtering/index.d.ts +246 -0
- package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +246 -0
- package/lib/components/button/index.d.ts +246 -0
- package/lib/components/button/src/button.vue.d.ts +246 -0
- package/lib/components/button/src/button.vue2.js +2 -2
- package/lib/components/button/src/button.vue2.js.map +1 -1
- package/lib/components/drawer/index.d.ts +17 -0
- package/lib/components/drawer/index.js +6 -0
- package/lib/components/drawer/index.js.map +1 -1
- package/lib/components/drawer/src/components/second-confirmation/index.d.ts +2053 -0
- package/lib/components/drawer/src/components/second-confirmation/index.js +18 -0
- package/lib/components/drawer/src/components/second-confirmation/index.js.map +1 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.d.ts +24 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.js +41 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.js.map +1 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +2045 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.js +12 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.js.map +1 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.js +94 -0
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.js.map +1 -0
- package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.d.ts +1 -0
- package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.js +37 -0
- package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.js.map +1 -0
- package/lib/components/drawer/src/drawer.d.ts +4 -0
- package/lib/components/drawer/src/drawer.js +25 -0
- package/lib/components/drawer/src/drawer.js.map +1 -1
- package/lib/components/drawer/src/drawer.vue.d.ts +16 -0
- package/lib/components/drawer/src/drawer.vue2.js +19 -1
- package/lib/components/drawer/src/drawer.vue2.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +59 -51
- package/lib/components/index.js.map +1 -1
- package/lib/components/modal/index.d.ts +323 -0
- package/lib/components/modal/src/modal.vue.d.ts +333 -10
- package/lib/components/modal/src/modal.vue2.js +4 -3
- package/lib/components/modal/src/modal.vue2.js.map +1 -1
- package/lib/components/operate-icon/src/operate-icon.vue2.js +1 -1
- package/lib/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
- package/lib/components/textarea/index.d.ts +237 -0
- package/lib/components/textarea/index.js +15 -0
- package/lib/components/textarea/index.js.map +1 -0
- package/lib/components/textarea/src/textarea.d.ts +4 -0
- package/lib/components/textarea/src/textarea.js +4 -0
- package/lib/components/textarea/src/textarea.js.map +1 -0
- package/lib/components/textarea/src/textarea.vue.d.ts +230 -0
- package/lib/components/textarea/src/textarea.vue.js +12 -0
- package/lib/components/textarea/src/textarea.vue.js.map +1 -0
- package/lib/components/textarea/src/textarea.vue2.js +38 -0
- package/lib/components/textarea/src/textarea.vue2.js.map +1 -0
- package/lib/components/tree-search/index.d.ts +12 -0
- package/lib/components/tree-search/src/config/tree-search.d.ts +4 -0
- package/lib/components/tree-search/src/tree-search.vue.d.ts +12 -0
- package/lib/index.js +59 -51
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/second-confirmation.css +1 -0
- package/theme-chalk/css/select-single.css +0 -1
- package/theme-chalk/css/textarea.css +1 -0
- package/theme-chalk/fonts/iconfont.js +1 -1
- package/theme-chalk/fonts/iconfont.json +29 -1
- package/types/packages/components/advanced-filtering/index.d.ts +246 -0
- package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +246 -0
- package/types/packages/components/button/index.d.ts +246 -0
- package/types/packages/components/button/src/button.vue.d.ts +246 -0
- package/types/packages/components/drawer/index.d.ts +17 -0
- package/types/packages/components/drawer/src/components/second-confirmation/index.d.ts +2053 -0
- package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.d.ts +24 -0
- package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +2045 -0
- package/types/packages/components/drawer/src/components/second-confirmation/src/use-second-confirmation.d.ts +1 -0
- package/types/packages/components/drawer/src/drawer.d.ts +4 -0
- package/types/packages/components/drawer/src/drawer.vue.d.ts +16 -0
- package/types/packages/components/index.d.ts +1 -0
- package/types/packages/components/modal/index.d.ts +323 -0
- package/types/packages/components/modal/src/modal.vue.d.ts +333 -10
- package/types/packages/components/textarea/index.d.ts +237 -0
- package/types/packages/components/textarea/src/textarea.d.ts +4 -0
- package/types/packages/components/textarea/src/textarea.vue.d.ts +230 -0
- package/types/packages/components/tree-search/index.d.ts +12 -0
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -0
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +12 -0
package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var secondConfirmation_vue_vue_type_script_setup_true_lang = require('./second-confirmation.vue2.js');
|
|
6
|
+
var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var SecondConfirmation = /* @__PURE__ */ _pluginVue_exportHelper.default(secondConfirmation_vue_vue_type_script_setup_true_lang.default, [["__file", "second-confirmation.vue"]]);
|
|
10
|
+
|
|
11
|
+
exports.default = SecondConfirmation;
|
|
12
|
+
//# sourceMappingURL=second-confirmation.vue.js.map
|
package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"second-confirmation.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.js
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../../../index.js');
|
|
7
|
+
var antDesignVue = require('ant-design-vue');
|
|
8
|
+
var secondConfirmation = require('./second-confirmation.js');
|
|
9
|
+
require('../../../../../../utils/index.js');
|
|
10
|
+
var createNamespace = require('../../../../../../utils/create-namespace.js');
|
|
11
|
+
var index = require('../../../../../modal/index.js');
|
|
12
|
+
var index$1 = require('../../../../../icon/index.js');
|
|
13
|
+
|
|
14
|
+
"use strict";
|
|
15
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
16
|
+
...{ name: "LlSecondConfirmation" },
|
|
17
|
+
__name: "second-confirmation",
|
|
18
|
+
props: secondConfirmation.secondConfirmationProps,
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const bem = createNamespace.createNamespace("second-confirmation");
|
|
21
|
+
const props = __props;
|
|
22
|
+
const warningColor = antDesignVue.theme.defaultConfig.token.colorWarning;
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return vue.openBlock(), vue.createBlock(vue.unref(index.LlModal), {
|
|
25
|
+
open: props.open,
|
|
26
|
+
loading: props.loading,
|
|
27
|
+
title: props.title,
|
|
28
|
+
"confirm-text": props.confirmText,
|
|
29
|
+
"cancel-text": props.cancelText,
|
|
30
|
+
width: 500,
|
|
31
|
+
"root-class-name": vue.unref(bem).b(),
|
|
32
|
+
class: vue.normalizeClass("confirm-modal"),
|
|
33
|
+
onCancel: props.onCancel,
|
|
34
|
+
onOk: props.onConfirm
|
|
35
|
+
}, {
|
|
36
|
+
default: vue.withCtx(() => [
|
|
37
|
+
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
38
|
+
vue.createElementVNode(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
class: vue.normalizeClass(vue.unref(bem).e("warpper"))
|
|
42
|
+
},
|
|
43
|
+
[
|
|
44
|
+
vue.createElementVNode(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
class: vue.normalizeClass(vue.unref(bem).e("container"))
|
|
48
|
+
},
|
|
49
|
+
[
|
|
50
|
+
vue.createVNode(
|
|
51
|
+
vue.unref(index$1.LlIcon),
|
|
52
|
+
vue.normalizeProps(vue.guardReactiveProps(
|
|
53
|
+
props.icon || {
|
|
54
|
+
iconName: "icon-warning",
|
|
55
|
+
color: vue.unref(warningColor),
|
|
56
|
+
class: ["mr-20px"],
|
|
57
|
+
style: { "font-size": "30px" }
|
|
58
|
+
}
|
|
59
|
+
)),
|
|
60
|
+
null,
|
|
61
|
+
16
|
|
62
|
+
/* FULL_PROPS */
|
|
63
|
+
),
|
|
64
|
+
vue.renderSlot(_ctx.$slots, "message", {}, () => [
|
|
65
|
+
vue.createElementVNode(
|
|
66
|
+
"span",
|
|
67
|
+
{
|
|
68
|
+
class: vue.normalizeClass(vue.unref(bem).e("text"))
|
|
69
|
+
},
|
|
70
|
+
vue.toDisplayString(props.message),
|
|
71
|
+
3
|
|
72
|
+
/* TEXT, CLASS */
|
|
73
|
+
)
|
|
74
|
+
])
|
|
75
|
+
],
|
|
76
|
+
2
|
|
77
|
+
/* CLASS */
|
|
78
|
+
),
|
|
79
|
+
vue.renderSlot(_ctx.$slots, "extra")
|
|
80
|
+
],
|
|
81
|
+
2
|
|
82
|
+
/* CLASS */
|
|
83
|
+
)
|
|
84
|
+
])
|
|
85
|
+
]),
|
|
86
|
+
_: 3
|
|
87
|
+
/* FORWARDED */
|
|
88
|
+
}, 8, ["open", "loading", "title", "confirm-text", "cancel-text", "root-class-name", "onCancel", "onOk"]);
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
exports.default = _sfc_main;
|
|
94
|
+
//# sourceMappingURL=second-confirmation.vue2.js.map
|
package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"second-confirmation.vue2.js","sources":["../../../../../../../../packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue"],"sourcesContent":["<template>\n <ll-modal\n :open=\"props.open\"\n :loading=\"props.loading\"\n :title=\"props.title\"\n :confirm-text=\"props.confirmText\"\n :cancel-text=\"props.cancelText\"\n :width=\"500\"\n :root-class-name=\"bem.b()\"\n :class=\"'confirm-modal'\"\n @cancel=\"props.onCancel\"\n @ok=\"props.onConfirm\"\n >\n <slot>\n <div :class=\"bem.e('warpper')\">\n <div :class=\"bem.e('container')\">\n <ll-icon\n v-bind=\"\n props.icon || {\n iconName: 'icon-warning',\n color: warningColor,\n class: ['mr-20px'],\n style: { 'font-size': '30px' }\n }\n \"\n />\n <slot name=\"message\">\n <span :class=\"bem.e('text')\">\n {{ props.message }}\n </span>\n </slot>\n </div>\n <slot name=\"extra\"> </slot>\n </div>\n </slot>\n </ll-modal>\n</template>\n\n<script setup lang=\"ts\">\nimport { LlModal, LlIcon } from '@ll-plus/components'\nimport { theme } from 'ant-design-vue'\nimport { secondConfirmationProps } from './second-confirmation'\nimport { createNamespace } from '@ll-plus/utils'\ndefineOptions({ name: 'LlSecondConfirmation' })\nconst bem = createNamespace('second-confirmation')\nconst props = defineProps(secondConfirmationProps)\n\nconst warningColor = theme.defaultConfig.token.colorWarning\n</script>\n"],"names":["createNamespace","theme"],"mappings":";;;;;;;;;;;;;;;;;;;AA4CA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,qBAAqB,CAAA,CAAA;AACjD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,YAAA,GAAeC,kBAAM,CAAA,aAAA,CAAc,KAAM,CAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useSecondConfirmation: (options: any) => Promise<unknown>;
|
package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
var secondConfirmation = require('./second-confirmation.vue.js');
|
|
5
|
+
|
|
6
|
+
"use strict";
|
|
7
|
+
const useSecondConfirmation = (options) => {
|
|
8
|
+
const { title, message, confirmText, cancelText, icon = null } = options;
|
|
9
|
+
return new Promise((resolve, reject) => {
|
|
10
|
+
const confirmInstance = vue.createApp(secondConfirmation.default, {
|
|
11
|
+
open: true,
|
|
12
|
+
title: title || "\u6E29\u99A8\u63D0\u793A",
|
|
13
|
+
message: message || "\u4F60\u6709\u672A\u4FDD\u5B58\u7684\u66F4\u6539\uFF0C\u786E\u5B9A\u5173\u95ED\uFF1F",
|
|
14
|
+
confirmText,
|
|
15
|
+
cancelText,
|
|
16
|
+
icon,
|
|
17
|
+
onConfirm: () => {
|
|
18
|
+
resolve(true);
|
|
19
|
+
unmount();
|
|
20
|
+
},
|
|
21
|
+
onCancel: () => {
|
|
22
|
+
reject(new Error());
|
|
23
|
+
unmount();
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
const unmount = () => {
|
|
27
|
+
confirmInstance.unmount();
|
|
28
|
+
document.body.removeChild(parentNode);
|
|
29
|
+
};
|
|
30
|
+
const parentNode = document.createElement("div");
|
|
31
|
+
document.body.appendChild(parentNode);
|
|
32
|
+
confirmInstance.mount(parentNode);
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
exports.useSecondConfirmation = useSecondConfirmation;
|
|
37
|
+
//# sourceMappingURL=use-second-confirmation.js.map
|
package/lib/components/drawer/src/components/second-confirmation/src/use-second-confirmation.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-second-confirmation.js","sources":["../../../../../../../../packages/components/drawer/src/components/second-confirmation/src/use-second-confirmation.ts"],"sourcesContent":["import { createApp } from 'vue'\nimport SecondConfirmation from './second-confirmation.vue'\nexport const useSecondConfirmation = options => {\n const { title, message, confirmText, cancelText, icon = null } = options\n return new Promise((resolve, reject) => {\n // 实例化组件,createApp第二个参数是props\n const confirmInstance = createApp(SecondConfirmation, {\n open: true,\n title: title || '温馨提示',\n message: message || '你有未保存的更改,确定关闭?',\n confirmText,\n cancelText,\n icon,\n onConfirm: () => {\n resolve(true)\n unmount()\n },\n onCancel: () => {\n reject(new Error())\n unmount()\n }\n })\n\n // 卸载组件\n const unmount = () => {\n confirmInstance.unmount()\n document.body.removeChild(parentNode)\n }\n // 创建一个挂载容器\n const parentNode = document.createElement('div')\n document.body.appendChild(parentNode)\n // 挂载组件\n confirmInstance.mount(parentNode)\n })\n}\n"],"names":["createApp","SecondConfirmation"],"mappings":";;;;;;AAEO,MAAM,wBAAwB,CAAW,OAAA,KAAA;AAC9C,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,aAAa,UAAY,EAAA,IAAA,GAAO,MAAS,GAAA,OAAA,CAAA;AACjE,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AAEtC,IAAM,MAAA,eAAA,GAAkBA,cAAUC,0BAAoB,EAAA;AAAA,MACpD,IAAM,EAAA,IAAA;AAAA,MACN,OAAO,KAAS,IAAA,0BAAA;AAAA,MAChB,SAAS,OAAW,IAAA,sFAAA;AAAA,MACpB,WAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAW,MAAM;AACf,QAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACZ,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,MACA,UAAU,MAAM;AACd,QAAO,MAAA,CAAA,IAAI,OAAO,CAAA,CAAA;AAClB,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,KACD,CAAA,CAAA;AAGD,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,eAAA,CAAgB,OAAQ,EAAA,CAAA;AACxB,MAAS,QAAA,CAAA,IAAA,CAAK,YAAY,UAAU,CAAA,CAAA;AAAA,KACtC,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC/C,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,UAAU,CAAA,CAAA;AAEpC,IAAA,eAAA,CAAgB,MAAM,UAAU,CAAA,CAAA;AAAA,GACjC,CAAA,CAAA;AACH;;;;"}
|
|
@@ -15,6 +15,10 @@ export declare const drawerProps: {
|
|
|
15
15
|
readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
|
|
16
16
|
readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
17
17
|
readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
18
|
+
readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
19
|
+
readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
20
|
+
readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
21
|
+
readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
|
|
18
22
|
};
|
|
19
23
|
export declare const drawerEmits: {
|
|
20
24
|
/**
|
|
@@ -60,6 +60,31 @@ const drawerProps = runtime.buildProps({
|
|
|
60
60
|
showFooter: {
|
|
61
61
|
type: Boolean,
|
|
62
62
|
default: true
|
|
63
|
+
},
|
|
64
|
+
/**
|
|
65
|
+
* @description 区分关闭与取消方法
|
|
66
|
+
*/
|
|
67
|
+
useClose: {
|
|
68
|
+
type: Boolean,
|
|
69
|
+
default: false
|
|
70
|
+
},
|
|
71
|
+
/**
|
|
72
|
+
* @description 显示取消二次确认
|
|
73
|
+
*/
|
|
74
|
+
cancelConfirm: {
|
|
75
|
+
type: Boolean,
|
|
76
|
+
default: false
|
|
77
|
+
},
|
|
78
|
+
/**
|
|
79
|
+
* @description 使用取消二次确认
|
|
80
|
+
*/
|
|
81
|
+
useCancelConfirm: {
|
|
82
|
+
type: Boolean,
|
|
83
|
+
default: false
|
|
84
|
+
},
|
|
85
|
+
cancelConfirmOptions: {
|
|
86
|
+
type: Object,
|
|
87
|
+
default: null
|
|
63
88
|
}
|
|
64
89
|
});
|
|
65
90
|
const drawerEmits = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sources":["../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Drawer from './drawer.vue'\nexport const drawerOptions = {\n destroyOnClose: true,\n width: '560px',\n keyboard: false,\n maskClosable: false,\n mask: true\n}\nexport const drawerProps = buildProps({\n /**\n * @description 开启抽屉\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 标题\n */\n title: {\n type: String,\n default: '新增'\n },\n /**\n * @description 加载状态\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 确认按钮文字\n */\n confirmText: {\n type: String,\n default: '确认'\n },\n /**\n * @description 取消按钮文字\n */\n cancelText: {\n type: String,\n default: '取消'\n },\n /**\n * @description 显示取消按钮\n */\n showCancel: {\n type: Boolean,\n default: true\n },\n /**\n * @description 显示底部\n */\n showFooter: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const drawerEmits = {\n /**\n * @description 点击取消时触发\n */\n cancel: () => true,\n /**\n * @description 点击确认时触发\n */\n confirm: () => true,\n /**\n * @description 抽屉关闭时触发\n */\n close: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\n// emits\nexport type DrawerEmits = typeof drawerEmits\n\n// instance\nexport type DrawerInstance = InstanceType<typeof Drawer>\n"],"names":["buildProps"],"mappings":";;;;;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,IAAA;AAAA,EAChB,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA;AAAA,EACd,IAAM,EAAA,IAAA;AACR,EAAA;AACO,MAAM,cAAcA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA,EAIzB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,SAAS,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAIf,OAAO,MAAM,IAAA;AAAA,EACb,eAAe,MAAM,IAAA;AACvB;;;;;;"}
|
|
1
|
+
{"version":3,"file":"drawer.js","sources":["../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Drawer from './drawer.vue'\nexport const drawerOptions = {\n destroyOnClose: true,\n width: '560px',\n keyboard: false,\n maskClosable: false,\n mask: true\n}\nexport const drawerProps = buildProps({\n /**\n * @description 开启抽屉\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 标题\n */\n title: {\n type: String,\n default: '新增'\n },\n /**\n * @description 加载状态\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 确认按钮文字\n */\n confirmText: {\n type: String,\n default: '确认'\n },\n /**\n * @description 取消按钮文字\n */\n cancelText: {\n type: String,\n default: '取消'\n },\n /**\n * @description 显示取消按钮\n */\n showCancel: {\n type: Boolean,\n default: true\n },\n /**\n * @description 显示底部\n */\n showFooter: {\n type: Boolean,\n default: true\n },\n /**\n * @description 区分关闭与取消方法\n */\n useClose: {\n type: Boolean,\n default: false\n },\n /**\n * @description 显示取消二次确认\n */\n cancelConfirm: {\n type: Boolean,\n default: false\n },\n /**\n * @description 使用取消二次确认\n */\n useCancelConfirm: {\n type: Boolean,\n default: false\n },\n cancelConfirmOptions: {\n type: Object,\n default: null\n }\n} as const)\n\nexport const drawerEmits = {\n /**\n * @description 点击取消时触发\n */\n cancel: () => true,\n /**\n * @description 点击确认时触发\n */\n confirm: () => true,\n /**\n * @description 抽屉关闭时触发\n */\n close: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\n// emits\nexport type DrawerEmits = typeof drawerEmits\n\n// instance\nexport type DrawerInstance = InstanceType<typeof Drawer>\n"],"names":["buildProps"],"mappings":";;;;;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,IAAA;AAAA,EAChB,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA;AAAA,EACd,IAAM,EAAA,IAAA;AACR,EAAA;AACO,MAAM,cAAcA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA,EAIzB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,SAAS,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAIf,OAAO,MAAM,IAAA;AAAA,EACb,eAAe,MAAM,IAAA;AACvB;;;;;;"}
|
|
@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
6
|
readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
|
|
7
7
|
readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
8
8
|
readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
9
|
+
readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
10
|
+
readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
11
|
+
readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
12
|
+
readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
|
|
9
13
|
}, {
|
|
10
14
|
props: import("@vue/shared").LooseRequired<{
|
|
11
15
|
readonly title: string;
|
|
@@ -15,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
19
|
readonly confirmText: string;
|
|
16
20
|
readonly cancelText: string;
|
|
17
21
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
22
|
+
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
23
|
+
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
24
|
+
readonly useCancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
25
|
+
readonly cancelConfirmOptions: Record<string, any>;
|
|
18
26
|
readonly "onUpdate:open"?: (() => any) | undefined;
|
|
19
27
|
readonly onClose?: (() => any) | undefined;
|
|
20
28
|
readonly onConfirm?: (() => any) | undefined;
|
|
@@ -530,6 +538,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
530
538
|
readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
|
|
531
539
|
readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
532
540
|
readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
541
|
+
readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
542
|
+
readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
543
|
+
readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
544
|
+
readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
|
|
533
545
|
}>> & {
|
|
534
546
|
"onUpdate:open"?: (() => any) | undefined;
|
|
535
547
|
onClose?: (() => any) | undefined;
|
|
@@ -543,5 +555,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
543
555
|
readonly confirmText: string;
|
|
544
556
|
readonly cancelText: string;
|
|
545
557
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
558
|
+
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
559
|
+
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
560
|
+
readonly useCancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
561
|
+
readonly cancelConfirmOptions: Record<string, any>;
|
|
546
562
|
}, {}>;
|
|
547
563
|
export default _default;
|
|
@@ -7,7 +7,9 @@ var antDesignVue = require('ant-design-vue');
|
|
|
7
7
|
require('../../../utils/index.js');
|
|
8
8
|
var lodashEs = require('lodash-es');
|
|
9
9
|
var drawer = require('./drawer.js');
|
|
10
|
+
require('./components/second-confirmation/index.js');
|
|
10
11
|
var createNamespace = require('../../../utils/create-namespace.js');
|
|
12
|
+
var useSecondConfirmation = require('./components/second-confirmation/src/use-second-confirmation.js');
|
|
11
13
|
|
|
12
14
|
"use strict";
|
|
13
15
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -28,10 +30,26 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
28
30
|
...lodashEs.omit({ ...attrs }, [...Object.keys(drawer.drawerProps), "rootClassName"])
|
|
29
31
|
}));
|
|
30
32
|
const handleClose = () => {
|
|
31
|
-
|
|
33
|
+
if (props.useClose) {
|
|
34
|
+
emits("close");
|
|
35
|
+
} else {
|
|
36
|
+
handleCancel();
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
32
39
|
emits("update:open");
|
|
33
40
|
};
|
|
34
41
|
const handleCancel = () => {
|
|
42
|
+
if (props.useCancelConfirm && props.cancelConfirm) {
|
|
43
|
+
useSecondConfirmation.useSecondConfirmation(
|
|
44
|
+
props.cancelConfirmOptions || {
|
|
45
|
+
title: "\u6E29\u99A8\u63D0\u793A",
|
|
46
|
+
message: "\u4F60\u6709\u672A\u4FDD\u5B58\u7684\u66F4\u6539\uFF0C\u786E\u5B9A\u5173\u95ED\uFF1F"
|
|
47
|
+
}
|
|
48
|
+
).then(async () => {
|
|
49
|
+
emits("cancel");
|
|
50
|
+
});
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
35
53
|
emits("cancel");
|
|
36
54
|
};
|
|
37
55
|
const handleConfirm = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.vue2.js","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"props.title\"\n :open=\"props.open\"\n :root-class-name=\"bem.b()\"\n @close=\"handleClose\"\n >\n <template #title>\n <slot name=\"title\" />\n </template>\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <div :class=\"bem.e('container')\">\n <div\n ref=\"content\"\n :style=\"{ marginBottom: props.showFooter ? '72px' : 0 }\"\n :class=\"[bem.e('content'), symbolClass]\"\n >\n <slot />\n </div>\n <div\n v-if=\"props.showFooter\"\n :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n v-if=\"showCancel\"\n :class=\"bem.m('cancel')\"\n :label=\"props.cancelText\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"props.confirmText\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </div>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { throttle, omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst content = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n ...drawerOptions,\n ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n emits('close')\n emits('update:open')\n}\nconst handleCancel = (): void => {\n emits('cancel')\n}\nconst handleConfirm = (): void => {\n emits('confirm')\n}\nconst handleResize = async () => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n if (ele) {\n setTimeout(() => {\n hasScroll.value = ele.scrollHeight > ele.clientHeight\n }, 0)\n }\n}\nwatch(\n () => props.open,\n val => {\n if (val) {\n handleResize()\n window.addEventListener('resize', throttle(handleResize, 1000))\n } else {\n window.removeEventListener('resize', handleResize)\n }\n }\n)\n</script>\n"],"names":["useAttrs","createNamespace","ref","computed","drawerOptions","omit","drawerProps","nextTick","watch","throttle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"drawer.vue2.js","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"props.title\"\n :open=\"props.open\"\n :root-class-name=\"bem.b()\"\n @close=\"handleClose\"\n >\n <template #title>\n <slot name=\"title\" />\n </template>\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <div :class=\"bem.e('container')\">\n <div\n ref=\"content\"\n :style=\"{ marginBottom: props.showFooter ? '72px' : 0 }\"\n :class=\"[bem.e('content'), symbolClass]\"\n >\n <slot />\n </div>\n <div\n v-if=\"props.showFooter\"\n :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n v-if=\"showCancel\"\n :class=\"bem.m('cancel')\"\n :label=\"props.cancelText\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"props.confirmText\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </div>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { throttle, omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\nimport { useSecondConfirmation } from './components/second-confirmation'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst content = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n ...drawerOptions,\n ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n if (props.useClose) {\n emits('close')\n } else {\n handleCancel()\n return\n }\n emits('update:open')\n}\nconst handleCancel = (): void => {\n if (props.useCancelConfirm && props.cancelConfirm) {\n useSecondConfirmation(\n props.cancelConfirmOptions || {\n title: '温馨提示',\n message: '你有未保存的更改,确定关闭?'\n }\n ).then(async () => {\n // 点击保存按钮则关闭弹窗和抽屉\n emits('cancel')\n })\n return\n }\n emits('cancel')\n}\nconst handleConfirm = (): void => {\n emits('confirm')\n}\nconst handleResize = async () => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n if (ele) {\n setTimeout(() => {\n hasScroll.value = ele.scrollHeight > ele.clientHeight\n }, 0)\n }\n}\nwatch(\n () => props.open,\n val => {\n if (val) {\n handleResize()\n window.addEventListener('resize', throttle(handleResize, 1000))\n } else {\n window.removeEventListener('resize', handleResize)\n }\n }\n)\n</script>\n"],"names":["useAttrs","createNamespace","ref","computed","drawerOptions","omit","drawerProps","useSecondConfirmation","nextTick","watch","throttle"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,UAAUC,OAAiB,EAAA,CAAA;AAEjC,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAE3B,IAAM,MAAA,WAAA,GAAcA,QAAI,CAAa,UAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,GAAGC,oBAAA;AAAA,MACH,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,kBAAW,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,KACpE,CAAA,CAAA,CAAA;AAEF,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAa,YAAA,EAAA,CAAA;AACb,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAI,IAAA,KAAA,CAAM,gBAAoB,IAAA,KAAA,CAAM,aAAe,EAAA;AACjD,QAAAC,2CAAA;AAAA,UACE,MAAM,oBAAwB,IAAA;AAAA,YAC5B,KAAO,EAAA,0BAAA;AAAA,YACP,OAAS,EAAA,sFAAA;AAAA,WACX;AAAA,SACF,CAAE,KAAK,YAAY;AAEjB,UAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,SACf,CAAA,CAAA;AACD,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,CAAW,MAAM;AACf,UAAU,SAAA,CAAA,KAAA,GAAQ,GAAI,CAAA,YAAA,GAAe,GAAI,CAAA,YAAA,CAAA;AAAA,WACxC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,KACF,CAAA;AACA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAA,MAAA,CAAO,gBAAiB,CAAA,QAAA,EAAUC,iBAAS,CAAA,YAAA,EAAc,GAAI,CAAC,CAAA,CAAA;AAAA,SACzD,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/components/index.js
CHANGED
|
@@ -11,30 +11,31 @@ var index$7 = require('./date-range/index.js');
|
|
|
11
11
|
var index$8 = require('./descriptions/index.js');
|
|
12
12
|
var index$9 = require('./descriptions-item/index.js');
|
|
13
13
|
var index$a = require('./drawer/index.js');
|
|
14
|
-
var index$
|
|
15
|
-
var index$
|
|
16
|
-
var index$
|
|
17
|
-
var index$
|
|
18
|
-
var index$
|
|
19
|
-
var index$
|
|
20
|
-
var index$
|
|
21
|
-
var index$
|
|
22
|
-
var index$
|
|
23
|
-
var index$
|
|
24
|
-
var index$
|
|
25
|
-
var index$
|
|
26
|
-
var index$
|
|
27
|
-
var index$
|
|
28
|
-
var index$
|
|
29
|
-
var index$
|
|
30
|
-
var index$
|
|
31
|
-
var index$
|
|
32
|
-
var index$
|
|
33
|
-
var index$
|
|
34
|
-
var index$
|
|
35
|
-
var index$
|
|
36
|
-
var index$
|
|
37
|
-
var index$
|
|
14
|
+
var index$c = require('./empty/index.js');
|
|
15
|
+
var index$d = require('./form/index.js');
|
|
16
|
+
var index$e = require('./form-item/index.js');
|
|
17
|
+
var index$f = require('./icon/index.js');
|
|
18
|
+
var index$g = require('./icon-base/index.js');
|
|
19
|
+
var index$h = require('./input/index.js');
|
|
20
|
+
var index$i = require('./input-number/index.js');
|
|
21
|
+
var index$j = require('./modal/index.js');
|
|
22
|
+
var index$k = require('./operate-icon/index.js');
|
|
23
|
+
var index$l = require('./segmented/index.js');
|
|
24
|
+
var index$m = require('./select/index.js');
|
|
25
|
+
var index$n = require('./select-group/index.js');
|
|
26
|
+
var index$o = require('./space/index.js');
|
|
27
|
+
var index$p = require('./steps/index.js');
|
|
28
|
+
var index$q = require('./switch/index.js');
|
|
29
|
+
var index$r = require('./table/index.js');
|
|
30
|
+
var index$s = require('./tabs-simple/index.js');
|
|
31
|
+
var index$t = require('./textarea/index.js');
|
|
32
|
+
var index$u = require('./time-picker/index.js');
|
|
33
|
+
var index$v = require('./time-range/index.js');
|
|
34
|
+
var index$w = require('./tooltip/index.js');
|
|
35
|
+
var index$x = require('./tree-search/index.js');
|
|
36
|
+
var index$y = require('./tree/index.js');
|
|
37
|
+
var index$z = require('./dropdown/index.js');
|
|
38
|
+
var index$A = require('./upload-drag/index.js');
|
|
38
39
|
var advancedFiltering = require('./advanced-filtering/src/advanced-filtering.js');
|
|
39
40
|
var avatar = require('./avatar/src/avatar.js');
|
|
40
41
|
var button = require('./button/src/button.js');
|
|
@@ -42,6 +43,9 @@ var checkbox = require('./checkbox/src/checkbox.js');
|
|
|
42
43
|
var descriptions = require('./descriptions/src/descriptions.js');
|
|
43
44
|
var descriptionsItem = require('./descriptions-item/src/descriptions-item.js');
|
|
44
45
|
var drawer = require('./drawer/src/drawer.js');
|
|
46
|
+
var useSecondConfirmation = require('./drawer/src/components/second-confirmation/src/use-second-confirmation.js');
|
|
47
|
+
var secondConfirmation = require('./drawer/src/components/second-confirmation/src/second-confirmation.js');
|
|
48
|
+
var index$b = require('./drawer/src/components/second-confirmation/index.js');
|
|
45
49
|
var empty = require('./empty/src/empty.js');
|
|
46
50
|
var form = require('./form/src/form.js');
|
|
47
51
|
var icon = require('./icon/src/icon.js');
|
|
@@ -82,33 +86,34 @@ exports.LlDateRange = index$7.LlDateRange;
|
|
|
82
86
|
exports.LlDescriptions = index$8.LlDescriptions;
|
|
83
87
|
exports.LlDescriptionsItem = index$9.LlDescriptionsItem;
|
|
84
88
|
exports.LlDrawer = index$a.LlDrawer;
|
|
85
|
-
exports.LlEmpty = index$
|
|
86
|
-
exports.LlForm = index$
|
|
87
|
-
exports.LlFormItem = index$
|
|
88
|
-
exports.LlIcon = index$
|
|
89
|
-
exports.LlIconBase = index$
|
|
90
|
-
exports.LlInput = index$
|
|
91
|
-
exports.LlInputNumber = index$
|
|
92
|
-
exports.LlModal = index$
|
|
93
|
-
exports.LlOperateIcon = index$
|
|
94
|
-
exports.LlSegmented = index$
|
|
95
|
-
exports.LlSelect = index$
|
|
96
|
-
exports.LlSelectOptGroup = index$
|
|
97
|
-
exports.LlSelectOption = index$
|
|
98
|
-
exports.LlSelectGroup = index$
|
|
99
|
-
exports.LlSpace = index$
|
|
100
|
-
exports.LlSteps = index$
|
|
101
|
-
exports.LlSwitch = index$
|
|
102
|
-
exports.LlTable = index$
|
|
103
|
-
exports.LlTabsSimple = index$
|
|
104
|
-
exports.
|
|
105
|
-
exports.
|
|
106
|
-
exports.
|
|
107
|
-
exports.
|
|
108
|
-
exports.
|
|
109
|
-
exports.
|
|
110
|
-
exports.
|
|
111
|
-
exports.
|
|
89
|
+
exports.LlEmpty = index$c.LlEmpty;
|
|
90
|
+
exports.LlForm = index$d.LlForm;
|
|
91
|
+
exports.LlFormItem = index$e.LlFormItem;
|
|
92
|
+
exports.LlIcon = index$f.LlIcon;
|
|
93
|
+
exports.LlIconBase = index$g.LlIconBase;
|
|
94
|
+
exports.LlInput = index$h.LlInput;
|
|
95
|
+
exports.LlInputNumber = index$i.LlInputNumber;
|
|
96
|
+
exports.LlModal = index$j.LlModal;
|
|
97
|
+
exports.LlOperateIcon = index$k.LlOperateIcon;
|
|
98
|
+
exports.LlSegmented = index$l.LlSegmented;
|
|
99
|
+
exports.LlSelect = index$m.LlSelect;
|
|
100
|
+
exports.LlSelectOptGroup = index$m.LlSelectOptGroup;
|
|
101
|
+
exports.LlSelectOption = index$m.LlSelectOption;
|
|
102
|
+
exports.LlSelectGroup = index$n.LlSelectGroup;
|
|
103
|
+
exports.LlSpace = index$o.LlSpace;
|
|
104
|
+
exports.LlSteps = index$p.LlSteps;
|
|
105
|
+
exports.LlSwitch = index$q.LlSwitch;
|
|
106
|
+
exports.LlTable = index$r.LlTable;
|
|
107
|
+
exports.LlTabsSimple = index$s.LlTabsSimple;
|
|
108
|
+
exports.LlTextarea = index$t.LlTextarea;
|
|
109
|
+
exports.LlTimePicker = index$u.LlTimePicker;
|
|
110
|
+
exports.LlTimeRange = index$v.LlTimeRange;
|
|
111
|
+
exports.LlTooltip = index$w.LlTooltip;
|
|
112
|
+
exports.LlTreeSearch = index$x.LlTreeSearch;
|
|
113
|
+
exports.LlTree = index$y.LlTree;
|
|
114
|
+
exports.LlDropdown = index$z.LlDropdown;
|
|
115
|
+
exports.LlDropdownButton = index$z.LlDropdownButton;
|
|
116
|
+
exports.LlUploadDrag = index$A.LlUploadDrag;
|
|
112
117
|
exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
|
|
113
118
|
exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
|
|
114
119
|
exports.advancedFilteringParamsProps = advancedFiltering.advancedFilteringParamsProps;
|
|
@@ -124,6 +129,9 @@ exports.descriptionsItemProps = descriptionsItem.descriptionsItemProps;
|
|
|
124
129
|
exports.drawerEmits = drawer.drawerEmits;
|
|
125
130
|
exports.drawerOptions = drawer.drawerOptions;
|
|
126
131
|
exports.drawerProps = drawer.drawerProps;
|
|
132
|
+
exports.useSecondConfirmation = useSecondConfirmation.useSecondConfirmation;
|
|
133
|
+
exports.secondConfirmationProps = secondConfirmation.secondConfirmationProps;
|
|
134
|
+
exports.LlSecondConfirmation = index$b.LlSecondConfirmation;
|
|
127
135
|
exports.emptyProps = empty.emptyProps;
|
|
128
136
|
exports.url = empty.url;
|
|
129
137
|
exports.formProps = form.formProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|