@aplus-frontend/ui 0.6.3 → 0.6.4

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.
@@ -1,10 +1,10 @@
1
- import { defineComponent as b, ref as d, createBlock as c, openBlock as p, unref as e, withCtx as o, createVNode as t, normalizeClass as i, createElementVNode as g, createElementBlock as F, Fragment as _, renderList as C, resolveDynamicComponent as B, createTextVNode as v, toDisplayString as y } from "vue";
2
- import { Popover as x, Tooltip as h, Button as f, Row as L, Col as N, Divider as S, Flex as w } from "@aplus-frontend/antdv";
3
- import { IconApFilterOutlined as D } from "@aplus-frontend/icon";
1
+ import { defineComponent as C, ref as d, createBlock as m, openBlock as i, unref as e, withCtx as o, createVNode as t, normalizeClass as s, createElementVNode as g, createElementBlock as F, Fragment as _, renderList as B, resolveDynamicComponent as x, createTextVNode as v, toDisplayString as y } from "vue";
2
+ import { Popover as h, Tooltip as L, Button as u, Row as N, Col as S, Divider as w, Flex as D } from "@aplus-frontend/antdv";
3
+ import { IconApFilterOutlined as P } from "@aplus-frontend/icon";
4
4
  import "../../../config-provider/index.mjs";
5
5
  import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
6
6
  import { useLocale as T } from "../../../config-provider/hooks/use-locale.mjs";
7
- const O = /* @__PURE__ */ b({
7
+ const U = /* @__PURE__ */ C({
8
8
  name: "ApFormSearchFormPopoverFilter",
9
9
  __name: "popover-filter",
10
10
  props: {
@@ -13,30 +13,34 @@ const O = /* @__PURE__ */ b({
13
13
  submitLoading: { type: Boolean }
14
14
  },
15
15
  setup(V) {
16
- const k = d(), { e: n, b: u } = R("ap-form-search-form"), { t: s } = T(), a = d(!1);
17
- return (m, l) => (p(), c(e(x), {
18
- open: a.value,
19
- "onUpdate:open": l[1] || (l[1] = (r) => a.value = r),
20
- "overlay-class-name": e(n)("popover"),
16
+ const k = d(), { e: a, b: f } = R("ap-form-search-form"), { t: c } = T(), l = d(!1);
17
+ function b(r) {
18
+ return (r == null ? void 0 : r.closest(".ant-form")) || document.body;
19
+ }
20
+ return (r, p) => (i(), m(e(h), {
21
+ open: l.value,
22
+ "onUpdate:open": p[1] || (p[1] = (n) => l.value = n),
23
+ "overlay-class-name": e(a)("popover"),
21
24
  trigger: "click",
22
25
  placement: "bottom",
23
26
  mask: "",
24
27
  "mask-style": { backgroundColor: "transparent" },
25
- "force-render": ""
28
+ "get-popup-container": b,
29
+ "force-render": !0
26
30
  }, {
27
31
  content: o(() => [
28
32
  g("div", {
29
- class: i([e(n)("popover-content")]),
33
+ class: s([e(a)("popover-content")]),
30
34
  style: { paddingBottom: "4px", width: "825px" }
31
35
  }, [
32
- t(e(L), { gutter: 8 }, {
36
+ t(e(N), { gutter: 8 }, {
33
37
  default: o(() => [
34
- (p(!0), F(_, null, C(m.config, (r) => (p(), c(e(N), {
35
- key: r.key,
38
+ (i(!0), F(_, null, B(r.config, (n) => (i(), m(e(S), {
39
+ key: n.key,
36
40
  span: 8
37
41
  }, {
38
42
  default: o(() => [
39
- (p(), c(B(r.node)))
43
+ (i(), m(x(n.node)))
40
44
  ]),
41
45
  _: 2
42
46
  }, 1024))), 128))
@@ -44,28 +48,28 @@ const O = /* @__PURE__ */ b({
44
48
  _: 1
45
49
  })
46
50
  ], 2),
47
- t(e(S), { style: { margin: "0" } }),
51
+ t(e(w), { style: { margin: "0" } }),
48
52
  g("div", {
49
- class: i(e(n)("popover-footer"))
53
+ class: s(e(a)("popover-footer"))
50
54
  }, [
51
- t(e(w), { justify: "end" }, {
55
+ t(e(D), { justify: "end" }, {
52
56
  default: o(() => [
53
- t(e(f), {
54
- onClick: l[0] || (l[0] = (r) => a.value = !1)
57
+ t(e(u), {
58
+ onClick: p[0] || (p[0] = (n) => l.value = !1)
55
59
  }, {
56
60
  default: o(() => [
57
- v(y(e(s)("ap.common.cancelText")), 1)
61
+ v(y(e(c)("ap.common.cancelText")), 1)
58
62
  ]),
59
63
  _: 1
60
64
  }),
61
- t(e(f), {
62
- class: i(e(n)("popover-footer-confirm-btn")),
65
+ t(e(u), {
66
+ class: s(e(a)("popover-footer-confirm-btn")),
63
67
  type: "primary",
64
- loading: m.submitLoading,
65
- onClick: m.onSubmit
68
+ loading: r.submitLoading,
69
+ onClick: r.onSubmit
66
70
  }, {
67
71
  default: o(() => [
68
- v(y(e(s)("ap.apForm.search.search")), 1)
72
+ v(y(e(c)("ap.apForm.search.search")), 1)
69
73
  ]),
70
74
  _: 1
71
75
  }, 8, ["class", "loading", "onClick"])
@@ -75,18 +79,18 @@ const O = /* @__PURE__ */ b({
75
79
  ], 2)
76
80
  ]),
77
81
  default: o(() => [
78
- t(e(h), {
79
- title: e(s)("ap.apForm.search.moreFilter"),
82
+ t(e(L), {
83
+ title: e(c)("ap.apForm.search.moreFilter"),
80
84
  placement: "top"
81
85
  }, {
82
86
  default: o(() => [
83
- t(e(f), {
87
+ t(e(u), {
84
88
  ref_key: "triggerBtnRef",
85
89
  ref: k,
86
- class: i([e(u)("trigger-btn"), { [e(u)("trigger-btn-active")]: a.value }])
90
+ class: s([e(f)("trigger-btn"), { [e(f)("trigger-btn-active")]: l.value }])
87
91
  }, {
88
92
  icon: o(() => [
89
- t(e(D), { size: 14 })
93
+ t(e(P), { size: 14 })
90
94
  ]),
91
95
  _: 1
92
96
  }, 8, ["class"])
@@ -99,5 +103,5 @@ const O = /* @__PURE__ */ b({
99
103
  }
100
104
  });
101
105
  export {
102
- O as default
106
+ U as default
103
107
  };
@@ -1,2 +1,2 @@
1
- declare const _default: "0.6.3";
1
+ declare const _default: "0.6.4";
2
2
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = "0.6.3";
1
+ const e = "0.6.4";
2
2
  export {
3
3
  e as default
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),u=require("@aplus-frontend/icon");require("../../../config-provider/index.js");const p=require("../../../config-provider/hooks/use-namespace.js"),f=require("../../../config-provider/hooks/use-locale.js"),d=e.defineComponent({name:"ApFormSearchFormPopoverFilter",__name:"popover-filter",props:{config:{},onSubmit:{type:Function},submitLoading:{type:Boolean}},setup(m){const s=e.ref(),{e:r,b:c}=p.useNamespace("ap-form-search-form"),{t:l}=f.useLocale(),n=e.ref(!1);return(i,a)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:n.value,"onUpdate:open":a[1]||(a[1]=o=>n.value=o),"overlay-class-name":e.unref(r)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"force-render":""},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("popover-content")]),style:{paddingBottom:"4px",width:"825px"}},[e.createVNode(e.unref(t.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.config,o=>(e.openBlock(),e.createBlock(e.unref(t.Col),{key:o.key,span:8},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.node)))]),_:2},1024))),128))]),_:1})],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:a[0]||(a[0]=o=>n.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(r)("popover-footer-confirm-btn")),type:"primary",loading:i.submitLoading,onClick:i.onSubmit},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("ap.apForm.search.search")),1)]),_:1},8,["class","loading","onClick"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(l)("ap.apForm.search.moreFilter"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{ref_key:"triggerBtnRef",ref:s,class:e.normalizeClass([e.unref(c)("trigger-btn"),{[e.unref(c)("trigger-btn-active")]:n.value}])},{icon:e.withCtx(()=>[e.createVNode(e.unref(u.IconApFilterOutlined),{size:14})]),_:1},8,["class"])]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=d;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),p=require("@aplus-frontend/icon");require("../../../config-provider/index.js");const f=require("../../../config-provider/hooks/use-namespace.js"),d=require("../../../config-provider/hooks/use-locale.js"),m=e.defineComponent({name:"ApFormSearchFormPopoverFilter",__name:"popover-filter",props:{config:{},onSubmit:{type:Function},submitLoading:{type:Boolean}},setup(g){const u=e.ref(),{e:n,b:c}=f.useNamespace("ap-form-search-form"),{t:i}=d.useLocale(),a=e.ref(!1);function s(r){return(r==null?void 0:r.closest(".ant-form"))||document.body}return(r,l)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:a.value,"onUpdate:open":l[1]||(l[1]=o=>a.value=o),"overlay-class-name":e.unref(n)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"get-popup-container":s,"force-render":!0},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n)("popover-content")]),style:{paddingBottom:"4px",width:"825px"}},[e.createVNode(e.unref(t.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.config,o=>(e.openBlock(),e.createBlock(e.unref(t.Col),{key:o.key,span:8},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.node)))]),_:2},1024))),128))]),_:1})],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:l[0]||(l[0]=o=>a.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(n)("popover-footer-confirm-btn")),type:"primary",loading:r.submitLoading,onClick:r.onSubmit},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("ap.apForm.search.search")),1)]),_:1},8,["class","loading","onClick"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(i)("ap.apForm.search.moreFilter"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{ref_key:"triggerBtnRef",ref:u,class:e.normalizeClass([e.unref(c)("trigger-btn"),{[e.unref(c)("trigger-btn-active")]:a.value}])},{icon:e.withCtx(()=>[e.createVNode(e.unref(p.IconApFilterOutlined),{size:14})]),_:1},8,["class"])]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=m;
@@ -1,2 +1,2 @@
1
- declare const _default: "0.6.3";
1
+ declare const _default: "0.6.4";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.3";exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.4";exports.default=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.6.3",
3
+ "version": "0.6.4",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -87,6 +87,10 @@
87
87
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
88
88
  padding-right: 4px;
89
89
  }
90
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
91
+ flex: 1 1 0;
92
+ min-width: 0;
93
+ }
90
94
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
91
95
  padding-right: 12px;
92
96
  height: 30px;
@@ -57,6 +57,10 @@
57
57
  padding-right: @spacing-xs;
58
58
  }
59
59
  }
60
+ div.ant-form-item-control {
61
+ flex: 1 1 0;
62
+ min-width: 0;
63
+ }
60
64
  .ant-form-item-label > label {
61
65
  padding-right: @spacing-lg;
62
66
  height: 30px;
@@ -96,6 +96,10 @@
96
96
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
97
97
  padding-right: 4px;
98
98
  }
99
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
100
+ flex: 1 1 0;
101
+ min-width: 0;
102
+ }
99
103
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
100
104
  padding-right: 12px;
101
105
  height: 30px;
@@ -87,6 +87,10 @@
87
87
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
88
88
  padding-right: 4px;
89
89
  }
90
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
91
+ flex: 1 1 0;
92
+ min-width: 0;
93
+ }
90
94
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
91
95
  padding-right: 12px;
92
96
  height: 30px;
@@ -96,6 +96,10 @@
96
96
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
97
97
  padding-right: 4px;
98
98
  }
99
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
100
+ flex: 1 1 0;
101
+ min-width: 0;
102
+ }
99
103
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
100
104
  padding-right: 12px;
101
105
  height: 30px;
@@ -289,6 +289,10 @@
289
289
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
290
290
  padding-right: 4px;
291
291
  }
292
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
293
+ flex: 1 1 0;
294
+ min-width: 0;
295
+ }
292
296
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
293
297
  padding-right: 12px;
294
298
  height: 30px;
@@ -289,6 +289,10 @@
289
289
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
290
290
  padding-right: 4px;
291
291
  }
292
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
293
+ flex: 1 1 0;
294
+ min-width: 0;
295
+ }
292
296
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
293
297
  padding-right: 12px;
294
298
  height: 30px;
@@ -96,6 +96,10 @@
96
96
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
97
97
  padding-right: 4px;
98
98
  }
99
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
100
+ flex: 1 1 0;
101
+ min-width: 0;
102
+ }
99
103
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
100
104
  padding-right: 12px;
101
105
  height: 30px;
package/theme/index.css CHANGED
@@ -1115,6 +1115,10 @@
1115
1115
  .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
1116
1116
  padding-right: 4px;
1117
1117
  }
1118
+ .aplus-ap-form-item--bordered div.ant-form-item-control {
1119
+ flex: 1 1 0;
1120
+ min-width: 0;
1121
+ }
1118
1122
  .aplus-ap-form-item--bordered .ant-form-item-label > label {
1119
1123
  padding-right: 12px;
1120
1124
  height: 30px;