@web-utils/component 5.0.0-beta01 → 5.0.0-beta03

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.
Files changed (231) hide show
  1. package/awesome-button/index.mjs +25 -31
  2. package/{utils/style.css → base.css} +1 -1
  3. package/chat/index.mjs +3 -12
  4. package/chunks/{EditableTree.C_IJBL5b.mjs → EditableTree.CV8b95tW.mjs} +130 -139
  5. package/chunks/{ElementBaseInfo.DyuFR6fE.mjs → ElementBaseInfo.lW0iwU10.mjs} +2 -3
  6. package/chunks/ElementDialog.DWhAJsUn.mjs +520 -0
  7. package/chunks/{ElementForm.ButuYDPA.mjs → ElementForm.C7yebHWH.mjs} +12 -39
  8. package/chunks/{ElementListeners.Dg3e_dmp.mjs → ElementListeners.B_SjC8dp.mjs} +10 -31
  9. package/chunks/{ElementMultiInstance.Dmi79FqA.mjs → ElementMultiInstance.Xw27Z5mm.mjs} +2 -3
  10. package/chunks/{ElementOtherConfig.C2AddGTp.mjs → ElementOtherConfig.DnNmAhKn.mjs} +0 -1
  11. package/chunks/{ElementProperties.CfV8UF7L.mjs → ElementProperties.DKr9JE_O.mjs} +3 -12
  12. package/chunks/{ElementTaskConfig.Bn7ycGGn.mjs → ElementTaskConfig.CPjsXlpS.mjs} +6 -10
  13. package/chunks/{FlowCondition.C6PdqOAW.mjs → FlowCondition.BA7GF34X.mjs} +4 -5
  14. package/chunks/{FlowDesigner.uJYFfKpR.mjs → FlowDesigner.DH1ypcUw.mjs} +17 -18
  15. package/chunks/{FormBlock.BEENc22F.mjs → FormBlock.D6kZl7sm.mjs} +8 -8
  16. package/chunks/FormCascader.BXL8lKww.mjs +1229 -0
  17. package/chunks/{FormInputTime.Bg3UIP8H.mjs → FormInputTime.DzTPiDNh.mjs} +339 -337
  18. package/chunks/{FormItem.H9OOvNzT.mjs → FormItem.B8iPLduv.mjs} +12 -13
  19. package/chunks/{FormItemGroup.D9eRy-cZ.mjs → FormItemGroup.CCGqEapT.mjs} +38 -31
  20. package/chunks/{FormSelect.CanodoAI.mjs → FormSelect.t0jbTL_K.mjs} +470 -467
  21. package/chunks/{FormSwitch.DTqdaFjv.mjs → FormSwitch.uoFQ-xp_.mjs} +53 -51
  22. package/chunks/{FormTemp.DiI5EfgK.mjs → FormTemp.CeHtEZQe.mjs} +11 -6
  23. package/chunks/{FyCurd.DMj1dMK9.mjs → FyCurd.DqJuCLNW.mjs} +22 -25
  24. package/chunks/{FyForm.vgR8ujEF.mjs → FyForm.CgyGhetD.mjs} +25 -21
  25. package/chunks/{FyFormDesign.DEWT6LsX.mjs → FyFormDesign.DIIK7mXK.mjs} +49 -128
  26. package/chunks/{FyUpload.B2QKfTxF.mjs → FyUpload.DoBEuYcC.mjs} +2 -2
  27. package/chunks/ImagePreview.DDFrZgo5.mjs +649 -0
  28. package/chunks/{Keyboard.ItiRy7Gb.mjs → Keyboard.DBspwbYo.mjs} +2 -2
  29. package/chunks/{MonacoEditor.Bd5Kui-Y.mjs → MonacoEditor.Bq9d6JSz.mjs} +65 -64
  30. package/chunks/{PageableTable.Bujb0NUx.mjs → PageableTable.DR-REJN5.mjs} +84 -83
  31. package/chunks/{SignalAndMessage.CYVzlFuL.mjs → SignalAndMessage.CL2u19it.mjs} +1 -10
  32. package/chunks/{TableColumn.DJYkznbJ.mjs → TableColumn.Cq9Bvevm.mjs} +34 -28
  33. package/chunks/{TableView.DyIdIxAg.mjs → TableView.DMWMaGLA.mjs} +26 -33
  34. package/chunks/ToolbarButton.AlTszc53.mjs +107 -0
  35. package/chunks/{UserTaskListeners.Bp-2qkHs.mjs → UserTaskListeners.Qfm8hKWP.mjs} +9 -27
  36. package/chunks/{VueCron.GfjodnyM.mjs → VueCron.BmPnLuu3.mjs} +163 -142
  37. package/chunks/{VueTreeSelect.9Ywl-I8e.mjs → VueTreeSelect.GHx4Z2lG.mjs} +48 -43
  38. package/chunks/button.gVyl7Y__.mjs +927 -0
  39. package/chunks/checkbox.AmhCpaBZ.mjs +438 -0
  40. package/chunks/chunk.A6TnG60p.mjs +13 -0
  41. package/chunks/confirmable-mixin.BZtxXY0h.mjs +273 -0
  42. package/chunks/constants.Dw7hXt67.mjs +4 -0
  43. package/chunks/{dictionary.DxZxP0ej.mjs → dictionary.BqVLM7Lf.mjs} +1 -1
  44. package/chunks/{event.eJ-c1Z3a.mjs → event.CmOTnori.mjs} +4 -7
  45. package/chunks/event.ZRs4J5TN.mjs +4 -0
  46. package/chunks/{focus-trap.DT4GnqQI.mjs → focus-trap.CuUc8N2C.mjs} +26 -26
  47. package/chunks/{form-input.D25eDRMq.mjs → form-input.DdSb45Tz.mjs} +3 -3
  48. package/chunks/{form-item.CgmUuw_n.mjs → form-item.fYYCXvCs.mjs} +77 -75
  49. package/chunks/icon.AJYLfX1m.mjs +26 -0
  50. package/chunks/{icon.CbS8-322.mjs → icon.niAg1zTC.mjs} +31 -39
  51. package/chunks/{init.DwpukyOB.mjs → init.CtUEiRbU.mjs} +6 -6
  52. package/chunks/{input.PejnqwSH.mjs → input.B_wW4aF-.mjs} +107 -106
  53. package/chunks/install.BJl2MN77.mjs +73 -0
  54. package/chunks/message-box.wGWcYSSd.mjs +463 -0
  55. package/chunks/{message.BCmee5N0.mjs → message.DnTACuzV.mjs} +76 -75
  56. package/chunks/{overlay.DubSnqma.mjs → overlay.Rhu_rfhx.mjs} +5 -5
  57. package/chunks/{radio.BotKXqJr.mjs → radio.BMkZBhl5.mjs} +45 -45
  58. package/chunks/{scroll.CzORc5Zk.mjs → scroll.BJIpzi2Q.mjs} +2 -2
  59. package/chunks/{scrollbar.CAmrlKi9.mjs → scrollbar.CvxOszy3.mjs} +4 -4
  60. package/chunks/{style.BmlGmjpO.mjs → style.CraPDfJA.mjs} +3 -3
  61. package/chunks/{tag.DPi-PLbb.mjs → tag.B6yUaGj-.mjs} +25 -25
  62. package/chunks/{teleport._VGEzK4d.mjs → teleport.87mkIv8m.mjs} +3 -3
  63. package/chunks/{tooltip.D50x7Rva.mjs → tooltip.Dzjs7LZ8.mjs} +108 -108
  64. package/chunks/typescript.D0a40c7B.mjs +4 -0
  65. package/chunks/{use-aria.BW7nWOl1.mjs → use-aria.B9uqqWAE.mjs} +2 -2
  66. package/chunks/{use-composition.mUaomyno.mjs → use-composition.BMPJBvYs.mjs} +4 -4
  67. package/chunks/{use-deprecated.BfDSbZS9.mjs → use-deprecated.vx6LTDA_.mjs} +2 -2
  68. package/chunks/use-empty-values.CxYKjLV9.mjs +81 -0
  69. package/chunks/use-form-item.DMDTkMq9.mjs +48 -0
  70. package/chunks/use-global-config.Dkt91Ob3.mjs +57 -0
  71. package/chunks/{use-id.CFO5NeoV.mjs → use-id.CyzdvfQn.mjs} +3 -3
  72. package/chunks/{use-empty-values.Dy_r78F6.mjs → use-locale.CBoQRFjH.mjs} +12 -87
  73. package/chunks/{use-size.DxrwTUwf.mjs → use-size.CoorvF12.mjs} +2 -2
  74. package/chunks/validator.Drv0r2Nb.mjs +5 -0
  75. package/chunks/{vnode.D_SioRnx.mjs → vnode.raM3wMJz.mjs} +2 -2
  76. package/confirm-button/index.mjs +1 -1
  77. package/confirmable/index.mjs +1 -1
  78. package/context-menu/index.mjs +39 -38
  79. package/data-box/style.css +1 -1
  80. package/data-card/style.css +1 -1
  81. package/data-display/style.css +1 -1
  82. package/data-icons/style.css +1 -1
  83. package/data-imgtext/style.css +1 -1
  84. package/data-operatext/style.css +1 -1
  85. package/data-panel/style.css +1 -1
  86. package/data-pay/style.css +1 -1
  87. package/data-price/style.css +1 -1
  88. package/data-progress/style.css +1 -1
  89. package/data-rotate/style.css +1 -1
  90. package/data-table-picker/index.mjs +2 -6
  91. package/data-tabs/style.css +1 -1
  92. package/dialog-form/index.mjs +7 -3
  93. package/dynamic-table/index.mjs +1 -2
  94. package/editable-tree/index.mjs +1 -1
  95. package/element-dialog/index.mjs +1 -1
  96. package/element-dialog/style.css +1 -1
  97. package/empty-view/index.mjs +18 -20
  98. package/error-view/index.mjs +17 -19
  99. package/flex-column/index.mjs +11 -9
  100. package/flex-item/index.mjs +22 -16
  101. package/flex-row/index.mjs +11 -10
  102. package/flow/index.mjs +1 -1
  103. package/flow-designer/index.mjs +1 -1
  104. package/form-block/index.mjs +1 -1
  105. package/form-cascader/index.mjs +1 -1
  106. package/form-checkbox/index.mjs +4 -4
  107. package/form-checkbox-group/index.mjs +6 -6
  108. package/form-date-picker/index.mjs +3 -3
  109. package/form-holder/index.mjs +2 -5
  110. package/form-input/index.mjs +4 -4
  111. package/form-input-cron-expression/index.mjs +4 -4
  112. package/form-input-email/index.mjs +10 -9
  113. package/form-input-id-card/index.mjs +10 -9
  114. package/form-input-phone-number/index.mjs +11 -10
  115. package/form-input-tag/index.mjs +2 -2
  116. package/form-input-time/index.mjs +1 -1
  117. package/form-item/index.mjs +1 -1
  118. package/form-item-group/index.mjs +1 -1
  119. package/form-radio-group/index.mjs +6 -6
  120. package/form-select/index.mjs +1 -1
  121. package/form-switch/index.mjs +1 -1
  122. package/form-table/index.mjs +2 -2
  123. package/form-table-plus/index.mjs +4 -4
  124. package/form-textarea/index.mjs +4 -4
  125. package/form-tree-select/index.mjs +3 -3
  126. package/form-tree-select-multiple/index.mjs +3 -3
  127. package/form-view/index.mjs +13 -8
  128. package/fy-array/index.mjs +1 -1
  129. package/fy-cascader/index.mjs +1 -1
  130. package/fy-checkbox/index.mjs +1 -1
  131. package/fy-code/index.mjs +2 -2
  132. package/fy-curd/index.mjs +1 -1
  133. package/fy-date/index.mjs +1 -1
  134. package/fy-dynamic/index.mjs +3 -7
  135. package/fy-form/index.mjs +1 -1
  136. package/fy-form/style.css +1 -1
  137. package/fy-form-design/index.mjs +1 -1
  138. package/fy-form-design/style.css +1 -1
  139. package/fy-input/index.mjs +1 -1
  140. package/fy-input-color/index.mjs +1 -2
  141. package/fy-input-icon/index.mjs +37 -32
  142. package/fy-input-map/index.mjs +1 -1
  143. package/fy-input-number/index.mjs +1 -1
  144. package/fy-input-table/index.mjs +1 -1
  145. package/fy-input-tree/index.mjs +3 -3
  146. package/fy-input-tree/style.css +1 -1
  147. package/fy-radio/index.mjs +2 -2
  148. package/fy-rate/index.mjs +2 -2
  149. package/fy-select/index.mjs +5 -5
  150. package/fy-slider/index.mjs +1 -1
  151. package/fy-switch/index.mjs +2 -2
  152. package/fy-time/index.mjs +1 -1
  153. package/fy-title/index.mjs +1 -1
  154. package/fy-tree/index.mjs +1 -1
  155. package/fy-u-editor/index.mjs +1 -1
  156. package/fy-upload/index.mjs +1 -1
  157. package/guide-steps/index.mjs +1 -1
  158. package/helper-function.d.ts +3 -3
  159. package/helper-function.mjs +36 -20
  160. package/iframe-window/index.mjs +30 -29
  161. package/image-cropper/index.mjs +144 -163
  162. package/image-cropper/style.css +1 -1
  163. package/image-preview/index.mjs +2 -187
  164. package/index.d.ts +1 -2
  165. package/index.mjs +153 -154
  166. package/input-number-range/index.mjs +0 -2
  167. package/keyboard/index.mjs +1 -1
  168. package/license/index.mjs +1 -1
  169. package/monaco-editor/index.mjs +1 -1
  170. package/nav-bar/index.mjs +1 -1
  171. package/notice/index.mjs +1 -4
  172. package/package.json +12 -14
  173. package/pageable-table/index.mjs +1 -1
  174. package/pageable-view/index.mjs +2 -2
  175. package/photo-swipe/index.mjs +1 -1
  176. package/picker-table-view/index.mjs +4 -8
  177. package/present-view/index.mjs +18 -13
  178. package/record-video/index.mjs +1 -1
  179. package/resize-observer/index.mjs +1 -1
  180. package/search/index.mjs +2 -2
  181. package/split-pane/index.mjs +1 -1
  182. package/stateful/index.mjs +18 -17
  183. package/static-pageable-table/index.mjs +1 -4
  184. package/sub-table/index.mjs +2 -5
  185. package/sub-table-plus/index.mjs +3 -6
  186. package/tab/index.mjs +1 -1
  187. package/tab-item/index.mjs +1 -1
  188. package/table-column/index.mjs +1 -1
  189. package/table-view/index.mjs +1 -1
  190. package/tag-render/index.mjs +28 -24
  191. package/toolbar/index.mjs +1 -1
  192. package/toolbar-button/index.mjs +2 -146
  193. package/vue-cron/index.mjs +1 -1
  194. package/vue-qr-code/index.mjs +7 -6
  195. package/vue-tags-input/index.mjs +1 -1
  196. package/vue-tree-select/index.mjs +1 -1
  197. package/watermark/index.mjs +13 -13
  198. package/web-types.json +265 -363
  199. package/x-input-tag/index.mjs +0 -3
  200. package/chunks/ElementDialog.C0IjriTW.mjs +0 -681
  201. package/chunks/FormCascader.CaM-oEhv.mjs +0 -1226
  202. package/chunks/checkbox.emIuFmnt.mjs +0 -437
  203. package/chunks/confirmable-mixin.BBil7dto.mjs +0 -1646
  204. package/chunks/event.B4iwtUNO.mjs +0 -4
  205. package/chunks/install.yLcn5MLL.mjs +0 -84
  206. package/chunks/typescript.DiWBU4nj.mjs +0 -4
  207. package/chunks/use-form-item.wsRjehHp.mjs +0 -47
  208. package/chunks/use-global-config.C9hs-O_x.mjs +0 -56
  209. package/chunks/validator.C4-z_t9p.mjs +0 -5
  210. package/login/index.mjs +0 -252
  211. package/login/style.css +0 -1
  212. /package/chunks/{FyUEditor.D_rEYfll.mjs → FyUEditor.uvZS8UgS.mjs} +0 -0
  213. /package/chunks/{RecordVideo.B35_dLty.mjs → RecordVideo.CKTY-gk9.mjs} +0 -0
  214. /package/chunks/{SplitPane.Dw96M0Yf.mjs → SplitPane.DNNid7WB.mjs} +0 -0
  215. /package/chunks/{Toolbar.DHuXJAoG.mjs → Toolbar.DytZ6fO0.mjs} +0 -0
  216. /package/chunks/{core.DJv6Qrae.mjs → core.Blrh_Fjl.mjs} +0 -0
  217. /package/chunks/{dataformat.Bfr4nOcA.mjs → dataformat.F7GtAoiN.mjs} +0 -0
  218. /package/chunks/{dic.DgDfnovD.mjs → dic.NZCGhtA7.mjs} +0 -0
  219. /package/chunks/{dictionary.5eKjWeAp.mjs → dictionary.DXYdZefs.mjs} +0 -0
  220. /package/chunks/{form-pick.Axem0gOO.mjs → form-pick.BEC7lrNH.mjs} +0 -0
  221. /package/chunks/{form-validate.B1KPCHqN.mjs → form-validate.JFOV_f-C.mjs} +0 -0
  222. /package/chunks/{packages.BGjydzjm.mjs → packages.CONbEH13.mjs} +0 -0
  223. /package/chunks/{permission.DgEVNWlh.mjs → permission.8WDtOmzA.mjs} +0 -0
  224. /package/chunks/{photo-swipe.BB0SJZg9.mjs → photo-swipe.BvBJGc5x.mjs} +0 -0
  225. /package/chunks/{slot.C6Ozd2e7.mjs → slot.CZCo32Cw.mjs} +0 -0
  226. /package/chunks/{sub-table-plus-props.B_lLth3j.mjs → sub-table-plus-props.DvS8aKT4.mjs} +0 -0
  227. /package/chunks/{tab-mixin.u0EZpx3j.mjs → tab-mixin.C9DSz8xu.mjs} +0 -0
  228. /package/chunks/{util.B3sjVZoZ.mjs → util.fjuzrmWz.mjs} +0 -0
  229. /package/chunks/{utilSelf.ZED4DmCU.mjs → utilSelf.Bv7FtUNb.mjs} +0 -0
  230. /package/chunks/{utils.Cs2fYBrT.mjs → utils.C37EhJ-u.mjs} +0 -0
  231. /package/chunks/{utils.DsGhtCIO.mjs → utils.C8RvIGLM.mjs} +0 -0
@@ -106,7 +106,6 @@ function v(e, m, v, y, b, x) {
106
106
  return o(), i("div", h, [
107
107
  x.tags && x.tags.length && x.tags[0] ? (o(!0), i(t, { key: 0 }, s(x.tags, (e, t) => (o(), n(S, {
108
108
  key: e.id || e,
109
- size: "medium",
110
109
  "disable-transitions": "",
111
110
  closable: !x.inputDisabled,
112
111
  onClose: (n) => x.handleClose(e, t)
@@ -120,7 +119,6 @@ function v(e, m, v, y, b, x) {
120
119
  modelValue: b.inputValue,
121
120
  "onUpdate:modelValue": m[0] || (m[0] = (e) => b.inputValue = e),
122
121
  class: "input-new-tag",
123
- size: "mini",
124
122
  onKeyup: p(x.handleInputConfirm, ["enter"]),
125
123
  onBlur: x.handleInputConfirm
126
124
  }, null, 8, [
@@ -131,7 +129,6 @@ function v(e, m, v, y, b, x) {
131
129
  !x.inputDisabled && !b.inputVisible ? f((o(), n(w, {
132
130
  key: 3,
133
131
  class: "button-new-tag",
134
- size: "mini",
135
132
  onClick: x.showInput
136
133
  }, {
137
134
  default: d(() => [...m[1] || (m[1] = [a(" + 添加 ", -1)])]),
@@ -1,681 +0,0 @@
1
- import { d as e, m as t, o as n, p as r, t as i } from "./install.yLcn5MLL.mjs";
2
- import { t as a } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
3
- import { a as o, u as s } from "./use-empty-values.Dy_r78F6.mjs";
4
- import { r as c } from "./event.B4iwtUNO.mjs";
5
- import { D as l, F as u, M as d, O as f, S as p, j as m, n as h } from "./style.BmlGmjpO.mjs";
6
- import { n as g, t as _ } from "./teleport._VGEzK4d.mjs";
7
- import { t as v } from "./use-deprecated.BfDSbZS9.mjs";
8
- import { i as y, n as b, r as x, t as S } from "./overlay.DubSnqma.mjs";
9
- import { r as C, t as w } from "./focus-trap.DT4GnqQI.mjs";
10
- import { t as T } from "./use-id.CFO5NeoV.mjs";
11
- import { n as E, o as D, t as O } from "./icon.CbS8-322.mjs";
12
- import { r as k } from "./use-global-config.C9hs-O_x.mjs";
13
- import { l as A } from "./util.B3sjVZoZ.mjs";
14
- import { Fragment as j, Transition as M, computed as N, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createSlots as R, createVNode as z, defineComponent as B, getCurrentInstance as ee, inject as V, mergeProps as H, nextTick as te, normalizeClass as U, normalizeStyle as W, onMounted as ne, openBlock as G, provide as K, ref as q, renderSlot as J, resolveComponent as Y, resolveDirective as re, resolveDynamicComponent as ie, toDisplayString as X, unref as Z, useSlots as ae, vShow as oe, watch as Q, withCtx as $, withDirectives as se, withModifiers as ce } from "vue";
15
- import { getComputedHeight as le, isDef as ue } from "@web-utils/core";
16
- import { dialogDrag as de } from "@web-utils/vue/directives/dialog-drag";
17
- //#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/dialog/src/dialog-content.mjs
18
- var fe = m({
19
- center: Boolean,
20
- alignCenter: {
21
- type: Boolean,
22
- default: void 0
23
- },
24
- closeIcon: { type: D },
25
- draggable: {
26
- type: Boolean,
27
- default: void 0
28
- },
29
- overflow: {
30
- type: Boolean,
31
- default: void 0
32
- },
33
- fullscreen: Boolean,
34
- headerClass: String,
35
- bodyClass: String,
36
- footerClass: String,
37
- showClose: {
38
- type: Boolean,
39
- default: !0
40
- },
41
- title: {
42
- type: String,
43
- default: ""
44
- },
45
- ariaLevel: {
46
- type: String,
47
- default: "2"
48
- }
49
- }), pe = { close: () => !0 }, me = {
50
- alignCenter: void 0,
51
- draggable: void 0,
52
- overflow: void 0,
53
- showClose: !0,
54
- title: "",
55
- ariaLevel: "2"
56
- }, he = m({
57
- ...fe,
58
- appendToBody: Boolean,
59
- appendTo: {
60
- type: g.to.type,
61
- default: "body"
62
- },
63
- beforeClose: { type: d(Function) },
64
- destroyOnClose: Boolean,
65
- closeOnClickModal: {
66
- type: Boolean,
67
- default: !0
68
- },
69
- closeOnPressEscape: {
70
- type: Boolean,
71
- default: !0
72
- },
73
- lockScroll: {
74
- type: Boolean,
75
- default: !0
76
- },
77
- modal: {
78
- type: Boolean,
79
- default: !0
80
- },
81
- modalPenetrable: Boolean,
82
- openDelay: {
83
- type: Number,
84
- default: 0
85
- },
86
- closeDelay: {
87
- type: Number,
88
- default: 0
89
- },
90
- top: { type: String },
91
- modelValue: Boolean,
92
- modalClass: String,
93
- headerClass: String,
94
- bodyClass: String,
95
- footerClass: String,
96
- width: { type: [String, Number] },
97
- zIndex: { type: Number },
98
- trapFocus: Boolean,
99
- headerAriaLevel: {
100
- type: String,
101
- default: "2"
102
- },
103
- transition: {
104
- type: d([String, Object]),
105
- default: void 0
106
- }
107
- }), ge = {
108
- open: () => !0,
109
- opened: () => !0,
110
- close: () => !0,
111
- closed: () => !0,
112
- [c]: (e) => u(e),
113
- openAutoFocus: () => !0,
114
- closeAutoFocus: () => !0
115
- };
116
- ({ ...me });
117
- //#endregion
118
- //#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/dialog/src/constants.mjs
119
- var _e = Symbol("dialogInjectionKey"), ve = "dialog-fade", ye = "ElDialog", be = (n, i) => {
120
- let a = ee().emit, { nextZIndex: s } = o(), u = "", d = T(), m = T(), g = q(!1), _ = q(!1), v = q(!1), y = q(n.zIndex ?? s()), b = q(!1), S, C, w = k(), E = N(() => {
121
- var e;
122
- return ((e = w.value) == null ? void 0 : e.namespace) ?? "el";
123
- }), D = N(() => {
124
- var e;
125
- return (e = w.value) == null ? void 0 : e.dialog;
126
- }), O = N(() => {
127
- let e = {}, t = `--${E.value}-dialog`;
128
- if (!n.fullscreen) {
129
- n.top && (e[`${t}-margin-top`] = n.top);
130
- let r = h(n.width);
131
- r && (e[`${t}-width`] = r);
132
- }
133
- return e;
134
- }), A = N(() => {
135
- var e;
136
- return (n.draggable ?? ((e = D.value) == null ? void 0 : e.draggable) ?? !1) && !n.fullscreen;
137
- }), j = N(() => {
138
- var e;
139
- return n.alignCenter ?? ((e = D.value) == null ? void 0 : e.alignCenter) ?? !1;
140
- }), M = N(() => {
141
- var e;
142
- return n.overflow ?? ((e = D.value) == null ? void 0 : e.overflow) ?? !1;
143
- }), P = N(() => j.value ? { display: "flex" } : {}), F = N(() => {
144
- var i;
145
- let a = n.transition ?? ((i = D.value) == null ? void 0 : i.transition) ?? "dialog-fade", o = {
146
- name: a,
147
- onAfterEnter: I,
148
- onBeforeLeave: R,
149
- onAfterLeave: L
150
- };
151
- if (t(a)) {
152
- let t = { ...a }, n = (t, n) => (i) => {
153
- e(t) ? t.forEach((e) => {
154
- r(e) && e(i);
155
- }) : r(t) && t(i), n();
156
- };
157
- return t.onAfterEnter = n(t.onAfterEnter, I), t.onBeforeLeave = n(t.onBeforeLeave, R), t.onAfterLeave = n(t.onAfterLeave, L), t.name || (t.name = ve, f(ye, `transition.name is missing when using object syntax, fallback to '${ve}'`)), t;
158
- }
159
- return o;
160
- });
161
- function I() {
162
- a("opened");
163
- }
164
- function L() {
165
- a("closed"), a(c, !1), n.destroyOnClose && (v.value = !1), b.value = !1;
166
- }
167
- function R() {
168
- b.value = !0, a("close");
169
- }
170
- function z() {
171
- C == null || C(), S == null || S(), n.openDelay && n.openDelay > 0 ? {stop: S} = l(() => U(), n.openDelay) : U();
172
- }
173
- function B() {
174
- S == null || S(), C == null || C(), n.closeDelay && n.closeDelay > 0 ? {stop: C} = l(() => W(), n.closeDelay) : W();
175
- }
176
- function V() {
177
- function e(e) {
178
- e || (_.value = !0, g.value = !1);
179
- }
180
- n.beforeClose ? n.beforeClose(e) : B();
181
- }
182
- function H() {
183
- n.closeOnClickModal && V();
184
- }
185
- function U() {
186
- p && (g.value = !0);
187
- }
188
- function W() {
189
- g.value = !1;
190
- }
191
- function G() {
192
- a("openAutoFocus");
193
- }
194
- function K() {
195
- a("closeAutoFocus");
196
- }
197
- function J(e) {
198
- var t;
199
- ((t = e.detail) == null ? void 0 : t.focusReason) === "pointer" && e.preventDefault();
200
- }
201
- n.lockScroll && x(g);
202
- function Y() {
203
- n.closeOnPressEscape && V();
204
- }
205
- return Q(() => n.zIndex, () => {
206
- y.value = n.zIndex ?? s();
207
- }), Q(() => n.modelValue, (e) => {
208
- e ? (_.value = !1, b.value = !1, z(), v.value = !0, y.value = n.zIndex ?? s(), te(() => {
209
- a("open"), i.value && (i.value.parentElement.scrollTop = 0, i.value.parentElement.scrollLeft = 0, i.value.scrollTop = 0);
210
- })) : g.value && B();
211
- }), Q(() => n.fullscreen, (e) => {
212
- i.value && (e ? (u = i.value.style.transform, i.value.style.transform = "") : i.value.style.transform = u);
213
- }), ne(() => {
214
- n.modelValue && (g.value = !0, v.value = !0, z());
215
- }), {
216
- afterEnter: I,
217
- afterLeave: L,
218
- beforeLeave: R,
219
- handleClose: V,
220
- onModalClick: H,
221
- close: B,
222
- doClose: W,
223
- onOpenAutoFocus: G,
224
- onCloseAutoFocus: K,
225
- onCloseRequested: Y,
226
- onFocusoutPrevented: J,
227
- titleId: d,
228
- bodyId: m,
229
- closed: _,
230
- style: O,
231
- overlayDialogStyle: P,
232
- rendered: v,
233
- visible: g,
234
- zIndex: y,
235
- transitionConfig: F,
236
- _draggable: A,
237
- _alignCenter: j,
238
- _overflow: M,
239
- closing: b
240
- };
241
- }, xe = (...e) => (t) => {
242
- e.forEach((e) => {
243
- e.value = t;
244
- });
245
- }, Se = ["aria-level"], Ce = ["aria-label"], we = ["id"], Te = /* @__PURE__ */ B({
246
- name: "ElDialogContent",
247
- __name: "dialog-content",
248
- props: fe,
249
- emits: pe,
250
- setup(e, { expose: t }) {
251
- let { t: n } = s(), { Close: r } = E, i = e, { dialogRef: a, headerRef: o, bodyId: c, ns: l, style: u } = V(_e), { focusTrapRef: d } = V(C), f = xe(d, a), p = N(() => !!i.draggable), { resetPosition: m, updatePosition: h, isDragging: g } = y(a, o, p, N(() => !!i.overflow)), _ = N(() => [
252
- l.b(),
253
- l.is("fullscreen", i.fullscreen),
254
- l.is("draggable", p.value),
255
- l.is("dragging", g.value),
256
- l.is("align-center", !!i.alignCenter),
257
- { [l.m("center")]: i.center }
258
- ]);
259
- return t({
260
- resetPosition: m,
261
- updatePosition: h
262
- }), (t, i) => (G(), I("div", {
263
- ref: Z(f),
264
- class: U(_.value),
265
- style: W(Z(u)),
266
- tabindex: "-1"
267
- }, [
268
- L("header", {
269
- ref_key: "headerRef",
270
- ref: o,
271
- class: U([
272
- Z(l).e("header"),
273
- e.headerClass,
274
- { "show-close": e.showClose }
275
- ])
276
- }, [J(t.$slots, "header", {}, () => [L("span", {
277
- role: "heading",
278
- "aria-level": e.ariaLevel,
279
- class: U(Z(l).e("title"))
280
- }, X(e.title), 11, Se)]), e.showClose ? (G(), I("button", {
281
- key: 0,
282
- "aria-label": Z(n)("el.dialog.close"),
283
- class: U(Z(l).e("headerbtn")),
284
- type: "button",
285
- onClick: i[0] || (i[0] = (e) => t.$emit("close"))
286
- }, [z(Z(O), { class: U(Z(l).e("close")) }, {
287
- default: $(() => [(G(), P(ie(e.closeIcon || Z(r))))]),
288
- _: 1
289
- }, 8, ["class"])], 10, Ce)) : F("v-if", !0)], 2),
290
- L("div", {
291
- id: Z(c),
292
- class: U([Z(l).e("body"), e.bodyClass])
293
- }, [J(t.$slots, "default")], 10, we),
294
- t.$slots.footer ? (G(), I("footer", {
295
- key: 0,
296
- class: U([Z(l).e("footer"), e.footerClass])
297
- }, [J(t.$slots, "footer")], 2)) : F("v-if", !0)
298
- ], 6));
299
- }
300
- }), Ee = [
301
- "aria-label",
302
- "aria-labelledby",
303
- "aria-describedby"
304
- ], De = i(/* @__PURE__ */ B({
305
- name: "ElDialog",
306
- inheritAttrs: !1,
307
- __name: "dialog",
308
- props: he,
309
- emits: ge,
310
- setup(e, { expose: t }) {
311
- let r = e, i = ae();
312
- v({
313
- scope: "el-dialog",
314
- from: "the title slot",
315
- replacement: "the header slot",
316
- version: "3.0.0",
317
- ref: "https://element-plus.org/en-US/component/dialog.html#slots"
318
- }, N(() => !!i.title));
319
- let a = n("dialog"), o = q(), s = q(), c = q(), { visible: l, titleId: u, bodyId: d, style: f, overlayDialogStyle: p, rendered: m, transitionConfig: h, zIndex: g, _draggable: y, _alignCenter: x, _overflow: C, handleClose: T, onModalClick: E, onOpenAutoFocus: D, onCloseAutoFocus: O, onCloseRequested: k, onFocusoutPrevented: A, closing: j } = be(r, o);
320
- K(_e, {
321
- dialogRef: o,
322
- headerRef: s,
323
- bodyId: d,
324
- ns: a,
325
- rendered: m,
326
- style: f
327
- });
328
- let I = b(E), B = N(() => r.modalPenetrable && !r.modal && !r.fullscreen);
329
- return t({
330
- visible: l,
331
- dialogContentRef: c,
332
- resetPosition: () => {
333
- var e;
334
- (e = c.value) == null || e.resetPosition();
335
- },
336
- handleClose: T
337
- }), (t, n) => (G(), P(Z(_), {
338
- to: e.appendTo,
339
- disabled: e.appendTo === "body" ? !e.appendToBody : !1
340
- }, {
341
- default: $(() => [z(M, H(Z(h), { persisted: "" }), {
342
- default: $(() => [se(z(Z(S), {
343
- "custom-mask-event": "",
344
- mask: e.modal,
345
- "overlay-class": [
346
- e.modalClass ?? "",
347
- `${Z(a).namespace.value}-modal-dialog`,
348
- Z(a).is("penetrable", B.value)
349
- ],
350
- "z-index": Z(g)
351
- }, {
352
- default: $(() => [L("div", {
353
- role: "dialog",
354
- "aria-modal": "true",
355
- "aria-label": e.title || void 0,
356
- "aria-labelledby": e.title ? void 0 : Z(u),
357
- "aria-describedby": Z(d),
358
- class: U([`${Z(a).namespace.value}-overlay-dialog`, Z(a).is("closing", Z(j))]),
359
- style: W(Z(p)),
360
- onClick: n[0] || (n[0] = (...e) => Z(I).onClick && Z(I).onClick(...e)),
361
- onMousedown: n[1] || (n[1] = (...e) => Z(I).onMousedown && Z(I).onMousedown(...e)),
362
- onMouseup: n[2] || (n[2] = (...e) => Z(I).onMouseup && Z(I).onMouseup(...e))
363
- }, [z(Z(w), {
364
- loop: "",
365
- trapped: Z(l),
366
- "focus-start-el": "container",
367
- onFocusAfterTrapped: Z(D),
368
- onFocusAfterReleased: Z(O),
369
- onFocusoutPrevented: Z(A),
370
- onReleaseRequested: Z(k)
371
- }, {
372
- default: $(() => [Z(m) ? (G(), P(Te, H({
373
- key: 0,
374
- ref_key: "dialogContentRef",
375
- ref: c
376
- }, t.$attrs, {
377
- center: e.center,
378
- "align-center": Z(x),
379
- "close-icon": e.closeIcon,
380
- draggable: Z(y),
381
- overflow: Z(C),
382
- fullscreen: e.fullscreen,
383
- "header-class": e.headerClass,
384
- "body-class": e.bodyClass,
385
- "footer-class": e.footerClass,
386
- "show-close": e.showClose,
387
- title: e.title,
388
- "aria-level": e.headerAriaLevel,
389
- onClose: Z(T)
390
- }), R({
391
- header: $(() => [t.$slots.title ? J(t.$slots, "title", { key: 1 }) : J(t.$slots, "header", {
392
- key: 0,
393
- close: Z(T),
394
- titleId: Z(u),
395
- titleClass: Z(a).e("title")
396
- })]),
397
- default: $(() => [J(t.$slots, "default")]),
398
- _: 2
399
- }, [t.$slots.footer ? {
400
- name: "footer",
401
- fn: $(() => [J(t.$slots, "footer")]),
402
- key: "0"
403
- } : void 0]), 1040, [
404
- "center",
405
- "align-center",
406
- "close-icon",
407
- "draggable",
408
- "overflow",
409
- "fullscreen",
410
- "header-class",
411
- "body-class",
412
- "footer-class",
413
- "show-close",
414
- "title",
415
- "aria-level",
416
- "onClose"
417
- ])) : F("v-if", !0)]),
418
- _: 3
419
- }, 8, [
420
- "trapped",
421
- "onFocusAfterTrapped",
422
- "onFocusAfterReleased",
423
- "onFocusoutPrevented",
424
- "onReleaseRequested"
425
- ])], 46, Ee)]),
426
- _: 3
427
- }, 8, [
428
- "mask",
429
- "overlay-class",
430
- "z-index"
431
- ]), [[oe, Z(l)]])]),
432
- _: 3
433
- }, 16)]),
434
- _: 3
435
- }, 8, ["to", "disabled"]));
436
- }
437
- })), Oe = {
438
- name: "EmulateForm",
439
- provide() {
440
- return { elForm: { disabled: !1 } };
441
- },
442
- render() {
443
- return this.$slots.default;
444
- }
445
- }, ke = { props: {
446
- visible: {
447
- type: Boolean,
448
- default: !1
449
- },
450
- openDelay: {},
451
- closeDelay: {},
452
- zIndex: {},
453
- modalFade: {
454
- type: Boolean,
455
- default: !0
456
- },
457
- modalClass: {},
458
- modal: {
459
- type: Boolean,
460
- default: !0
461
- },
462
- modalAppendToBody: {
463
- type: Boolean,
464
- default: !0
465
- },
466
- lockScroll: {
467
- type: Boolean,
468
- default: !0
469
- },
470
- closeOnPressEscape: {
471
- type: Boolean,
472
- default: !0
473
- },
474
- maxHeight: {
475
- type: String,
476
- default: "76vh"
477
- }
478
- } }, Ae = {
479
- name: "ElementDialog",
480
- components: { EmulateForm: Oe },
481
- directives: { dialogDrag: de },
482
- mixins: [...A(De).mixins, ke],
483
- props: {
484
- title: {
485
- type: String,
486
- default: ""
487
- },
488
- appendToBody: {
489
- type: Boolean,
490
- default: !0
491
- },
492
- closeOnClickModal: {
493
- type: Boolean,
494
- default: !1
495
- },
496
- showClose: {
497
- type: Boolean,
498
- default: !0
499
- },
500
- showFullScreen: Boolean,
501
- width: { type: String },
502
- height: { type: String },
503
- customClass: {
504
- type: String,
505
- default: ""
506
- },
507
- top: {
508
- type: String,
509
- default: "10vh"
510
- },
511
- beforeClose: { type: Function },
512
- center: {
513
- type: Boolean,
514
- default: !0
515
- },
516
- destroyOnClose: Boolean,
517
- flexRow: Boolean,
518
- flexColumn: Boolean,
519
- bodyPadding: {
520
- type: Boolean,
521
- default: !0
522
- },
523
- embed: Boolean,
524
- verticalCenter: Boolean,
525
- offsetTop: Number
526
- },
527
- data() {
528
- return {
529
- fullScreen: !1,
530
- closed: !1,
531
- marginTop: 0
532
- };
533
- },
534
- computed: { style() {
535
- let e = { maxHeight: "100%" };
536
- return this.fullScreen || (this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e["margin-top"] = this.marginTop, e;
537
- } },
538
- watch: {
539
- async visible(e) {
540
- e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), await this.$nextTick(), this.$refs.dialog.scrollTop = 0, await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
541
- },
542
- fullScreen(e) {
543
- this.$emit("toggle-fullscreen", e);
544
- }
545
- },
546
- created() {
547
- this.$watch(() => ({
548
- offsetTop: this.offsetTop,
549
- verticalCenter: this.verticalCenter,
550
- top: this.top
551
- }), this.computeTop, { deep: !0 });
552
- },
553
- async mounted() {
554
- this.visible && (this.rendered = !0, this.open(), await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
555
- },
556
- unmounted() {
557
- this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
558
- },
559
- methods: {
560
- async computeTop() {
561
- await this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - le(this.$refs.dialog)) / 2 + (ue(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
562
- },
563
- toggleFullScreen() {
564
- this.fullScreen = !this.fullScreen;
565
- },
566
- enterFullScreen() {
567
- this.fullScreen = !0;
568
- },
569
- exitFullScreen() {
570
- this.fullScreen = !1;
571
- },
572
- shouldShowFooter() {
573
- var e, t;
574
- return !!((e = (t = this.$slots).footer) != null && e.call(t));
575
- },
576
- handleWrapperClick() {
577
- this.closeOnClickModal && this.handleClose();
578
- },
579
- handleClose() {
580
- typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
581
- },
582
- hide(e) {
583
- e !== !1 && (this.embed ? this.$parent.$emit("update:visible", !1) : this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
584
- },
585
- updatePopper() {
586
- this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
587
- },
588
- afterEnter() {
589
- this.$emit("opened");
590
- },
591
- afterLeave() {
592
- this.exitFullScreen(), this.$emit("closed");
593
- }
594
- }
595
- }, je = ["aria-label"], Me = { class: "el-dialog__header" }, Ne = { class: "el-dialog__title" }, Pe = { class: "header-button-wrapper" }, Fe = {
596
- key: 1,
597
- class: "el-dialog__footer"
598
- };
599
- function Ie(e, t, n, r, i, a) {
600
- let o = Y("ElButton"), s = Y("EmulateForm"), c = re("dialog-drag");
601
- return G(), P(M, {
602
- name: "dialog-fade",
603
- onAfterEnter: a.afterEnter,
604
- onAfterLeave: a.afterLeave,
605
- persisted: ""
606
- }, {
607
- default: $(() => [se((G(), I("div", {
608
- class: "el-dialog__wrapper",
609
- onClick: t[0] || (t[0] = ce((...e) => a.handleWrapperClick && a.handleWrapperClick(...e), ["self"]))
610
- }, [L("div", {
611
- ref: "dialog",
612
- role: "dialog",
613
- "aria-modal": "true",
614
- "aria-label": n.title || "dialog",
615
- class: U([
616
- "el-dialog",
617
- "element-dialog",
618
- "el-dialog-resizeable",
619
- "normalize",
620
- {
621
- "is-fullscreen": i.fullScreen,
622
- "el-dialog__body-padding": n.bodyPadding,
623
- "el-dialog--center": n.center,
624
- "el-dialog--flex-row": n.flexRow,
625
- "el-dialog--flex-column": n.flexColumn
626
- },
627
- n.customClass
628
- ]),
629
- style: W(a.style)
630
- }, [
631
- F(" 头部 "),
632
- L("div", Me, [J(e.$slots, "title", {}, () => [L("span", Ne, X(n.title), 1)]), z(s, null, {
633
- default: $(() => [L("div", Pe, [
634
- J(e.$slots, "header-button"),
635
- n.showFullScreen ? (G(), P(o, {
636
- key: 0,
637
- disabled: !1,
638
- class: "header-button",
639
- type: "text",
640
- icon: i.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
641
- size: "medium",
642
- title: i.fullScreen ? "还原" : "最大化",
643
- onClick: a.toggleFullScreen
644
- }, null, 8, [
645
- "icon",
646
- "title",
647
- "onClick"
648
- ])) : F("v-if", !0),
649
- n.showClose ? (G(), P(o, {
650
- key: 1,
651
- disabled: !1,
652
- "aria-label": "Close",
653
- class: "header-button header-dialog-close",
654
- type: "text",
655
- title: "关闭",
656
- icon: "el-icon-close",
657
- size: "medium",
658
- onClick: a.handleClose
659
- }, null, 8, ["onClick"])) : F("v-if", !0)
660
- ])]),
661
- _: 3
662
- })]),
663
- F(" 内容 "),
664
- e.rendered ? (G(), I("div", {
665
- key: 0,
666
- class: "el-dialog__body",
667
- style: W({ height: i.fullScreen ? "100%" : n.height })
668
- }, [n.destroyOnClose ? (G(), I(j, { key: 0 }, [e.visible ? J(e.$slots, "default", { key: 0 }) : F("v-if", !0)], 64)) : J(e.$slots, "default", { key: 1 })], 4)) : F("v-if", !0),
669
- F(" 底部 "),
670
- a.shouldShowFooter() ? (G(), I("div", Fe, [J(e.$slots, "footer", { handleClose: a.handleClose })])) : F("v-if", !0)
671
- ], 14, je)])), [[oe, e.visible], [
672
- c,
673
- { onMove: a.updatePopper },
674
- i.fullScreen
675
- ]])]),
676
- _: 3
677
- }, 8, ["onAfterEnter", "onAfterLeave"]);
678
- }
679
- var Le = /* @__PURE__ */ a(Ae, [["render", Ie]]);
680
- //#endregion
681
- export { Le as t };