@farris/ui-vue 1.0.0-beta.4 → 1.0.0-beta.6
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/accordion/index.esm.js +2 -2
- package/accordion/package.json +1 -1
- package/avatar/index.esm.js +28 -1
- package/avatar/package.json +1 -1
- package/button/index.esm.js +111 -52
- package/button/index.umd.js +1 -1
- package/button/package.json +1 -1
- package/button-edit/index.esm.js +58 -4
- package/button-edit/index.umd.js +1 -1
- package/button-edit/package.json +1 -1
- package/checkbox/index.esm.js +38 -1
- package/checkbox/package.json +1 -1
- package/combo-list/index.esm.js +125 -5
- package/combo-list/package.json +1 -1
- package/data-grid/index.esm.js +235 -143
- package/data-grid/index.umd.js +1 -1
- package/data-grid/package.json +1 -1
- package/date-picker/index.esm.js +70 -13
- package/date-picker/index.umd.js +1 -1
- package/date-picker/package.json +1 -1
- package/farris.all.esm.js +1054 -534
- package/farris.all.umd.js +1 -1
- package/list-view/index.esm.js +3 -3
- package/list-view/index.umd.js +1 -1
- package/list-view/package.json +1 -1
- package/message-box/index.esm.js +35 -35
- package/message-box/index.umd.js +1 -1
- package/message-box/package.json +1 -1
- package/modal/index.esm.js +3 -3
- package/modal/index.umd.js +1 -1
- package/modal/package.json +1 -1
- package/notify/index.esm.js +2 -2
- package/notify/package.json +1 -1
- package/package.json +3 -2
- package/pagination/index.esm.js +4 -4
- package/pagination/index.umd.js +1 -1
- package/pagination/package.json +1 -1
- package/popover/index.esm.js +1 -1
- package/popover/package.json +1 -1
- package/radio-group/index.esm.js +28 -1
- package/radio-group/package.json +1 -1
- package/section/index.esm.js +1 -1
- package/section/package.json +1 -1
- package/style.css +11 -1
- package/switch/index.esm.js +4 -1
- package/switch/package.json +1 -1
- package/tabs/index.esm.js +6 -5
- package/tabs/index.umd.js +1 -1
- package/tabs/package.json +1 -1
- package/text/index.esm.js +4 -1
- package/text/package.json +1 -1
- package/tooltip/index.esm.js +1 -1
- package/tooltip/package.json +1 -1
- package/types/accordion/src/accordion.component.d.ts +4 -2
- package/types/accordion/src/components/accordion-item.component.d.ts +4 -2
- package/types/avatar/src/avatar.component.d.ts +4 -2
- package/types/button/index.d.ts +2 -1
- package/types/button/src/button-group.component.d.ts +4 -2
- package/types/button/src/button.component.d.ts +4 -2
- package/types/button-edit/src/button-edit.component.d.ts +141 -0
- package/types/checkbox/src/checkbox-group.component.d.ts +4 -2
- package/types/combo-list/src/combo-list.component.d.ts +232 -0
- package/types/combo-list/src/components/option.component.d.ts +4 -2
- package/types/combo-list/src/components/options.component.d.ts +4 -2
- package/types/combo-list/src/components/panel.component.d.ts +25 -0
- package/types/data-grid/src/components/editors/date-picker.component.d.ts +15 -0
- package/types/date-picker/src/components/calendar/calendar.component.d.ts +4 -2
- package/types/date-picker/src/components/calendar-navbar/calendar-navbar.component.d.ts +4 -2
- package/types/date-picker/src/components/date-picker-container/date-picker-container.component.d.ts +4 -2
- package/types/date-picker/src/components/month/month.component.d.ts +4 -2
- package/types/date-picker/src/components/year/year.component.d.ts +4 -2
- package/types/date-picker/src/date-picker.component.d.ts +336 -0
- package/types/list-view/src/components/list-view-checkbox.component.d.ts +4 -2
- package/types/list-view/src/list-view.component.d.ts +60 -0
- package/types/message-box/src/message-box.component.d.ts +4 -2
- package/types/message-box/src/message-box.service.d.ts +20 -0
- package/types/modal/src/modal.component.d.ts +4 -2
- package/types/notify/src/components/toast.component.d.ts +4 -2
- package/types/notify/src/notify.component.d.ts +130 -0
- package/types/notify/src/notify.service.d.ts +4 -0
- package/types/number-range/src/number-range.component.d.ts +4 -2
- package/types/number-spinner/src/number-spinner.component.d.ts +4 -2
- package/types/overlay/src/overlay.component.d.ts +4 -2
- package/types/pagination/src/pagination.components.d.ts +4 -2
- package/types/popover/src/popover.component.d.ts +4 -2
- package/types/radio-group/src/radio-group.component.d.ts +4 -2
- package/types/section/src/section.component.d.ts +4 -2
- package/types/switch/src/switch.component.d.ts +4 -2
- package/types/tabs/src/components/tab-page.component.d.ts +4 -2
- package/types/tabs/src/tabs.component.d.ts +4 -2
- package/types/text/src/text.component.d.ts +4 -2
- package/types/tooltip/src/composition/use-adjust-position.d.ts +15 -0
- package/types/tooltip/src/tooltip.component.d.ts +4 -2
- package/types/tooltip/src/tooltip.directive.d.ts +5 -0
package/list-view/index.esm.js
CHANGED
|
@@ -7,7 +7,7 @@ const $ = {
|
|
|
7
7
|
checked: { Type: Boolean, default: !1 },
|
|
8
8
|
id: { Type: String, default: "" },
|
|
9
9
|
disabled: { Type: Boolean, default: !1 }
|
|
10
|
-
}, x = V({
|
|
10
|
+
}, x = /* @__PURE__ */ V({
|
|
11
11
|
name: "FListViewCheckBox",
|
|
12
12
|
props: q,
|
|
13
13
|
emits: ["change"],
|
|
@@ -32,13 +32,13 @@ const $ = {
|
|
|
32
32
|
}, null)]);
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
-
const y = V({
|
|
35
|
+
const y = /* @__PURE__ */ V({
|
|
36
36
|
name: "FListView",
|
|
37
37
|
props: $,
|
|
38
38
|
emits: ["checkValuesChange", "clickItem", "selectChange"],
|
|
39
39
|
setup(i, l) {
|
|
40
40
|
return () => {
|
|
41
|
-
const o = s(i.multiSelect), p = s(i.cardView), k = s(""), w = s(!0), n = s({}), S = s("
|
|
41
|
+
const o = s(i.multiSelect), p = s(i.cardView), k = s(""), w = s(!0), n = s({}), S = s("暂无数据"), L = s(!0), B = s(!1), D = [], b = s("id");
|
|
42
42
|
let u = [];
|
|
43
43
|
const m = s(i.data), P = s(i.data), O = v(() => ({
|
|
44
44
|
"f-list-view": !0,
|
package/list-view/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["list-view"]={},o.Vue))})(this,function(o,e){"use strict";const b={data:{type:Array,default:[]},multiSelect:{Type:Boolean,default:!1},cardView:{Type:Boolean,default:!1}},g={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1}},N=e.defineComponent({name:"FListViewCheckBox",props:g,emits:["change"],setup(a,s){const i=e.ref(a.checked),h=e.ref(a.disabled),k=e.ref(a.id);function w(n){n.stopPropagation(),i.value=!i.value,h.value||s.emit("change",{originalEvent:n,checked:!i.value})}return()=>e.createVNode("div",{class:"custom-control custom-checkbox custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{title:k.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":n=>i.value=n},null),[[e.vModelCheckbox,i.value]]),e.createVNode("label",{class:"custom-control-label",onClick:n=>w(n)},null)])}}),U="",V=e.defineComponent({name:"FListView",props:b,emits:["checkValuesChange","clickItem","selectChange"],setup(a,s){return()=>{const i=e.ref(a.multiSelect),h=e.ref(a.cardView),k=e.ref(""),w=e.ref(!0),n=e.ref({}),L=e.ref("
|
|
1
|
+
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["list-view"]={},o.Vue))})(this,function(o,e){"use strict";const b={data:{type:Array,default:[]},multiSelect:{Type:Boolean,default:!1},cardView:{Type:Boolean,default:!1}},g={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1}},N=e.defineComponent({name:"FListViewCheckBox",props:g,emits:["change"],setup(a,s){const i=e.ref(a.checked),h=e.ref(a.disabled),k=e.ref(a.id);function w(n){n.stopPropagation(),i.value=!i.value,h.value||s.emit("change",{originalEvent:n,checked:!i.value})}return()=>e.createVNode("div",{class:"custom-control custom-checkbox custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{title:k.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":n=>i.value=n},null),[[e.vModelCheckbox,i.value]]),e.createVNode("label",{class:"custom-control-label",onClick:n=>w(n)},null)])}}),U="",V=e.defineComponent({name:"FListView",props:b,emits:["checkValuesChange","clickItem","selectChange"],setup(a,s){return()=>{const i=e.ref(a.multiSelect),h=e.ref(a.cardView),k=e.ref(""),w=e.ref(!0),n=e.ref({}),L=e.ref("暂无数据"),P=e.ref(!0),T=e.ref(!1),j=[],y=e.ref("id");let r=[];const m=e.ref(a.data),B=e.ref(a.data),D=e.computed(()=>({"f-list-view":!0,"f-list-view-multiple":i.value})),O=e.computed(()=>({"f-list-view-group":!0,"d-flex":h.value,"flex-wrap":h.value})),M=e.computed(()=>!!m.value&&m.value.length>0);function A(t){return!1}const F=t=>{const l={"f-list-view-group-item":!0,"f-un-click":!!t.unClick,"f-un-select":!!t.selectDisable,"f-listview-active":A()};return k.value.split(" ").reduce((d,C)=>(d[C]=!0,d),l),l},I=e.computed(()=>m.value.length===0),G=e.computed(()=>I.value&&!s.slots.empty),E=e.computed(()=>!!s.slots.footer||w.value);function f(t,l){return""}function _(t){s.emit("checkValuesChange",t)}function v(t,l,c,d=!1){const C=typeof event=="boolean";if(!(l.unClick||l.selectDisable)){if(s.emit("selectChange",{listdata:l,index:c}),i.value)if(l.checked){if(!P.value||C){const p=r.findIndex((u,K)=>f()===f());r.splice(p,1),l.checked=!1}}else r.find((u,K)=>f()===f())||(r.unshift(l),l.checked=!0);else r=[],r.push(l);if(d||(n.value=l),s.emit("clickItem",{data:r,index:c,checkChangeEvent:d}),i.value){let p=B.value.filter(u=>!!u.checked).map(u=>u[y.value]);T.value&&(p=j.map(u=>u[y.value])),_(p)}}}function q(t,l,c){const d=t.checked;v(d,l,c,!0)}return e.createVNode("div",{class:D.value},[s.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[s.slots.header()]),e.createVNode("div",{class:"f-list-view-content"},[e.createVNode("ul",{class:O.value,style:"list-style: none;"},[M.value&&m.value.map((t,l)=>e.createVNode("li",{class:F(t),id:f(),onClick:c=>v(c,t,l)},[i.value&&e.createVNode("div",{class:"f-list-select",onClick:c=>c.stopPropagation()},[e.createVNode(N,{id:"list-"+f(),disabled:t.selectDisable||t.unClick,checked:t.checked,onChange:c=>q(c,t,l)},null)]),e.createVNode("div",{class:"f-list-content"},[s.slots.content&&s.slots.content({item:t,index:l,selectedItem:n})])])),G.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[L.value])]),s.slots.empty&&s.slots.empty()])]),E.value&&e.createVNode("div",{class:"f-list-view-footer"},[s.slots.footer&&s.slots.footer()])])}}}),S={install(a){a.component(V.name,V)}};o.ListView=V,o.default=S,o.listViewProps=b,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/list-view/package.json
CHANGED
package/message-box/index.esm.js
CHANGED
|
@@ -3,8 +3,8 @@ const fe = {
|
|
|
3
3
|
type: { Type: String, default: "info" },
|
|
4
4
|
title: { Type: String, default: "" },
|
|
5
5
|
detail: { Type: String, default: "" },
|
|
6
|
-
okButtonText: { Type: String, default: "
|
|
7
|
-
cancelButtonText: { Type: String, default: "
|
|
6
|
+
okButtonText: { Type: String, default: "确定" },
|
|
7
|
+
cancelButtonText: { Type: String, default: "取消" },
|
|
8
8
|
exceptionInfo: { Type: Object, default: { date: "", message: "", detail: "" } }
|
|
9
9
|
};
|
|
10
10
|
function K() {
|
|
@@ -46,7 +46,7 @@ function be(l, n) {
|
|
|
46
46
|
}
|
|
47
47
|
return { onCopy: a };
|
|
48
48
|
}
|
|
49
|
-
const J = Z({
|
|
49
|
+
const J = /* @__PURE__ */ Z({
|
|
50
50
|
name: "FMessageBox",
|
|
51
51
|
props: fe,
|
|
52
52
|
emits: ["accept", "reject", "close"],
|
|
@@ -55,7 +55,7 @@ const J = Z({
|
|
|
55
55
|
t("");
|
|
56
56
|
const B = t(14), p = t(140);
|
|
57
57
|
t(""), t("");
|
|
58
|
-
const h = t(!1), x = t(""), S = t(i.value.length), m = t([]), T = t(l.okButtonText), b = t(l.cancelButtonText),
|
|
58
|
+
const h = t(!1), x = t(""), S = t(i.value.length), m = t([]), T = t(l.okButtonText), b = t(l.cancelButtonText), $ = t(!0), A = t(!0), H = t(!0), j = t("复制详细信息"), w = t(3), z = t(480), C = s(() => {
|
|
59
59
|
const o = {
|
|
60
60
|
"modal-tips": !0,
|
|
61
61
|
"d-flex": !0,
|
|
@@ -65,13 +65,13 @@ const J = Z({
|
|
|
65
65
|
}), M = s(() => {
|
|
66
66
|
const o = {};
|
|
67
67
|
return a.value === "prompt" ? o.padding = "0.5rem 0.5rem 1rem 1.5rem" : a.value === "error" && (o.padding = "0.5rem 1.5rem 1rem 1.5rem"), o;
|
|
68
|
-
}),
|
|
68
|
+
}), V = s(() => {
|
|
69
69
|
const o = {
|
|
70
70
|
"f-icon": !0
|
|
71
71
|
}, v = `f-icon-${a.value}`;
|
|
72
72
|
return o[v] = !0, o;
|
|
73
|
-
}),
|
|
74
|
-
const o = `${
|
|
73
|
+
}), D = s(() => c.value || r.value && r.value.message), O = s(() => i.value), I = s(() => !!i.value), R = s(() => !!r.value), N = s(() => !!r.value && !!r.value.date), q = s(() => `发生时间 : ${r.value && r.value.date || ""}`), L = s(() => !!r.value && !!r.value.detail), _ = s(() => {
|
|
74
|
+
const o = `${z.value}px`;
|
|
75
75
|
return {
|
|
76
76
|
overflow: "hidden",
|
|
77
77
|
"text-overflow": "ellipsis",
|
|
@@ -80,7 +80,7 @@ const J = Z({
|
|
|
80
80
|
"-webkit-line-clamp": w.value,
|
|
81
81
|
"max-height": o
|
|
82
82
|
};
|
|
83
|
-
}), F = s(() => r.value && r.value.detail || ""), P = s(() => !0), y = t(!1), U = t("
|
|
83
|
+
}), F = s(() => r.value && r.value.detail || ""), P = s(() => !0), y = t(!1), U = t("展开"), W = t("收起"), G = s(() => {
|
|
84
84
|
const o = {
|
|
85
85
|
display: "block",
|
|
86
86
|
color: "#2A87FF"
|
|
@@ -108,8 +108,8 @@ const J = Z({
|
|
|
108
108
|
}
|
|
109
109
|
s(() => h.value && p.value);
|
|
110
110
|
const te = s(() => !(m.value && m.value.length) && (T.value || b.value));
|
|
111
|
-
s(() => a.value === "prompt" &&
|
|
112
|
-
const ae = s(() =>
|
|
111
|
+
s(() => a.value === "prompt" && $.value);
|
|
112
|
+
const ae = s(() => A.value && b.value), le = s(() => H.value && T.value);
|
|
113
113
|
function oe(o) {
|
|
114
114
|
a.value === "question" && n.emit("reject"), n.emit("close");
|
|
115
115
|
}
|
|
@@ -118,10 +118,10 @@ const J = Z({
|
|
|
118
118
|
}
|
|
119
119
|
const ne = s(() => !!(m.value && m.value.length)), Q = s(() => r.value && r.value.date && r.value.message && r.value.detail), {
|
|
120
120
|
onCopy: ce
|
|
121
|
-
} = be(), X = t("
|
|
121
|
+
} = be(), X = t("复制成功"), E = t(!1);
|
|
122
122
|
function Y(o) {
|
|
123
123
|
ce(F.value).catch((v) => {
|
|
124
|
-
X.value = "
|
|
124
|
+
X.value = "复制失败";
|
|
125
125
|
}).finally(() => {
|
|
126
126
|
E.value = !0, setTimeout(() => {
|
|
127
127
|
E.value = !1;
|
|
@@ -155,12 +155,12 @@ const J = Z({
|
|
|
155
155
|
}, [e("div", {
|
|
156
156
|
class: "float-left modal-tips-iconwrap"
|
|
157
157
|
}, [e("span", {
|
|
158
|
-
class:
|
|
158
|
+
class: V.value
|
|
159
159
|
}, null)]), e("div", {
|
|
160
160
|
class: "modal-tips-content"
|
|
161
161
|
}, [e("p", {
|
|
162
162
|
class: "toast-msg-title",
|
|
163
|
-
innerHTML:
|
|
163
|
+
innerHTML: D.value
|
|
164
164
|
}, null), I.value && e("p", {
|
|
165
165
|
class: "toast-msg-detail",
|
|
166
166
|
innerHTML: O.value
|
|
@@ -170,7 +170,7 @@ const J = Z({
|
|
|
170
170
|
id: "exception_error_msg",
|
|
171
171
|
ref: "exceptionMessageRef",
|
|
172
172
|
style: _.value
|
|
173
|
-
}, [re("
|
|
173
|
+
}, [re("详细信息 : "), e("span", {
|
|
174
174
|
innerHTML: F.value
|
|
175
175
|
}, null)]), P.value && e("span", {
|
|
176
176
|
style: G.value
|
|
@@ -241,32 +241,32 @@ const J = Z({
|
|
|
241
241
|
modelValue: { type: Boolean, default: !1 },
|
|
242
242
|
showHeader: { type: Boolean, default: !0 },
|
|
243
243
|
showButtons: { type: Boolean, default: !0 }
|
|
244
|
-
}, Ce = Z({
|
|
244
|
+
}, Ce = /* @__PURE__ */ Z({
|
|
245
245
|
name: "FModal",
|
|
246
246
|
props: we,
|
|
247
247
|
emits: ["update:modelValue"],
|
|
248
248
|
setup(l, n) {
|
|
249
|
-
const a = t(l.width), c = t(l.height), i = t(l.modelValue), r = t(""), B = t(l.class), p = t(!0), h = t(l.showHeader), x = t(""), S = t(!0), m = t(!1), T = t(!1), b = t(""),
|
|
249
|
+
const a = t(l.width), c = t(l.height), i = t(l.modelValue), r = t(""), B = t(l.class), p = t(!0), h = t(l.showHeader), x = t(""), S = t(!0), m = t(!1), T = t(!1), b = t(""), $ = t(""), A = t(""), H = t(l.showButtons), j = t(l.title);
|
|
250
250
|
function w(u, f) {
|
|
251
251
|
i.value = !1, n.emit("update:modelValue", !1);
|
|
252
252
|
}
|
|
253
|
-
const
|
|
254
|
-
text: "
|
|
253
|
+
const z = [{
|
|
254
|
+
text: "取消",
|
|
255
255
|
class: "btn btn-light",
|
|
256
256
|
handle: (u) => {
|
|
257
257
|
w();
|
|
258
258
|
}
|
|
259
259
|
}, {
|
|
260
|
-
text: "
|
|
260
|
+
text: "确定",
|
|
261
261
|
class: "btn btn-primary",
|
|
262
262
|
handle: (u) => {
|
|
263
263
|
w();
|
|
264
264
|
}
|
|
265
|
-
}], C = t(l.buttons && l.buttons.length ? l.buttons :
|
|
265
|
+
}], C = t(l.buttons && l.buttons.length ? l.buttons : z), M = s(() => !!x.value), V = s(() => !!H.value && !!C.value);
|
|
266
266
|
t(), t(), de(() => l.modelValue, () => {
|
|
267
267
|
i.value = l.modelValue;
|
|
268
268
|
});
|
|
269
|
-
const
|
|
269
|
+
const D = t(!1), O = s(() => i.value), I = s(() => {
|
|
270
270
|
const u = {
|
|
271
271
|
modal: !0,
|
|
272
272
|
"farris-modal": !0
|
|
@@ -295,7 +295,7 @@ const J = Z({
|
|
|
295
295
|
})), F = s(() => ({
|
|
296
296
|
"f-icon": !0,
|
|
297
297
|
modal_maximize: !0,
|
|
298
|
-
modalrevert:
|
|
298
|
+
modalrevert: D.value
|
|
299
299
|
})), P = s(() => ({
|
|
300
300
|
height: "10px",
|
|
301
301
|
"z-index": 1,
|
|
@@ -309,7 +309,7 @@ const J = Z({
|
|
|
309
309
|
}
|
|
310
310
|
const W = s(() => {
|
|
311
311
|
const u = {
|
|
312
|
-
textAlgin:
|
|
312
|
+
textAlgin: A.value
|
|
313
313
|
}, f = U();
|
|
314
314
|
return Object.assign(u, f);
|
|
315
315
|
});
|
|
@@ -367,8 +367,8 @@ const J = Z({
|
|
|
367
367
|
class: "f-utils-fill",
|
|
368
368
|
width: "100%",
|
|
369
369
|
frameborder: "0",
|
|
370
|
-
src:
|
|
371
|
-
}, null)]),
|
|
370
|
+
src: $.value
|
|
371
|
+
}, null)]), V.value && e("div", {
|
|
372
372
|
class: "modal-footer",
|
|
373
373
|
style: W.value
|
|
374
374
|
}, [C.value && C.value.map((d) => e("button", {
|
|
@@ -392,7 +392,7 @@ function Be(l, n) {
|
|
|
392
392
|
me(() => {
|
|
393
393
|
document.body.removeChild(a);
|
|
394
394
|
});
|
|
395
|
-
const i = t(!0), r = l.type === "error" || l.type === "prompt", B = l.type === "error" ? "
|
|
395
|
+
const i = t(!0), r = l.type === "error" || l.type === "prompt", B = l.type === "error" ? "错误提示" : l.type === "prompt" ? l.title : "", p = l.acceptCallback || (() => {
|
|
396
396
|
}), h = l.rejectCallback || (() => {
|
|
397
397
|
});
|
|
398
398
|
return () => e(Ce, {
|
|
@@ -425,7 +425,7 @@ class Te {
|
|
|
425
425
|
type: "info",
|
|
426
426
|
title: n,
|
|
427
427
|
detail: a,
|
|
428
|
-
okButtonText: "
|
|
428
|
+
okButtonText: "知道了",
|
|
429
429
|
cancelButtonText: ""
|
|
430
430
|
});
|
|
431
431
|
this.show(c);
|
|
@@ -435,7 +435,7 @@ class Te {
|
|
|
435
435
|
type: "warning",
|
|
436
436
|
title: n,
|
|
437
437
|
detail: a,
|
|
438
|
-
okButtonText: "
|
|
438
|
+
okButtonText: "知道了",
|
|
439
439
|
cancelButtonText: ""
|
|
440
440
|
});
|
|
441
441
|
this.show(c);
|
|
@@ -445,7 +445,7 @@ class Te {
|
|
|
445
445
|
type: "success",
|
|
446
446
|
title: n,
|
|
447
447
|
detail: a,
|
|
448
|
-
okButtonText: "
|
|
448
|
+
okButtonText: "关闭",
|
|
449
449
|
cancelButtonText: ""
|
|
450
450
|
});
|
|
451
451
|
this.show(c);
|
|
@@ -453,7 +453,7 @@ class Te {
|
|
|
453
453
|
static error(n, a, c) {
|
|
454
454
|
const i = g({
|
|
455
455
|
type: "error",
|
|
456
|
-
okButtonText: "
|
|
456
|
+
okButtonText: "关闭",
|
|
457
457
|
cancelButtonText: "",
|
|
458
458
|
exceptionInfo: {
|
|
459
459
|
date: c,
|
|
@@ -468,8 +468,8 @@ class Te {
|
|
|
468
468
|
type: "prompt",
|
|
469
469
|
title: n,
|
|
470
470
|
detail: a,
|
|
471
|
-
okButtonText: "
|
|
472
|
-
cancelButtonText: "
|
|
471
|
+
okButtonText: "确定",
|
|
472
|
+
cancelButtonText: "取消"
|
|
473
473
|
});
|
|
474
474
|
this.show(c);
|
|
475
475
|
}
|
|
@@ -478,8 +478,8 @@ class Te {
|
|
|
478
478
|
type: "question",
|
|
479
479
|
title: n,
|
|
480
480
|
detail: a,
|
|
481
|
-
okButtonText: "
|
|
482
|
-
cancelButtonText: "
|
|
481
|
+
okButtonText: "确定",
|
|
482
|
+
cancelButtonText: "取消",
|
|
483
483
|
acceptCallback: c,
|
|
484
484
|
rejectCallback: i
|
|
485
485
|
});
|
package/message-box/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["message-box"]={},d.Vue))})(this,function(d,e){"use strict";const J={type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"\u786E\u5B9A"},cancelButtonText:{Type:String,default:"\u53D6\u6D88"},exceptionInfo:{Type:Object,default:{date:"",message:"",detail:""}}};function O(){return new DOMException("The request is not allowed","NotAllowedError")}async function Z(o){if(!navigator.clipboard)throw O();return navigator.clipboard.writeText(o)}async function ee(o){const l=document.createElement("span");l.textContent=o,l.style.whiteSpace="pre",l.style.webkitUserSelect="auto",l.style.userSelect="all",document.body.appendChild(l);const t=window.getSelection(),n=window.document.createRange();t==null||t.removeAllRanges(),n.selectNode(l),t==null||t.addRange(n);let r=!1;try{r=window.document.execCommand("copy")}finally{t==null||t.removeAllRanges(),window.document.body.removeChild(l)}if(!r)throw O()}async function te(o){try{await Z(o)}catch(l){try{await ee(o)}catch(t){throw t||l||O()}}}function oe(o,l){async function t(n){await te(n)}return{onCopy:t}}const B=e.defineComponent({name:"FMessageBox",props:J,emits:["accept","reject","close"],setup(o,l){const t=e.ref(o.type),n=e.ref(o.title),r=e.ref(o.detail),c=e.ref(o.exceptionInfo);e.ref("");const C=e.ref(14),u=e.ref(140);e.ref(""),e.ref("");const h=e.ref(!1),g=e.ref(""),T=e.ref(r.value.length),m=e.ref([]),V=e.ref(o.okButtonText),x=e.ref(o.cancelButtonText),F=e.ref(!0),E=e.ref(!0),A=e.ref(!0),k=e.ref("\u590D\u5236\u8BE6\u7EC6\u4FE1\u606F"),b=e.ref(3),$=e.ref(480),w=e.computed(()=>{const a={"modal-tips":!0,"d-flex":!0,"flex-row":!0},p=`messager-type-${t.value}`;return a[p]=!0,a}),v=e.computed(()=>{const a={};return t.value==="prompt"?a.padding="0.5rem 0.5rem 1rem 1.5rem":t.value==="error"&&(a.padding="0.5rem 1.5rem 1rem 1.5rem"),a}),H=e.computed(()=>{const a={"f-icon":!0},p=`f-icon-${t.value}`;return a[p]=!0,a}),D=e.computed(()=>n.value||c.value&&c.value.message),S=e.computed(()=>r.value),z=e.computed(()=>!!r.value),I=e.computed(()=>!!c.value),R=e.computed(()=>!!c.value&&!!c.value.date),_=e.computed(()=>`\u53D1\u751F\u65F6\u95F4 : ${c.value&&c.value.date||""}`),q=e.computed(()=>!!c.value&&!!c.value.detail),L=e.computed(()=>{const a=`${$.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":b.value,"max-height":a}}),M=e.computed(()=>c.value&&c.value.detail||""),P=e.computed(()=>!0),f=e.ref(!1),U=e.ref("\u5C55\u5F00"),W=e.ref("\u6536\u8D77"),G=e.computed(()=>{const a={display:"block",color:"#2A87FF"};return a["text-align"]=f.value?"":"right",a});function s(a,p){f.value=!f.value,b.value=f.value?20:3}function y(a){return s()}function i(a){return s()}const N=e.computed(()=>({"font-size":`${C.value}px`,height:"100%"}));function ce(a){if(a.currentTarget){const p=a.currentTarget.value||"";T.value=p.length}}e.computed(()=>h.value&&u.value);const re=e.computed(()=>!(m.value&&m.value.length)&&(V.value||x.value));e.computed(()=>t.value==="prompt"&&F.value);const ie=e.computed(()=>E.value&&x.value),de=e.computed(()=>A.value&&V.value);function ue(a){t.value==="question"&&l.emit("reject"),l.emit("close")}function pe(a){t.value==="question"&&l.emit("accept"),l.emit("close")}const me=e.computed(()=>!!(m.value&&m.value.length)),Q=e.computed(()=>c.value&&c.value.date&&c.value.message&&c.value.detail),{onCopy:fe}=oe(),X=e.ref("\u590D\u5236\u6210\u529F"),j=e.ref(!1);function Y(a){fe(M.value).catch(p=>{X.value="\u590D\u5236\u5931\u8D25"}).finally(()=>{j.value=!0,setTimeout(()=>{j.value=!1},700)})}const ye=e.computed(()=>{const a={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return a.opacity=j.value?"0.8":"0",a.display=j.value?"":"none",a});return()=>e.createVNode("div",{class:"farris-messager"},[t.value!=="prompt"&&e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:H.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:D.value},null),z.value&&e.createVNode("p",{class:"toast-msg-detail",innerHTML:S.value},null),I.value&&e.createVNode("div",{class:"toast-msg-detail"},[R.value&&e.createVNode("div",null,[_.value]),q.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:L.value},[e.createTextVNode("\u8BE6\u7EC6\u4FE1\u606F : "),e.createVNode("span",{innerHTML:M.value},null)]),P.value&&e.createVNode("span",{style:G.value},[f.value&&e.createVNode("span",{onClick:y,style:"cursor: pointer;"},[W.value]),!f.value&&e.createVNode("span",{onClick:i,style:"cursor: pointer;"},[U.value])])])])]),t.value==="prompt"&&e.createVNode(e.Fragment,null,[e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"flex-fill fixdiv mb-1 mr-3"},[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:N.value,rows:"4",maxlength:u.value,onInput:a=>ce(a)},[S.value])])]),e.createVNode("span",{class:"textarea-wordcount",title:g.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[T.value+" / "+u.value])]),re.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),ie.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:ue},[x.value]),de.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:pe},[V.value])]),me.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),m.value.length&&m.value.map(a=>e.createVNode("button",{type:"button",onClick:a.handle,class:a.class},[a.iconClass&&e.createVNode("span",{class:a.iconClass},null),a.text]))]),e.createVNode("div",{style:ye.value},[X.value])])}}),ae={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},le=e.defineComponent({name:"FModal",props:ae,emits:["update:modelValue"],setup(o,l){const t=e.ref(o.width),n=e.ref(o.height),r=e.ref(o.modelValue),c=e.ref(""),C=e.ref(o.class),u=e.ref(!0),h=e.ref(o.showHeader),g=e.ref(""),T=e.ref(!0),m=e.ref(!1),V=e.ref(!1),x=e.ref(""),F=e.ref(""),E=e.ref(""),A=e.ref(o.showButtons),k=e.ref(o.title);function b(s,y){r.value=!1,l.emit("update:modelValue",!1)}const $=[{text:"\u53D6\u6D88",class:"btn btn-light",handle:s=>{b()}},{text:"\u786E\u5B9A",class:"btn btn-primary",handle:s=>{b()}}],w=e.ref(o.buttons&&o.buttons.length?o.buttons:$),v=e.computed(()=>!!g.value),H=e.computed(()=>!!A.value&&!!w.value);e.ref(),e.ref(),e.watch(()=>o.modelValue,()=>{r.value=o.modelValue});const D=e.ref(!1),S=e.computed(()=>r.value),z=e.computed(()=>{const s={modal:!0,"farris-modal":!0};return s["f-modal-fitContent"]=u.value,s}),I=e.computed(()=>({display:S.value?"block":"none !important"})),R=e.computed(()=>{const s={"modal-dialog":!0};return C.value.split(" ").reduce((i,N)=>(i[N]=!0,i),s),s}),_=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${t.value}px`,height:u.value?"auto":`${n.value}px`,"margin-left":`${0-t.value/2}px`,"margin-top":u.value?"auto":`${0-n.value/2}px`})),q=e.computed(()=>({"modal-content":!0,"modal-content-has-header":h.value})),L=e.computed(()=>({display:h.value?"":"none"})),M=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:D.value})),P=e.computed(()=>({height:"10px","z-index":1,display:h.value?"none":""})),f=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":x.value==="iframe"}));function U(){return{}}const W=e.computed(()=>{const s={textAlgin:E.value},y=U();return Object.assign(s,y)});function G(s){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,y;return[e.createVNode("div",{class:z.value,style:I.value},[e.createVNode("div",{id:c.value,class:R.value,style:_.value},[e.createVNode("div",{class:q.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:L.value},[e.createVNode("div",{class:"modal-title"},[v.value&&e.createVNode("span",{class:g.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[k.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[V.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),m.value&&e.createVNode("li",{onClick:G,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:M.value},null)]),T.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:i=>b()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:P.value},null),e.createVNode("div",{class:f.value},[(y=(s=l.slots).default)==null?void 0:y.call(s),x.value==="iframe"&&e.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:F.value},null)]),H.value&&e.createVNode("div",{class:"modal-footer",style:W.value},[w.value&&w.value.map(i=>e.createVNode("button",{type:"button",class:i.class,onClick:N=>{i.handle&&i.handle(N)}},[!!i.iconClass&&e.createVNode("span",{class:i.iconClass},[i.text]),!i.iconClass&&e.createVNode("span",null,[i.text])]))])])])])]}})}});function ne(o,l){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(t)});const r=e.ref(!0),c=o.type==="error"||o.type==="prompt",C=o.type==="error"?"\u9519\u8BEF\u63D0\u793A":o.type==="prompt"?o.title:"",u=o.acceptCallback||(()=>{}),h=o.rejectCallback||(()=>{});return()=>e.createVNode(le,{class:"modal-message modal-message-type-info",title:C,modelValue:r.value,"onUpdate:modelValue":g=>r.value=g,"show-header":c,"show-buttons":!1},{default:()=>[e.createVNode(B,e.mergeProps(o,{onAccept:u,onReject:h,onClose:n.unmount}),null)]})}});return document.body.appendChild(t),n.mount(t),n}class K{static show(l){const t=e.reactive({...l});ne(t)}static info(l,t){const n=e.reactive({type:"info",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static warning(l,t){const n=e.reactive({type:"warning",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static success(l,t){const n=e.reactive({type:"success",title:l,detail:t,okButtonText:"\u5173\u95ED",cancelButtonText:""});this.show(n)}static error(l,t,n){const r=e.reactive({type:"error",okButtonText:"\u5173\u95ED",cancelButtonText:"",exceptionInfo:{date:n,message:l,detail:t}});this.show(r)}static prompt(l,t){const n=e.reactive({type:"prompt",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88"});this.show(n)}static question(l,t,n,r){const c=e.reactive({type:"question",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88",acceptCallback:n,rejectCallback:r});this.show(c)}}const se={install(o){o.component(B.name,B),o.provide("MessageBoxService",K)}};d.FMessageBox=B,d.MessageBoxService=K,d.default=se,d.messageBoxProps=J,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["message-box"]={},d.Vue))})(this,function(d,e){"use strict";const J={type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"确定"},cancelButtonText:{Type:String,default:"取消"},exceptionInfo:{Type:Object,default:{date:"",message:"",detail:""}}};function O(){return new DOMException("The request is not allowed","NotAllowedError")}async function Z(o){if(!navigator.clipboard)throw O();return navigator.clipboard.writeText(o)}async function ee(o){const l=document.createElement("span");l.textContent=o,l.style.whiteSpace="pre",l.style.webkitUserSelect="auto",l.style.userSelect="all",document.body.appendChild(l);const t=window.getSelection(),n=window.document.createRange();t==null||t.removeAllRanges(),n.selectNode(l),t==null||t.addRange(n);let r=!1;try{r=window.document.execCommand("copy")}finally{t==null||t.removeAllRanges(),window.document.body.removeChild(l)}if(!r)throw O()}async function te(o){try{await Z(o)}catch(l){try{await ee(o)}catch(t){throw t||l||O()}}}function oe(o,l){async function t(n){await te(n)}return{onCopy:t}}const B=e.defineComponent({name:"FMessageBox",props:J,emits:["accept","reject","close"],setup(o,l){const t=e.ref(o.type),n=e.ref(o.title),r=e.ref(o.detail),c=e.ref(o.exceptionInfo);e.ref("");const C=e.ref(14),u=e.ref(140);e.ref(""),e.ref("");const h=e.ref(!1),g=e.ref(""),T=e.ref(r.value.length),m=e.ref([]),V=e.ref(o.okButtonText),x=e.ref(o.cancelButtonText),F=e.ref(!0),E=e.ref(!0),$=e.ref(!0),k=e.ref("复制详细信息"),b=e.ref(3),A=e.ref(480),w=e.computed(()=>{const a={"modal-tips":!0,"d-flex":!0,"flex-row":!0},p=`messager-type-${t.value}`;return a[p]=!0,a}),v=e.computed(()=>{const a={};return t.value==="prompt"?a.padding="0.5rem 0.5rem 1rem 1.5rem":t.value==="error"&&(a.padding="0.5rem 1.5rem 1rem 1.5rem"),a}),H=e.computed(()=>{const a={"f-icon":!0},p=`f-icon-${t.value}`;return a[p]=!0,a}),z=e.computed(()=>n.value||c.value&&c.value.message),S=e.computed(()=>r.value),D=e.computed(()=>!!r.value),I=e.computed(()=>!!c.value),R=e.computed(()=>!!c.value&&!!c.value.date),_=e.computed(()=>`发生时间 : ${c.value&&c.value.date||""}`),q=e.computed(()=>!!c.value&&!!c.value.detail),L=e.computed(()=>{const a=`${A.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":b.value,"max-height":a}}),M=e.computed(()=>c.value&&c.value.detail||""),P=e.computed(()=>!0),f=e.ref(!1),U=e.ref("展开"),W=e.ref("收起"),G=e.computed(()=>{const a={display:"block",color:"#2A87FF"};return a["text-align"]=f.value?"":"right",a});function s(a,p){f.value=!f.value,b.value=f.value?20:3}function y(a){return s()}function i(a){return s()}const N=e.computed(()=>({"font-size":`${C.value}px`,height:"100%"}));function ce(a){if(a.currentTarget){const p=a.currentTarget.value||"";T.value=p.length}}e.computed(()=>h.value&&u.value);const re=e.computed(()=>!(m.value&&m.value.length)&&(V.value||x.value));e.computed(()=>t.value==="prompt"&&F.value);const ie=e.computed(()=>E.value&&x.value),de=e.computed(()=>$.value&&V.value);function ue(a){t.value==="question"&&l.emit("reject"),l.emit("close")}function pe(a){t.value==="question"&&l.emit("accept"),l.emit("close")}const me=e.computed(()=>!!(m.value&&m.value.length)),Q=e.computed(()=>c.value&&c.value.date&&c.value.message&&c.value.detail),{onCopy:fe}=oe(),X=e.ref("复制成功"),j=e.ref(!1);function Y(a){fe(M.value).catch(p=>{X.value="复制失败"}).finally(()=>{j.value=!0,setTimeout(()=>{j.value=!1},700)})}const ye=e.computed(()=>{const a={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return a.opacity=j.value?"0.8":"0",a.display=j.value?"":"none",a});return()=>e.createVNode("div",{class:"farris-messager"},[t.value!=="prompt"&&e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:H.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:z.value},null),D.value&&e.createVNode("p",{class:"toast-msg-detail",innerHTML:S.value},null),I.value&&e.createVNode("div",{class:"toast-msg-detail"},[R.value&&e.createVNode("div",null,[_.value]),q.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:L.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:M.value},null)]),P.value&&e.createVNode("span",{style:G.value},[f.value&&e.createVNode("span",{onClick:y,style:"cursor: pointer;"},[W.value]),!f.value&&e.createVNode("span",{onClick:i,style:"cursor: pointer;"},[U.value])])])])]),t.value==="prompt"&&e.createVNode(e.Fragment,null,[e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"flex-fill fixdiv mb-1 mr-3"},[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:N.value,rows:"4",maxlength:u.value,onInput:a=>ce(a)},[S.value])])]),e.createVNode("span",{class:"textarea-wordcount",title:g.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[T.value+" / "+u.value])]),re.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),ie.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:ue},[x.value]),de.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:pe},[V.value])]),me.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),m.value.length&&m.value.map(a=>e.createVNode("button",{type:"button",onClick:a.handle,class:a.class},[a.iconClass&&e.createVNode("span",{class:a.iconClass},null),a.text]))]),e.createVNode("div",{style:ye.value},[X.value])])}}),ae={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},le=e.defineComponent({name:"FModal",props:ae,emits:["update:modelValue"],setup(o,l){const t=e.ref(o.width),n=e.ref(o.height),r=e.ref(o.modelValue),c=e.ref(""),C=e.ref(o.class),u=e.ref(!0),h=e.ref(o.showHeader),g=e.ref(""),T=e.ref(!0),m=e.ref(!1),V=e.ref(!1),x=e.ref(""),F=e.ref(""),E=e.ref(""),$=e.ref(o.showButtons),k=e.ref(o.title);function b(s,y){r.value=!1,l.emit("update:modelValue",!1)}const A=[{text:"取消",class:"btn btn-light",handle:s=>{b()}},{text:"确定",class:"btn btn-primary",handle:s=>{b()}}],w=e.ref(o.buttons&&o.buttons.length?o.buttons:A),v=e.computed(()=>!!g.value),H=e.computed(()=>!!$.value&&!!w.value);e.ref(),e.ref(),e.watch(()=>o.modelValue,()=>{r.value=o.modelValue});const z=e.ref(!1),S=e.computed(()=>r.value),D=e.computed(()=>{const s={modal:!0,"farris-modal":!0};return s["f-modal-fitContent"]=u.value,s}),I=e.computed(()=>({display:S.value?"block":"none !important"})),R=e.computed(()=>{const s={"modal-dialog":!0};return C.value.split(" ").reduce((i,N)=>(i[N]=!0,i),s),s}),_=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${t.value}px`,height:u.value?"auto":`${n.value}px`,"margin-left":`${0-t.value/2}px`,"margin-top":u.value?"auto":`${0-n.value/2}px`})),q=e.computed(()=>({"modal-content":!0,"modal-content-has-header":h.value})),L=e.computed(()=>({display:h.value?"":"none"})),M=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:z.value})),P=e.computed(()=>({height:"10px","z-index":1,display:h.value?"none":""})),f=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":x.value==="iframe"}));function U(){return{}}const W=e.computed(()=>{const s={textAlgin:E.value},y=U();return Object.assign(s,y)});function G(s){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,y;return[e.createVNode("div",{class:D.value,style:I.value},[e.createVNode("div",{id:c.value,class:R.value,style:_.value},[e.createVNode("div",{class:q.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:L.value},[e.createVNode("div",{class:"modal-title"},[v.value&&e.createVNode("span",{class:g.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[k.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[V.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),m.value&&e.createVNode("li",{onClick:G,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:M.value},null)]),T.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:i=>b()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:P.value},null),e.createVNode("div",{class:f.value},[(y=(s=l.slots).default)==null?void 0:y.call(s),x.value==="iframe"&&e.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:F.value},null)]),H.value&&e.createVNode("div",{class:"modal-footer",style:W.value},[w.value&&w.value.map(i=>e.createVNode("button",{type:"button",class:i.class,onClick:N=>{i.handle&&i.handle(N)}},[!!i.iconClass&&e.createVNode("span",{class:i.iconClass},[i.text]),!i.iconClass&&e.createVNode("span",null,[i.text])]))])])])])]}})}});function ne(o,l){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(t)});const r=e.ref(!0),c=o.type==="error"||o.type==="prompt",C=o.type==="error"?"错误提示":o.type==="prompt"?o.title:"",u=o.acceptCallback||(()=>{}),h=o.rejectCallback||(()=>{});return()=>e.createVNode(le,{class:"modal-message modal-message-type-info",title:C,modelValue:r.value,"onUpdate:modelValue":g=>r.value=g,"show-header":c,"show-buttons":!1},{default:()=>[e.createVNode(B,e.mergeProps(o,{onAccept:u,onReject:h,onClose:n.unmount}),null)]})}});return document.body.appendChild(t),n.mount(t),n}class K{static show(l){const t=e.reactive({...l});ne(t)}static info(l,t){const n=e.reactive({type:"info",title:l,detail:t,okButtonText:"知道了",cancelButtonText:""});this.show(n)}static warning(l,t){const n=e.reactive({type:"warning",title:l,detail:t,okButtonText:"知道了",cancelButtonText:""});this.show(n)}static success(l,t){const n=e.reactive({type:"success",title:l,detail:t,okButtonText:"关闭",cancelButtonText:""});this.show(n)}static error(l,t,n){const r=e.reactive({type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:n,message:l,detail:t}});this.show(r)}static prompt(l,t){const n=e.reactive({type:"prompt",title:l,detail:t,okButtonText:"确定",cancelButtonText:"取消"});this.show(n)}static question(l,t,n,r){const c=e.reactive({type:"question",title:l,detail:t,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:n,rejectCallback:r});this.show(c)}}const se={install(o){o.component(B.name,B),o.provide("MessageBoxService",K)}};d.FMessageBox=B,d.MessageBoxService=K,d.default=se,d.messageBoxProps=J,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/message-box/package.json
CHANGED
package/modal/index.esm.js
CHANGED
|
@@ -11,7 +11,7 @@ const Q = {
|
|
|
11
11
|
modelValue: { type: Boolean, default: !1 },
|
|
12
12
|
showHeader: { type: Boolean, default: !0 },
|
|
13
13
|
showButtons: { type: Boolean, default: !0 }
|
|
14
|
-
}, p = J({
|
|
14
|
+
}, p = /* @__PURE__ */ J({
|
|
15
15
|
name: "FModal",
|
|
16
16
|
props: Q,
|
|
17
17
|
emits: ["update:modelValue"],
|
|
@@ -21,13 +21,13 @@ const Q = {
|
|
|
21
21
|
c.value = !1, v.emit("update:modelValue", !1);
|
|
22
22
|
}
|
|
23
23
|
const $ = [{
|
|
24
|
-
text: "
|
|
24
|
+
text: "取消",
|
|
25
25
|
class: "btn btn-light",
|
|
26
26
|
handle: (l) => {
|
|
27
27
|
d();
|
|
28
28
|
}
|
|
29
29
|
}, {
|
|
30
|
-
text: "
|
|
30
|
+
text: "确定",
|
|
31
31
|
class: "btn btn-primary",
|
|
32
32
|
handle: (l) => {
|
|
33
33
|
d();
|
package/modal/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.modal={},o.Vue))})(this,function(o,e){"use strict";const m={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},n=e.defineComponent({name:"FModal",props:m,emits:["update:modelValue"],setup(l,b){const y=e.ref(l.width),h=e.ref(l.height),c=e.ref(l.modelValue),p=e.ref(""),C=e.ref(l.class),d=e.ref(!0),r=e.ref(l.showHeader),V=e.ref(""),j=e.ref(!0),O=e.ref(!1),x=e.ref(!1),g=e.ref(""),w=e.ref(""),S=e.ref(""),B=e.ref(l.showButtons),M=e.ref(l.title);function i(t,s){c.value=!1,b.emit("update:modelValue",!1)}const $=[{text:"
|
|
1
|
+
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.modal={},o.Vue))})(this,function(o,e){"use strict";const m={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},n=e.defineComponent({name:"FModal",props:m,emits:["update:modelValue"],setup(l,b){const y=e.ref(l.width),h=e.ref(l.height),c=e.ref(l.modelValue),p=e.ref(""),C=e.ref(l.class),d=e.ref(!0),r=e.ref(l.showHeader),V=e.ref(""),j=e.ref(!0),O=e.ref(!1),x=e.ref(!1),g=e.ref(""),w=e.ref(""),S=e.ref(""),B=e.ref(l.showButtons),M=e.ref(l.title);function i(t,s){c.value=!1,b.emit("update:modelValue",!1)}const $=[{text:"取消",class:"btn btn-light",handle:t=>{i()}},{text:"确定",class:"btn btn-primary",handle:t=>{i()}}],u=e.ref(l.buttons&&l.buttons.length?l.buttons:$),z=e.computed(()=>!!V.value),F=e.computed(()=>!!B.value&&!!u.value);e.ref(),e.ref(),e.watch(()=>l.modelValue,()=>{c.value=l.modelValue});const H=e.ref(!1),A=e.computed(()=>c.value),T=e.computed(()=>{const t={modal:!0,"farris-modal":!0};return t["f-modal-fitContent"]=d.value,t}),_=e.computed(()=>({display:A.value?"block":"none !important"})),k=e.computed(()=>{const t={"modal-dialog":!0};return C.value.split(" ").reduce((a,f)=>(a[f]=!0,a),t),t}),v=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${y.value}px`,height:d.value?"auto":`${h.value}px`,"margin-left":`${0-y.value/2}px`,"margin-top":d.value?"auto":`${0-h.value/2}px`})),D=e.computed(()=>({"modal-content":!0,"modal-content-has-header":r.value})),I=e.computed(()=>({display:r.value?"":"none"})),P=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:H.value})),E=e.computed(()=>({height:"10px","z-index":1,display:r.value?"none":""})),R=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":g.value==="iframe"}));function q(){return{}}const G=e.computed(()=>{const t={textAlgin:S.value},s=q();return Object.assign(t,s)});function J(t){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var t,s;return[e.createVNode("div",{class:T.value,style:_.value},[e.createVNode("div",{id:p.value,class:k.value,style:v.value},[e.createVNode("div",{class:D.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:I.value},[e.createVNode("div",{class:"modal-title"},[z.value&&e.createVNode("span",{class:V.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[M.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[x.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),O.value&&e.createVNode("li",{onClick:J,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:P.value},null)]),j.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:a=>i()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:E.value},null),e.createVNode("div",{class:R.value},[(s=(t=b.slots).default)==null?void 0:s.call(t),g.value==="iframe"&&e.createVNode("iframe",{title:p.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:w.value},null)]),F.value&&e.createVNode("div",{class:"modal-footer",style:G.value},[u.value&&u.value.map(a=>e.createVNode("button",{type:"button",class:a.class,onClick:f=>{a.handle&&a.handle(f)}},[!!a.iconClass&&e.createVNode("span",{class:a.iconClass},[a.text]),!a.iconClass&&e.createVNode("span",null,[a.text])]))])])])])]}})}}),N={install(l){l.component(n.name,n)}};o.FModal=n,o.default=N,o.modalProps=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/modal/package.json
CHANGED
package/notify/index.esm.js
CHANGED
|
@@ -17,7 +17,7 @@ const H = {
|
|
|
17
17
|
animate: { type: String, default: "fadeIn" },
|
|
18
18
|
options: { type: Object }
|
|
19
19
|
};
|
|
20
|
-
const T = w({
|
|
20
|
+
const T = /* @__PURE__ */ w({
|
|
21
21
|
name: "Toast",
|
|
22
22
|
props: L,
|
|
23
23
|
emits: ["close", "click"],
|
|
@@ -90,7 +90,7 @@ const T = w({
|
|
|
90
90
|
innerHTML: t.value.msg
|
|
91
91
|
}, null))])])]);
|
|
92
92
|
}
|
|
93
|
-
}), C = w({
|
|
93
|
+
}), C = /* @__PURE__ */ w({
|
|
94
94
|
name: "Notify",
|
|
95
95
|
props: H,
|
|
96
96
|
emits: ["close", "empty"],
|
package/notify/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@farris/ui-vue",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.6",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"description": "Farris Vue, a Farris Design based Vue3 component library.",
|
|
7
7
|
"keywords": [
|
|
@@ -26,7 +26,8 @@
|
|
|
26
26
|
"async-validator": "^4.2.0",
|
|
27
27
|
"bignumber.js": "^9.1.1",
|
|
28
28
|
"lodash": "^4.17.21",
|
|
29
|
-
"lodash-es": "^4.17.20"
|
|
29
|
+
"lodash-es": "^4.17.20",
|
|
30
|
+
"vite-plugin-dts": "^2.1.0"
|
|
30
31
|
},
|
|
31
32
|
"types": "./types/index.d.ts"
|
|
32
33
|
}
|
package/pagination/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ const H = {
|
|
|
6
6
|
totalItems: { type: Number, default: 0 }
|
|
7
7
|
};
|
|
8
8
|
function K(l, o) {
|
|
9
|
-
const r = f("
|
|
9
|
+
const r = f("跳转至"), u = f(""), n = f(l.value);
|
|
10
10
|
function i() {
|
|
11
11
|
l.value = n.value;
|
|
12
12
|
}
|
|
@@ -86,7 +86,7 @@ function q(l, o, r) {
|
|
|
86
86
|
};
|
|
87
87
|
}
|
|
88
88
|
function J(l, o) {
|
|
89
|
-
const r = f("
|
|
89
|
+
const r = f("共"), u = f("条"), n = v(() => ({
|
|
90
90
|
"pagination-message": !0,
|
|
91
91
|
"text-truncate": !0,
|
|
92
92
|
"d-flex": !0,
|
|
@@ -112,7 +112,7 @@ function J(l, o) {
|
|
|
112
112
|
};
|
|
113
113
|
}
|
|
114
114
|
function Q(l, o, r) {
|
|
115
|
-
const u = f(!1), n = f("
|
|
115
|
+
const u = f(!1), n = f("显示"), i = f("条"), t = v(() => ({
|
|
116
116
|
dropup: !0,
|
|
117
117
|
"dropdown-right": !0,
|
|
118
118
|
"pg-pagelist": !0,
|
|
@@ -258,7 +258,7 @@ function Y(l) {
|
|
|
258
258
|
}
|
|
259
259
|
return { pages: o, updatePages: u };
|
|
260
260
|
}
|
|
261
|
-
const L = D({
|
|
261
|
+
const L = /* @__PURE__ */ D({
|
|
262
262
|
name: "FPagination",
|
|
263
263
|
props: H,
|
|
264
264
|
emits: ["pageIndexChanged"],
|
package/pagination/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.pagination={},p.Vue))})(this,function(p,e){"use strict";const C={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0}};function T(n,c){const u=e.ref("
|
|
1
|
+
(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.pagination={},p.Vue))})(this,function(p,e){"use strict";const C={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0}};function T(n,c){const u=e.ref("跳转至"),o=e.ref(""),l=e.ref(n.value);function r(){n.value=l.value}function t(d){d.key==="Enter"&&r()}function a(d){l.value=d.target.valueAsNumber}function s(){return e.createVNode("li",{class:"page-goto-input",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("input",{class:"form-control farris-gotopagenumber",title:"page-number",value:n.value,type:"number",min:"1",max:c.value,style:"display: inline-block;margin-left:3px;",onChange:()=>r(),onInput:d=>a(d),onKeyup:d=>t(d)},null),o.value])}return{renderGotoButton:s}}function M(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=n.value<u.value?n.value+1:u.value}function r(s){n.value=u.value}function t(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function a(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:a,renderNextPage:t}}function I(n,c){const u=e.ref("共"),o=e.ref("条"),l=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":n.value==="right","flex-fill":n.value==="right"}));function r(){return e.createVNode("li",{class:l.value},[e.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[c.value]),e.createVNode("span",{class:"pg-message-text"},[o.value])])])}return{renderPageInfo:r}}function L(n,c,u){const o=e.ref(!1),l=e.ref("显示"),r=e.ref("条"),t=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:o.value})),a=e.computed(()=>({"dropdown-menu":!0,show:o.value})),s=i=>({"dropdown-item":!0,active:n.value===i});function d(i){o.value=!0}function N(i){o.value=!1}function b(i,f){n.value=f,o.value=!1}function V(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:t.value,onMouseenter:i=>d(),onMouseleave:i=>N()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[l.value]),e.createVNode("b",{class:"cur-pagesize"},[n.value]),e.createVNode("span",{class:"pagelist-text"},[r.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:a.value,style:"margin-bottom: -1px;"},[c.value.map(i=>e.createVNode("li",{class:s(i),onClick:f=>b(f,i)},[e.createVNode("span",null,[i])]))])])])}return{renderPageList:V}}function $(n,c){const u=t=>({"page-item":!0,current:n.value===t.value,ellipsis:t.label==="..."}),o=t=>({"f-icon":!0,"f-icon-arrow-seek-left":t.value<n.value,"f-icon-arrow-seek-right":t.value>n.value});function l(t,a){n.value=a}function r(){return c.value.map(t=>e.createVNode("li",{class:u(t)},[n.value!==t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:a=>l(a,t.value)},[e.createVNode("span",{class:"page-link-label"},[t.label]),t.label==="..."&&e.createVNode("i",{class:o(t)},null)]),n.value===t.value&&e.createVNode("span",{class:"page-link"},[t.label])]))}return{renderPageNumbers:r}}function B(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=1}function r(s){n.value=n.value>2?n.value-1:1}function t(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function a(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:t,renderPreviousPage:a}}function E(n){const c=e.ref([]);function u(l,r,t,a){const s=Math.ceil(t/2);return l===t?a:l===1?l:t<a?a-s<r?a-t+l:s<r?r-s+l:l:l}function o(l,r,t,a){const s=[],d=Math.ceil(t/r),N=Math.ceil(a/2),b=l<=N,V=d-N<l,i=!b&&!V,f=a<d;let g=1;for(;g<=d&&g<=a;){const v=u(g,l,a,d),x=g===2&&(i||V),y=g===a-1&&(i||b),P=f&&(x||y)?"...":""+v;s.push({label:P,value:v}),g++}c.value=s}return{pages:c,updatePages:o}}const J="",h=e.defineComponent({name:"FPagination",props:C,emits:["pageIndexChanged"],setup(n,c){const u=e.ref(!1),o=e.ref(n.mode),l=e.ref(""),r=e.ref(!1),t=e.ref(n.pageSize),a=e.ref(n.currentPage),s=e.ref(n.totalItems),{pages:d,updatePages:N}=E(),b=e.computed(()=>a.value===1),V=e.computed(()=>[20,50,100]),i=e.computed(()=>Math.ceil(s.value/t.value)),f=e.computed(()=>a.value===i.value),g=e.computed(()=>!0),v=e.computed(()=>a.value>1),x=e.computed(()=>!(r.value&&d.value.length<=1)),y=e.computed(()=>!0),P=e.computed(()=>!0),F=e.computed(()=>!0),m=e.computed(()=>!0),{renderFirstPage:k,renderPreviousPage:w}=B(a,b,v),{renderLastPage:j,renderNextPage:O}=M(a,f,i),{renderPageInfo:G}=I(l,s),{renderPageList:W}=L(t,V,s),{renderPageNumbers:_}=$(a,d),{renderGotoButton:S}=T(a,i);N(a.value,t.value,s.value,7),e.watch([a,t],()=>{N(a.value,t.value,s.value,7)}),e.watch(a,()=>{c.emit("pageIndexChanged",a.value)});const q=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":o.value==="default","pager-viewmode-simple":o.value==="simple"})),A=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function D(){return e.createVNode(e.Fragment,null,[y.value&&G(),P.value&&W(),m.value&&k(),m.value&&w(),F.value&&_(),m.value&&O(),m.value&&j(),g.value&&S()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),m.value&&k(),m.value&&w(),S(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),i.value])]),m.value&&O(),m.value&&j()])}return()=>e.createVNode("div",{class:"pagination-container"},[x.value&&e.createVNode("ul",{role:"navigation",class:q.value,style:A.value},[o.value==="default"?D():H()])])}}),z={install(n){n.component(h.name,h)}};p.Pagination=h,p.default=z,p.paginationProps=C,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/pagination/package.json
CHANGED
package/popover/index.esm.js
CHANGED
package/popover/package.json
CHANGED
package/radio-group/index.esm.js
CHANGED
|
@@ -1,13 +1,40 @@
|
|
|
1
1
|
import { computed as m, defineComponent as v, ref as b, createVNode as u } from "vue";
|
|
2
2
|
const h = {
|
|
3
|
+
/**
|
|
4
|
+
* 组件标识
|
|
5
|
+
*/
|
|
3
6
|
id: String,
|
|
7
|
+
/**
|
|
8
|
+
* 组件名称
|
|
9
|
+
*/
|
|
4
10
|
name: { type: String, default: "" },
|
|
11
|
+
/**
|
|
12
|
+
* 单选组枚举数组
|
|
13
|
+
*/
|
|
5
14
|
enumData: Array,
|
|
15
|
+
/**
|
|
16
|
+
* 枚举数组中展示文本的key值。
|
|
17
|
+
*/
|
|
6
18
|
textField: { type: String, default: "name" },
|
|
19
|
+
/**
|
|
20
|
+
* 枚举数组中枚举值的key值。
|
|
21
|
+
*/
|
|
7
22
|
valueField: { type: String, default: "value" },
|
|
23
|
+
/**
|
|
24
|
+
* 组件是否水平排列
|
|
25
|
+
*/
|
|
8
26
|
horizontal: { type: Boolean, default: !1 },
|
|
27
|
+
/**
|
|
28
|
+
* 禁用组件,不允许切换单选值
|
|
29
|
+
*/
|
|
9
30
|
disabled: { type: Boolean, default: !1 },
|
|
31
|
+
/**
|
|
32
|
+
* 组件值
|
|
33
|
+
*/
|
|
10
34
|
modelValue: { type: String, default: "" },
|
|
35
|
+
/**
|
|
36
|
+
* 输入框Tab键索引
|
|
37
|
+
*/
|
|
11
38
|
tabIndex: Number
|
|
12
39
|
};
|
|
13
40
|
function p(e, o, n) {
|
|
@@ -32,7 +59,7 @@ function p(e, o, n) {
|
|
|
32
59
|
onClickRadio: c
|
|
33
60
|
};
|
|
34
61
|
}
|
|
35
|
-
const f = v({
|
|
62
|
+
const f = /* @__PURE__ */ v({
|
|
36
63
|
name: "FRadioGroup",
|
|
37
64
|
props: h,
|
|
38
65
|
emits: ["changeValue", "update:modelValue"],
|