@farris/ui-vue 1.2.4 → 1.2.5

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 (70) hide show
  1. package/components/accordion/index.esm.js +58 -58
  2. package/components/accordion/index.umd.cjs +1 -1
  3. package/components/capsule/index.esm.js +1 -1
  4. package/components/capsule/index.umd.cjs +1 -1
  5. package/components/common/index.esm.js +2 -2
  6. package/components/common/index.umd.cjs +1 -1
  7. package/components/condition/index.esm.js +137 -135
  8. package/components/condition/index.umd.cjs +1 -1
  9. package/components/data-grid/index.esm.js +2316 -2299
  10. package/components/data-grid/index.umd.cjs +1 -1
  11. package/components/data-view/index.esm.js +1929 -1920
  12. package/components/data-view/index.umd.cjs +1 -1
  13. package/components/designer-canvas/index.esm.js +1 -1
  14. package/components/designer-canvas/index.umd.cjs +1 -1
  15. package/components/designer-canvas/style.css +1 -1
  16. package/components/designer-outline/index.esm.js +44 -42
  17. package/components/designer-outline/index.umd.cjs +1 -1
  18. package/components/designer-toolbox/index.esm.js +28 -467
  19. package/components/designer-toolbox/index.umd.cjs +1 -1
  20. package/components/dynamic-form/index.esm.js +836 -790
  21. package/components/dynamic-form/index.umd.cjs +1 -1
  22. package/components/external-container/index.esm.js +382 -378
  23. package/components/external-container/index.umd.cjs +1 -1
  24. package/components/field-selector/index.esm.js +1167 -1150
  25. package/components/field-selector/index.umd.cjs +1 -1
  26. package/components/filter-bar/index.esm.js +131 -127
  27. package/components/filter-bar/index.umd.cjs +1 -1
  28. package/components/flow-canvas/index.esm.js +1 -1
  29. package/components/flow-canvas/index.umd.cjs +1 -1
  30. package/components/flow-canvas/style.css +1 -1
  31. package/components/list-view/index.esm.js +128 -124
  32. package/components/list-view/index.umd.cjs +1 -1
  33. package/components/lookup/index.esm.js +2156 -2139
  34. package/components/lookup/index.umd.cjs +1 -1
  35. package/components/mapping-editor/index.esm.js +3137 -3120
  36. package/components/mapping-editor/index.umd.cjs +1 -1
  37. package/components/nav/index.esm.js +511 -469
  38. package/components/nav/index.umd.cjs +2 -2
  39. package/components/order/index.esm.js +859 -815
  40. package/components/order/index.umd.cjs +1 -1
  41. package/components/pagination/index.esm.js +491 -449
  42. package/components/pagination/index.umd.cjs +1 -1
  43. package/components/property-panel/index.esm.js +75 -73
  44. package/components/property-panel/index.umd.cjs +1 -1
  45. package/components/response-layout-editor/index.esm.js +63 -61
  46. package/components/response-layout-editor/index.umd.cjs +1 -1
  47. package/components/schema-selector/index.esm.js +2002 -1956
  48. package/components/schema-selector/index.umd.cjs +1 -1
  49. package/components/switch/index.esm.js +165 -192
  50. package/components/switch/index.umd.cjs +1 -1
  51. package/components/tabs/index.esm.js +2 -2
  52. package/components/tabs/index.umd.cjs +1 -1
  53. package/components/transfer/index.esm.js +95 -93
  54. package/components/transfer/index.umd.cjs +1 -1
  55. package/components/tree-grid/index.esm.js +2316 -2299
  56. package/components/tree-grid/index.umd.cjs +1 -1
  57. package/components/tree-view/index.esm.js +296 -295
  58. package/components/tree-view/index.umd.cjs +1 -1
  59. package/farris.all.esm.js +2517 -2483
  60. package/farris.all.umd.cjs +7 -7
  61. package/package.json +1 -1
  62. package/style.css +1 -1
  63. package/types/condition/index.d.ts +60 -1
  64. package/types/data-view/components/column-setting/column-setting.component.d.ts +2 -1
  65. package/types/data-view/composition/types.d.ts +2 -0
  66. package/types/dynamic-form/src/designer/use-designer-rules.d.ts +3 -3
  67. package/types/list-view/src/composition/types.d.ts +1 -1
  68. package/types/message-box/index.d.ts +84 -1
  69. package/types/notify/index.d.ts +84 -1
  70. package/types/tree-grid/src/schema/column-resolver.d.ts +3 -0
@@ -1,15 +1,15 @@
1
- import { defineComponent as C, computed as m, createVNode as u, ref as g, inject as P, onMounted as k } from "vue";
1
+ import { defineComponent as C, computed as m, createVNode as u, ref as g, inject as k, onMounted as D } from "vue";
2
2
  import { cloneDeep as S } from "lodash-es";
3
3
  import { resolveAppearance as E, createPropsResolver as R } from "@farris/ui-vue/components/dynamic-resolver";
4
4
  import { useDesignerComponent as M } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component";
5
5
  const T = {}, V = {};
6
6
  function I(t) {
7
- const { properties: e, title: c } = t, n = Object.keys(e).reduce((r, l) => (r[l] = e[l].type === "object" && e[l].properties ? I(e[l]) : S(e[l].default), r), {});
8
- return n.id = `${c}-${Date.now()}`, n;
7
+ const { properties: e, title: i } = t, n = Object.keys(e).reduce((r, l) => (r[l] = e[l].type === "object" && e[l].properties ? I(e[l]) : S(e[l].default), r), {});
8
+ return n.id = `${i}-${Date.now()}`, n;
9
9
  }
10
10
  function B(t, e) {
11
- const c = I(e);
12
- return Object.keys(t).reduce((n, r) => (n[r] = t[r], n), c), c;
11
+ const i = I(e);
12
+ return Object.keys(t).reduce((n, r) => (n[r] = t[r], n), i), i;
13
13
  }
14
14
  function q(t, e) {
15
15
  return Object.keys(t).filter((n) => t[n] != null).reduce((n, r) => {
@@ -26,16 +26,16 @@ function q(t, e) {
26
26
  return n;
27
27
  }, {});
28
28
  }
29
- function x(t, e, c = /* @__PURE__ */ new Map()) {
29
+ function x(t, e, i = /* @__PURE__ */ new Map()) {
30
30
  const n = B(t, e);
31
- return q(n, c);
31
+ return q(n, i);
32
32
  }
33
33
  function z(t = {}) {
34
- function e(s, o, i, a) {
35
- if (typeof i == "number")
36
- return a[s].length === i;
37
- if (typeof i == "object") {
38
- const p = Object.keys(i)[0], h = i[p];
34
+ function e(s, o, c, a) {
35
+ if (typeof c == "number")
36
+ return a[s].length === c;
37
+ if (typeof c == "object") {
38
+ const p = Object.keys(c)[0], h = c[p];
39
39
  if (p === "not")
40
40
  return Number(a[s].length) !== Number(h);
41
41
  if (p === "moreThan")
@@ -45,33 +45,33 @@ function z(t = {}) {
45
45
  }
46
46
  return !1;
47
47
  }
48
- function c(s, o, i, a) {
49
- return a[s] && a[s].propertyValue && String(a[s].propertyValue.value) === String(i);
48
+ function i(s, o, c, a) {
49
+ return a[s] && a[s].propertyValue && String(a[s].propertyValue.value) === String(c);
50
50
  }
51
51
  const n = /* @__PURE__ */ new Map([
52
52
  ["length", e],
53
- ["getProperty", c]
53
+ ["getProperty", i]
54
54
  ]);
55
55
  Object.keys(t).reduce((s, o) => (s.set(o, t[o]), s), n);
56
56
  function r(s, o) {
57
- const i = s;
58
- return typeof o == "number" ? [{ target: i, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: i, operator: "getProperty", param: s, value: !!o }] : typeof o == "object" ? Object.keys(o).map((a) => {
57
+ const c = s;
58
+ return typeof o == "number" ? [{ target: c, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: c, operator: "getProperty", param: s, value: !!o }] : typeof o == "object" ? Object.keys(o).map((a) => {
59
59
  if (a === "length")
60
- return { target: i, operator: "length", param: null, value: o[a] };
60
+ return { target: c, operator: "length", param: null, value: o[a] };
61
61
  const p = a, h = o[a];
62
- return { target: i, operator: "getProperty", param: p, value: h };
62
+ return { target: c, operator: "getProperty", param: p, value: h };
63
63
  }) : [];
64
64
  }
65
65
  function l(s) {
66
- return Object.keys(s).reduce((i, a) => {
66
+ return Object.keys(s).reduce((c, a) => {
67
67
  const p = r(a, s[a]);
68
- return i.push(...p), i;
68
+ return c.push(...p), c;
69
69
  }, []);
70
70
  }
71
71
  function d(s, o) {
72
72
  if (n.has(s.operator)) {
73
- const i = n.get(s.operator);
74
- return i && i(s.target, s.param, s.value, o) || !1;
73
+ const c = n.get(s.operator);
74
+ return c && c(s.target, s.param, s.value, o) || !1;
75
75
  }
76
76
  return !1;
77
77
  }
@@ -79,24 +79,24 @@ function z(t = {}) {
79
79
  return l(s).reduce((p, h) => p && d(h, o), !0);
80
80
  }
81
81
  function y(s, o) {
82
- const i = Object.keys(s), a = i.includes("allOf"), p = i.includes("anyOf"), h = a || p, A = (h ? s[h ? a ? "allOf" : "anyOf" : "allOf"] : [s]).map((D) => f(D, o));
82
+ const c = Object.keys(s), a = c.includes("allOf"), p = c.includes("anyOf"), h = a || p, A = (h ? s[h ? a ? "allOf" : "anyOf" : "allOf"] : [s]).map((P) => f(P, o));
83
83
  return a ? !A.includes(!1) : A.includes(!0);
84
84
  }
85
85
  return { parseValueSchema: y };
86
86
  }
87
87
  const H = {}, L = {};
88
88
  z();
89
- function G(t, e, c = /* @__PURE__ */ new Map(), n = (d, f, y) => f, r = {}, l = (d) => d) {
89
+ function G(t, e, i = /* @__PURE__ */ new Map(), n = (d, f, y) => f, r = {}, l = (d) => d) {
90
90
  return T[e.title] = e, V[e.title] = n, H[e.title] = r, L[e.title] = l, (d = {}) => {
91
- const f = x(d, e, c), y = Object.keys(t).reduce((s, o) => (s[o] = t[o].default, s), {});
91
+ const f = x(d, e, i), y = Object.keys(t).reduce((s, o) => (s[o] = t[o].default, s), {});
92
92
  return Object.assign(y, f);
93
93
  };
94
94
  }
95
95
  const O = /* @__PURE__ */ new Map([
96
96
  ["appearance", E],
97
97
  ["size", (t, e) => {
98
- const c = {};
99
- return e.width && (c.width = Number(e.width)), e.height && (c.height = Number(e.height)), c;
98
+ const i = {};
99
+ return e.width && (i.width = Number(e.width)), e.height && (i.height = Number(e.height)), i;
100
100
  }]
101
101
  ]), J = "https://json-schema.org/draft/2020-12/schema", Q = "https://farris-design.gitee.io/accordion.schema.json", U = "accordion", W = "A Farris Container Component", X = "object", Y = {
102
102
  id: {
@@ -167,7 +167,7 @@ const O = /* @__PURE__ */ new Map([
167
167
  properties: Y,
168
168
  required: Z
169
169
  };
170
- function K(t, e, c) {
170
+ function K(t, e, i) {
171
171
  return e;
172
172
  }
173
173
  const ee = "accordion", te = "A Farris Component", ne = "object", se = {
@@ -208,7 +208,7 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
208
208
  props: j,
209
209
  emits: [],
210
210
  setup(t, e) {
211
- const c = m(() => ({
211
+ const i = m(() => ({
212
212
  height: t.height ? `${t.height}px` : "",
213
213
  width: t.width ? `${t.width}px` : ""
214
214
  })), n = m(() => {
@@ -220,7 +220,7 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
220
220
  });
221
221
  return () => u("div", {
222
222
  class: n.value,
223
- style: c.value
223
+ style: i.value
224
224
  }, [e.slots.default && e.slots.default()]);
225
225
  }
226
226
  }), re = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-design.gitee.io/accordion-item.schema.json", ce = "AccordionItem", ae = "A Farris Container Component", le = "object", ue = {
@@ -276,51 +276,51 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
276
276
  width: { type: Number },
277
277
  height: { type: Number, default: 100 },
278
278
  title: { type: String, default: "" },
279
- disable: { type: Boolean, default: !1 },
279
+ disabled: { type: Boolean, default: !1 },
280
280
  active: { type: Boolean, default: !1 }
281
281
  }, F = R(w, pe, O), $ = /* @__PURE__ */ C({
282
282
  name: "FAccordionItem",
283
283
  props: w,
284
284
  emits: [],
285
285
  setup(t, e) {
286
- const c = g(t.title), n = g(t.active), r = g(t.disable);
287
- function l() {
288
- n.value = !n.value;
286
+ const i = g(t.title), n = g(t.active);
287
+ function r() {
288
+ t.disabled || (n.value = !n.value);
289
289
  }
290
- function d(i) {
291
- l();
290
+ function l(o) {
291
+ r();
292
292
  }
293
- const f = m(() => ({
294
- "f-state-disabled": r.value,
293
+ const d = m(() => ({
294
+ "f-state-disabled": t.disabled,
295
295
  card: !0,
296
296
  "farris-panel-item": !0,
297
297
  "f-state-selected": n.value
298
- })), y = m(() => !0), s = m(() => ({
298
+ })), f = m(() => !0), y = m(() => ({
299
299
  "f-icon": !0,
300
300
  "f-accordion-collapse": !n.value,
301
301
  "f-accordion-expand": n.value
302
- })), o = m(() => {
303
- const i = {
302
+ })), s = m(() => {
303
+ const o = {
304
304
  transition: "height 0.36s ease 0s",
305
305
  height: n.value ? `${t.height}px` : 0
306
306
  };
307
- return n.value || (i.overflow = "hidden"), i;
307
+ return n.value || (o.overflow = "hidden"), o;
308
308
  });
309
309
  return () => u("div", {
310
- class: f.value
310
+ class: d.value
311
311
  }, [u("div", {
312
312
  class: "card-header",
313
- onClick: d
313
+ onClick: l
314
314
  }, [u("div", {
315
315
  class: "panel-item-title"
316
- }, [y.value && u("span", null, [c.value]), e.slots.head && e.slots.head(), u("span", {
317
- class: s.value
316
+ }, [f.value && u("span", null, [i.value]), e.slots.head && e.slots.head(), u("span", {
317
+ class: y.value
318
318
  }, null)]), u("div", {
319
319
  class: "panel-item-tool"
320
320
  }, [e.slots.toolbar && e.slots.toolbar()]), u("div", {
321
321
  class: "panel-item-clear"
322
322
  }, null)]), u("div", {
323
- style: o.value
323
+ style: s.value
324
324
  }, [u("div", {
325
325
  class: "card-body"
326
326
  }, [e.slots.default && e.slots.default()])])]);
@@ -330,7 +330,7 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
330
330
  props: j,
331
331
  emits: [],
332
332
  setup(t, e) {
333
- const c = m(() => ({
333
+ const i = m(() => ({
334
334
  height: t.height ? `${t.height}px` : "",
335
335
  width: t.width ? `${t.width}px` : ""
336
336
  })), n = m(() => {
@@ -339,13 +339,13 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
339
339
  accordion: !0
340
340
  };
341
341
  return f.reduce((s, o) => (s[o] = !0, s), y), y;
342
- }), r = g(), l = P("design-item-context"), d = M(r, l);
343
- return k(() => {
342
+ }), r = g(), l = k("design-item-context"), d = M(r, l);
343
+ return D(() => {
344
344
  r.value.componentInstance = d;
345
345
  }), e.expose(d.value), () => u("div", {
346
346
  ref: r,
347
347
  class: n.value,
348
- style: c.value
348
+ style: i.value
349
349
  }, [e.slots.default && e.slots.default()]);
350
350
  }
351
351
  }), me = /* @__PURE__ */ C({
@@ -353,7 +353,7 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
353
353
  props: w,
354
354
  emits: [],
355
355
  setup(t, e) {
356
- const c = g(t.title), n = g(!1), r = g(!1);
356
+ const i = g(t.title), n = g(!1), r = g(!1);
357
357
  function l() {
358
358
  n.value = !n.value;
359
359
  }
@@ -369,7 +369,7 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
369
369
  "f-icon": !0,
370
370
  "f-accordion-collapse": !n.value,
371
371
  "f-accordion-expand": n.value
372
- })), i = m(() => {
372
+ })), c = m(() => {
373
373
  const b = {
374
374
  transition: "height 0.36s ease 0s",
375
375
  height: n.value ? `${t.height}px` : 0
@@ -397,14 +397,14 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
397
397
  onClick: d
398
398
  }, [u("div", {
399
399
  class: "panel-item-title"
400
- }, [y.value && u("span", null, [c.value]), s.value && e.slots.head && e.slots.head(), u("span", {
400
+ }, [y.value && u("span", null, [i.value]), s.value && e.slots.head && e.slots.head(), u("span", {
401
401
  class: o.value
402
402
  }, null)]), u("div", {
403
403
  class: "panel-item-tool"
404
404
  }, [e.slots.toolbar && e.slots.toolbar()]), u("div", {
405
405
  class: "panel-item-clear"
406
406
  }, null)]), u("div", {
407
- style: i.value
407
+ style: c.value
408
408
  }, [u("div", {
409
409
  class: "card-body drag-container"
410
410
  }, [e.slots.default && e.slots.default()])])]);
@@ -413,10 +413,10 @@ const ee = "accordion", te = "A Farris Component", ne = "object", se = {
413
413
  v.install = (t) => {
414
414
  t.component(v.name, v), t.component($.name, $);
415
415
  };
416
- v.register = (t, e, c, n) => {
416
+ v.register = (t, e, i, n) => {
417
417
  t.accordion = v, t["accordion-item"] = $, e.accordion = N, e["accordion-item"] = F;
418
418
  };
419
- v.registerDesigner = (t, e, c) => {
419
+ v.registerDesigner = (t, e, i) => {
420
420
  t.accordion = fe, t["accordion-item"] = me, e.accordion = N, e["accordion-item"] = F;
421
421
  };
422
422
  export {
@@ -1 +1 @@
1
- (function(p,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/dynamic-resolver"),require("@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/dynamic-resolver","@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component"],t):(p=typeof globalThis<"u"?globalThis:p||self,t(p.accordion={},p.Vue,p.LodashES,p.dynamicResolver,p.useDesignerComponent))})(this,function(p,t,O,j,P){"use strict";const F={},S={};function A(n){const{properties:e,title:a}=n,o=Object.keys(e).reduce((i,d)=>(i[d]=e[d].type==="object"&&e[d].properties?A(e[d]):O.cloneDeep(e[d].default),i),{});return o.id=`${a}-${Date.now()}`,o}function D(n,e){const a=A(e);return Object.keys(n).reduce((o,i)=>(o[i]=n[i],o),a),a}function k(n,e){return Object.keys(n).filter(o=>n[o]!=null).reduce((o,i)=>{if(e.has(i)){const d=e.get(i);if(typeof d=="string")o[d]=n[i];else{const u=d(i,n[i],n);Object.assign(o,u)}}else o[i]=n[i];return o},{})}function q(n,e,a=new Map){const o=D(n,e);return k(o,a)}function T(n={}){function e(r,s,c,l){if(typeof c=="number")return l[r].length===c;if(typeof c=="object"){const f=Object.keys(c)[0],h=c[f];if(f==="not")return Number(l[r].length)!==Number(h);if(f==="moreThan")return Number(l[r].length)>=Number(h);if(f==="lessThan")return Number(l[r].length)<=Number(h)}return!1}function a(r,s,c,l){return l[r]&&l[r].propertyValue&&String(l[r].propertyValue.value)===String(c)}const o=new Map([["length",e],["getProperty",a]]);Object.keys(n).reduce((r,s)=>(r.set(s,n[s]),r),o);function i(r,s){const c=r;return typeof s=="number"?[{target:c,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:c,operator:"getProperty",param:r,value:!!s}]:typeof s=="object"?Object.keys(s).map(l=>{if(l==="length")return{target:c,operator:"length",param:null,value:s[l]};const f=l,h=s[l];return{target:c,operator:"getProperty",param:f,value:h}}):[]}function d(r){return Object.keys(r).reduce((c,l)=>{const f=i(l,r[l]);return c.push(...f),c},[])}function u(r,s){if(o.has(r.operator)){const c=o.get(r.operator);return c&&c(r.target,r.param,r.value,s)||!1}return!1}function m(r,s){return d(r).reduce((f,h)=>f&&u(h,s),!0)}function y(r,s){const c=Object.keys(r),l=c.includes("allOf"),f=c.includes("anyOf"),h=l||f,I=(h?r[h?l?"allOf":"anyOf":"allOf"]:[r]).map(J=>m(J,s));return l?!I.includes(!1):I.includes(!0)}return{parseValueSchema:y}}const E={},M={};T();function R(n,e,a=new Map,o=(u,m,y)=>m,i={},d=u=>u){return F[e.title]=e,S[e.title]=o,E[e.title]=i,M[e.title]=d,(u={})=>{const m=q(u,e,a),y=Object.keys(n).reduce((r,s)=>(r[s]=n[s].default,r),{});return Object.assign(y,m)}}const w=new Map([["appearance",j.resolveAppearance],["size",(n,e)=>{const a={};return e.width&&(a.width=Number(e.width)),e.height&&(a.height=Number(e.height)),a}]]),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function z(n,e,a){return e}const H={title:"accordion",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},C={customClass:{type:String,default:""},height:{type:Number},width:{type:Number},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1}},V=R(C,B,w,z,H),g=t.defineComponent({name:"FAccordion",props:C,emits:[],setup(n,e){const a=t.computed(()=>({height:n.height?`${n.height}px`:"",width:n.width?`${n.width}px`:""})),o=t.computed(()=>{const i=n.customClass.split(" "),d={"farris-panel":!0,accordion:!0};return i.reduce((u,m)=>(u[m]=!0,u),d),d});return()=>t.createVNode("div",{class:o.value,style:a.value},[e.slots.default&&e.slots.default()])}}),L={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},$={width:{type:Number},height:{type:Number,default:100},title:{type:String,default:""},disable:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},v=j.createPropsResolver($,L,w),N=t.defineComponent({name:"FAccordionItem",props:$,emits:[],setup(n,e){const a=t.ref(n.title),o=t.ref(n.active),i=t.ref(n.disable);function d(){o.value=!o.value}function u(c){d()}const m=t.computed(()=>({"f-state-disabled":i.value,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),y=t.computed(()=>!0),r=t.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),s=t.computed(()=>{const c={transition:"height 0.36s ease 0s",height:o.value?`${n.height}px`:0};return o.value||(c.overflow="hidden"),c});return()=>t.createVNode("div",{class:m.value},[t.createVNode("div",{class:"card-header",onClick:u},[t.createVNode("div",{class:"panel-item-title"},[y.value&&t.createVNode("span",null,[a.value]),e.slots.head&&e.slots.head(),t.createVNode("span",{class:r.value},null)]),t.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),t.createVNode("div",{class:"panel-item-clear"},null)]),t.createVNode("div",{style:s.value},[t.createVNode("div",{class:"card-body"},[e.slots.default&&e.slots.default()])])])}}),_=t.defineComponent({name:"FAccordionDesign",props:C,emits:[],setup(n,e){const a=t.computed(()=>({height:n.height?`${n.height}px`:"",width:n.width?`${n.width}px`:""})),o=t.computed(()=>{const m=n.customClass.split(" "),y={"farris-panel":!0,accordion:!0};return m.reduce((r,s)=>(r[s]=!0,r),y),y}),i=t.ref(),d=t.inject("design-item-context"),u=P.useDesignerComponent(i,d);return t.onMounted(()=>{i.value.componentInstance=u}),e.expose(u.value),()=>t.createVNode("div",{ref:i,class:o.value,style:a.value},[e.slots.default&&e.slots.default()])}}),G=t.defineComponent({name:"FAccordionItemDesign",props:$,emits:[],setup(n,e){const a=t.ref(n.title),o=t.ref(!1),i=t.ref(!1);function d(){o.value=!o.value}function u(b){d()}const m=t.computed(()=>({"f-state-disable":i.value,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),y=t.computed(()=>!0),r=t.computed(()=>!1),s=t.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),c=t.computed(()=>{const b={transition:"height 0.36s ease 0s",height:o.value?`${n.height}px`:0};return o.value||(b.overflow="hidden"),b});function l(){return!0}function f(){return!1}function h(){return!0}return e.expose({canMove:l(),canSelectParent:f(),canDelete:h(),canNested:!0}),()=>t.createVNode("div",{class:m.value},[t.createVNode("div",{class:"card-header",onClick:u},[t.createVNode("div",{class:"panel-item-title"},[y.value&&t.createVNode("span",null,[a.value]),r.value&&e.slots.head&&e.slots.head(),t.createVNode("span",{class:s.value},null)]),t.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),t.createVNode("div",{class:"panel-item-clear"},null)]),t.createVNode("div",{style:c.value},[t.createVNode("div",{class:"card-body drag-container"},[e.slots.default&&e.slots.default()])])])}});g.install=n=>{n.component(g.name,g),n.component(N.name,N)},g.register=(n,e,a,o)=>{n.accordion=g,n["accordion-item"]=N,e.accordion=V,e["accordion-item"]=v},g.registerDesigner=(n,e,a)=>{n.accordion=_,n["accordion-item"]=G,e.accordion=V,e["accordion-item"]=v},p.FAccordion=g,p.FAccordionItem=N,p.accordionItemProps=$,p.accordionItemPropsResolver=v,p.accordionProps=C,p.accordionPropsResolver=V,p.default=g,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(p,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/dynamic-resolver"),require("@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/dynamic-resolver","@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component"],n):(p=typeof globalThis<"u"?globalThis:p||self,n(p.accordion={},p.Vue,p.LodashES,p.dynamicResolver,p.useDesignerComponent))})(this,function(p,n,O,j,P){"use strict";const F={},S={};function A(t){const{properties:e,title:c}=t,o=Object.keys(e).reduce((i,d)=>(i[d]=e[d].type==="object"&&e[d].properties?A(e[d]):O.cloneDeep(e[d].default),i),{});return o.id=`${c}-${Date.now()}`,o}function D(t,e){const c=A(e);return Object.keys(t).reduce((o,i)=>(o[i]=t[i],o),c),c}function k(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,i)=>{if(e.has(i)){const d=e.get(i);if(typeof d=="string")o[d]=t[i];else{const u=d(i,t[i],t);Object.assign(o,u)}}else o[i]=t[i];return o},{})}function q(t,e,c=new Map){const o=D(t,e);return k(o,c)}function T(t={}){function e(r,s,a,l){if(typeof a=="number")return l[r].length===a;if(typeof a=="object"){const f=Object.keys(a)[0],h=a[f];if(f==="not")return Number(l[r].length)!==Number(h);if(f==="moreThan")return Number(l[r].length)>=Number(h);if(f==="lessThan")return Number(l[r].length)<=Number(h)}return!1}function c(r,s,a,l){return l[r]&&l[r].propertyValue&&String(l[r].propertyValue.value)===String(a)}const o=new Map([["length",e],["getProperty",c]]);Object.keys(t).reduce((r,s)=>(r.set(s,t[s]),r),o);function i(r,s){const a=r;return typeof s=="number"?[{target:a,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:a,operator:"getProperty",param:r,value:!!s}]:typeof s=="object"?Object.keys(s).map(l=>{if(l==="length")return{target:a,operator:"length",param:null,value:s[l]};const f=l,h=s[l];return{target:a,operator:"getProperty",param:f,value:h}}):[]}function d(r){return Object.keys(r).reduce((a,l)=>{const f=i(l,r[l]);return a.push(...f),a},[])}function u(r,s){if(o.has(r.operator)){const a=o.get(r.operator);return a&&a(r.target,r.param,r.value,s)||!1}return!1}function m(r,s){return d(r).reduce((f,h)=>f&&u(h,s),!0)}function y(r,s){const a=Object.keys(r),l=a.includes("allOf"),f=a.includes("anyOf"),h=l||f,I=(h?r[h?l?"allOf":"anyOf":"allOf"]:[r]).map(J=>m(J,s));return l?!I.includes(!1):I.includes(!0)}return{parseValueSchema:y}}const E={},M={};T();function R(t,e,c=new Map,o=(u,m,y)=>m,i={},d=u=>u){return F[e.title]=e,S[e.title]=o,E[e.title]=i,M[e.title]=d,(u={})=>{const m=q(u,e,c),y=Object.keys(t).reduce((r,s)=>(r[s]=t[s].default,r),{});return Object.assign(y,m)}}const w=new Map([["appearance",j.resolveAppearance],["size",(t,e)=>{const c={};return e.width&&(c.width=Number(e.width)),e.height&&(c.height=Number(e.height)),c}]]),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function z(t,e,c){return e}const H={title:"accordion",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},C={customClass:{type:String,default:""},height:{type:Number},width:{type:Number},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1}},V=R(C,B,w,z,H),g=n.defineComponent({name:"FAccordion",props:C,emits:[],setup(t,e){const c=n.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""})),o=n.computed(()=>{const i=t.customClass.split(" "),d={"farris-panel":!0,accordion:!0};return i.reduce((u,m)=>(u[m]=!0,u),d),d});return()=>n.createVNode("div",{class:o.value,style:c.value},[e.slots.default&&e.slots.default()])}}),L={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},$={width:{type:Number},height:{type:Number,default:100},title:{type:String,default:""},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},v=j.createPropsResolver($,L,w),N=n.defineComponent({name:"FAccordionItem",props:$,emits:[],setup(t,e){const c=n.ref(t.title),o=n.ref(t.active);function i(){t.disabled||(o.value=!o.value)}function d(s){i()}const u=n.computed(()=>({"f-state-disabled":t.disabled,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),m=n.computed(()=>!0),y=n.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),r=n.computed(()=>{const s={transition:"height 0.36s ease 0s",height:o.value?`${t.height}px`:0};return o.value||(s.overflow="hidden"),s});return()=>n.createVNode("div",{class:u.value},[n.createVNode("div",{class:"card-header",onClick:d},[n.createVNode("div",{class:"panel-item-title"},[m.value&&n.createVNode("span",null,[c.value]),e.slots.head&&e.slots.head(),n.createVNode("span",{class:y.value},null)]),n.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),n.createVNode("div",{class:"panel-item-clear"},null)]),n.createVNode("div",{style:r.value},[n.createVNode("div",{class:"card-body"},[e.slots.default&&e.slots.default()])])])}}),_=n.defineComponent({name:"FAccordionDesign",props:C,emits:[],setup(t,e){const c=n.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""})),o=n.computed(()=>{const m=t.customClass.split(" "),y={"farris-panel":!0,accordion:!0};return m.reduce((r,s)=>(r[s]=!0,r),y),y}),i=n.ref(),d=n.inject("design-item-context"),u=P.useDesignerComponent(i,d);return n.onMounted(()=>{i.value.componentInstance=u}),e.expose(u.value),()=>n.createVNode("div",{ref:i,class:o.value,style:c.value},[e.slots.default&&e.slots.default()])}}),G=n.defineComponent({name:"FAccordionItemDesign",props:$,emits:[],setup(t,e){const c=n.ref(t.title),o=n.ref(!1),i=n.ref(!1);function d(){o.value=!o.value}function u(b){d()}const m=n.computed(()=>({"f-state-disable":i.value,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),y=n.computed(()=>!0),r=n.computed(()=>!1),s=n.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),a=n.computed(()=>{const b={transition:"height 0.36s ease 0s",height:o.value?`${t.height}px`:0};return o.value||(b.overflow="hidden"),b});function l(){return!0}function f(){return!1}function h(){return!0}return e.expose({canMove:l(),canSelectParent:f(),canDelete:h(),canNested:!0}),()=>n.createVNode("div",{class:m.value},[n.createVNode("div",{class:"card-header",onClick:u},[n.createVNode("div",{class:"panel-item-title"},[y.value&&n.createVNode("span",null,[c.value]),r.value&&e.slots.head&&e.slots.head(),n.createVNode("span",{class:s.value},null)]),n.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),n.createVNode("div",{class:"panel-item-clear"},null)]),n.createVNode("div",{style:a.value},[n.createVNode("div",{class:"card-body drag-container"},[e.slots.default&&e.slots.default()])])])}});g.install=t=>{t.component(g.name,g),t.component(N.name,N)},g.register=(t,e,c,o)=>{t.accordion=g,t["accordion-item"]=N,e.accordion=V,e["accordion-item"]=v},g.registerDesigner=(t,e,c)=>{t.accordion=_,t["accordion-item"]=G,e.accordion=V,e["accordion-item"]=v},p.FAccordion=g,p.FAccordionItem=N,p.accordionItemProps=$,p.accordionItemPropsResolver=v,p.accordionProps=C,p.accordionPropsResolver=V,p.default=g,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
@@ -248,7 +248,7 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
248
248
  e.emit("mounted", u, n.value);
249
249
  });
250
250
  function o(d) {
251
- e.emit("active", d, {
251
+ n.disabled || e.emit("active", d, {
252
252
  name: n.name,
253
253
  value: n.value
254
254
  });
@@ -1 +1 @@
1
- (function(j,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/common"],t):(j=typeof globalThis<"u"?globalThis:j||self,t(j.capsule={},j.Vue,j.LodashES,j.common))})(this,function(j,t,L,_){"use strict";const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},k={},F={};function B(a){const{properties:e,title:u}=a,s=Object.keys(e).reduce((o,i)=>(o[i]=e[i].type==="object"&&e[i].properties?B(e[i]):L.cloneDeep(e[i].default),o),{});return s.id=`${u}-${Date.now()}`,s}function P(a,e={}){const u=k[a];if(u){let s=B(u);const o=F[a];return s=o?o({getSchemaByType:P},s,e):s,s}return null}function z(a,e){const u=B(e);return Object.keys(a).reduce((s,o)=>(s[o]=a[o],s),u),u}function G(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,o)=>{if(e.has(o)){const i=e.get(o);if(typeof i=="string")s[i]=a[o];else{const m=i(o,a[o],a);Object.assign(s,m)}}else s[o]=a[o];return s},{})}function H(a,e,u=new Map){const s=z(a,e);return G(s,u)}function Q(a={}){function e(r,f,p,d){if(typeof p=="number")return d[r].length===p;if(typeof p=="object"){const v=Object.keys(p)[0],g=p[v];if(v==="not")return Number(d[r].length)!==Number(g);if(v==="moreThan")return Number(d[r].length)>=Number(g);if(v==="lessThan")return Number(d[r].length)<=Number(g)}return!1}function u(r,f,p,d){return d[r]&&d[r].propertyValue&&String(d[r].propertyValue.value)===String(p)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((r,f)=>(r.set(f,a[f]),r),s);function o(r,f){const p=r;return typeof f=="number"?[{target:p,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:p,operator:"getProperty",param:r,value:!!f}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:p,operator:"length",param:null,value:f[d]};const v=d,g=f[d];return{target:p,operator:"getProperty",param:v,value:g}}):[]}function i(r){return Object.keys(r).reduce((p,d)=>{const v=o(d,r[d]);return p.push(...v),p},[])}function m(r,f){if(s.has(r.operator)){const p=s.get(r.operator);return p&&p(r.target,r.param,r.value,f)||!1}return!1}function O(r,f){return i(r).reduce((v,g)=>v&&m(g,f),!0)}function M(r,f){const p=Object.keys(r),d=p.includes("allOf"),v=p.includes("anyOf"),g=d||v,C=(g?r[g?d?"allOf":"anyOf":"allOf"]:[r]).map(A=>O(A,f));return d?!C.includes(!1):C.includes(!0)}return{parseValueSchema:M}}const U={},X={};Q();function Y(a,e,u=new Map,s=(m,O,M)=>O,o={},i=m=>m){return k[e.title]=e,F[e.title]=s,U[e.title]=o,X[e.title]=i,(m={})=>{const O=H(m,e,u),M=Object.keys(a).reduce((r,f)=>(r[f]=a[f].default,r),{});return Object.assign(M,O)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},E={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},q={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},D=Y(E,J,I,K,x),W=t.defineComponent({name:"FCapsuleItem",props:q,emits:["mounted","active"],setup(a,e){const u=t.ref(),s=t.ref(a.isActive);t.watch(()=>a.isActive,m=>{s.value=m});const o=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(m){e.emit("active",m,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:o.value,onClick:m=>i(m)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),T=t.defineComponent({name:"FCapsule",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),o=2,i=t.ref(a.modelValue),m=t.ref("none"),O=t.ref(a.type),M=t.computed(()=>{const c={"f-capsule-container":!0};return O.value&&(c[O.value]=!0),c}),r=t.computed(()=>({})),f=t.computed(()=>({"f-capsule":!0})),p=t.ref(o),d=t.ref(0),v=t.ref(0),g=t.computed(()=>({left:`${p.value}px`,width:`${d.value}px`,transition:m.value})),S=t.computed(()=>({width:`${v.value}px`})),V=new Map;function C(c){var n;if(V.has(c.value)){const l=(n=V.get(c.value))==null?void 0:n.value;if(l){const h=l.getBoundingClientRect(),R=s.value.getBoundingClientRect();p.value=h.left-R.left+o+s.value.scrollLeft,d.value=h.width-2*o}}}function w(c,n){const l=c.value;i.value=l,e.emit("update:modelValue",l),C(c),n&&e.emit("change",l)}function A(c){const n=u.value.findIndex(l=>l.value===c);n>-1&&w(u.value[n],!1)}t.watch(()=>a.modelValue,c=>{i.value=c,A(i.value)}),t.watch(()=>a.items,async c=>{const n=c.filter(l=>l.show);y(n),u.value=n,await t.nextTick(),A(i.value),v.value=Array.from(V.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{A(i.value),await t.nextTick(),m.value="0.1s ease-out all",v.value=Array.from(V.values()).reduce((c,n)=>(c+=n.value.clientWidth,c),0)});function N(c,n){w(n,!0)}function $(c,n){V.set(n,c)}function y(c){Array.from(V.keys()).forEach(n=>{c.find(h=>h.value===n)||V.delete(n)})}function b(c,n){return t.createVNode(W,{name:c.name,value:c.value,isActive:c.value===i.value,index:n,disabled:c.disabled,key:c.value,onMounted:$,onActive:N},null)}return()=>t.createVNode("span",{ref:s,class:M.value,style:r.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,n)=>b(c,n))]),t.createVNode("small",{class:f.value,style:g.value},null),t.createVNode("div",{class:"f-capsule-board",style:S.value},null)])}});function ee(a,e,u){var $;function s(){}const o="",i="",m=t.ref();function O(){return(e==null?void 0:e.schema.componentType)!=="frame"}function M(){return!1}function r(){return(e==null?void 0:e.schema.componentType)!=="frame"}function f(){return(e==null?void 0:e.schema.componentType)==="frame"}function p(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const b=t.ref(y==null?void 0:y.value.parent),c=p(b);return c||null}function d(y=e){const{componentInstance:b,designerItemElementRef:c}=y;return!b||!b.value?null:b.value.canMove?c:d(y.parent)}function v(y){return!!u}function g(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function V(y,b){}function C(y){const{componentType:b}=y;let c=P(b,y);const n=b.toLowerCase().replace("-","_");return c&&!c.id&&c.type===b&&(c.id=`${n}_${Math.random().toString().slice(2,6)}`),c}function w(y,b){const c=String(y.getAttribute("data-controltype")),n=y.getAttribute("data-feature"),l=n?JSON.parse(n):{};l.parentComponentInstance=m.value;let h=P(c,l);const R=c.toLowerCase().replace("-","_");return h&&!h.id&&h.type===c&&(h.id=`${R}_${Math.random().toString().slice(2,6)}`),h}function A(y){}function N(...y){}return m.value={canMove:O(),canSelectParent:M(),canDelete:r(),canNested:!f(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:o,designerClass:i,canAccepts:v,getBelongedComponentInstance:p,getDraggableDesignItemElement:d,getDraggingDisplayText:g,getPropConfig:N,getDragScopeElement:S,onAcceptMovedChildElement:V,onAcceptNewChildElement:w,onChildElementMovedOut:A,addNewChildComponentSchema:C,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},m}const te=t.defineComponent({name:"FCapsuleDesign",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),o=2,i=t.ref(a.modelValue),m=t.ref("none"),O=t.ref(a.type),M=t.inject("design-item-context"),r=ee(s,M);t.onMounted(()=>{s.value.componentInstance=r}),e.expose(r.value);const f=t.computed(()=>{const n={"f-capsule-container":!0};return O.value&&(n[O.value]=!0),n}),p=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),v=t.ref(o),g=t.ref(0),S=t.ref(0),V=t.computed(()=>({left:`${v.value}px`,width:`${g.value}px`,transition:m.value})),C=t.computed(()=>({width:`${S.value}px`})),w=new Map;function A(n){var l;if(w.has(n.value)){const h=(l=w.get(n.value))==null?void 0:l.value;if(h){const R=h.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=R.left-ae.left+o+s.value.scrollLeft,g.value=R.width-2*o}}}function N(n,l){const h=n.value;i.value=h,e.emit("update:modelValue",h),A(n),l&&e.emit("change",h)}function $(n){const l=u.value.findIndex(h=>h.value===n);l>-1&&N(u.value[l],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,$(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),$(i.value),S.value=Array.from(w.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),m.value="0.1s ease-out all",S.value=Array.from(w.values()).reduce((n,l)=>(n+=l.value.clientWidth,n),0)});function y(n,l){N(l,!0)}function b(n,l){w.set(l,n)}function c(n,l){return t.createVNode(W,{name:n.name,value:n.value,isActive:n.value===i.value,index:l,onMounted:b,onActive:y},null)}return()=>t.createVNode("span",{ref:s,class:f.value,style:p.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,l)=>c(n,l))]),t.createVNode("small",{class:d.value,style:V.value},null),t.createVNode("div",{class:"f-capsule-board",style:C.value},null)])}});T.register=(a,e,u)=>{a.capsule=T,e.capsule=D},T.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=D};const ne=_.withInstall(T);j.FCapsule=T,j.capsuleItemProps=q,j.capsuleProps=E,j.default=ne,j.propsResolver=D,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(j,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/common"],t):(j=typeof globalThis<"u"?globalThis:j||self,t(j.capsule={},j.Vue,j.LodashES,j.common))})(this,function(j,t,L,_){"use strict";const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},k={},F={};function B(a){const{properties:e,title:u}=a,s=Object.keys(e).reduce((o,i)=>(o[i]=e[i].type==="object"&&e[i].properties?B(e[i]):L.cloneDeep(e[i].default),o),{});return s.id=`${u}-${Date.now()}`,s}function P(a,e={}){const u=k[a];if(u){let s=B(u);const o=F[a];return s=o?o({getSchemaByType:P},s,e):s,s}return null}function z(a,e){const u=B(e);return Object.keys(a).reduce((s,o)=>(s[o]=a[o],s),u),u}function G(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,o)=>{if(e.has(o)){const i=e.get(o);if(typeof i=="string")s[i]=a[o];else{const m=i(o,a[o],a);Object.assign(s,m)}}else s[o]=a[o];return s},{})}function H(a,e,u=new Map){const s=z(a,e);return G(s,u)}function Q(a={}){function e(r,f,p,d){if(typeof p=="number")return d[r].length===p;if(typeof p=="object"){const v=Object.keys(p)[0],g=p[v];if(v==="not")return Number(d[r].length)!==Number(g);if(v==="moreThan")return Number(d[r].length)>=Number(g);if(v==="lessThan")return Number(d[r].length)<=Number(g)}return!1}function u(r,f,p,d){return d[r]&&d[r].propertyValue&&String(d[r].propertyValue.value)===String(p)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((r,f)=>(r.set(f,a[f]),r),s);function o(r,f){const p=r;return typeof f=="number"?[{target:p,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:p,operator:"getProperty",param:r,value:!!f}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:p,operator:"length",param:null,value:f[d]};const v=d,g=f[d];return{target:p,operator:"getProperty",param:v,value:g}}):[]}function i(r){return Object.keys(r).reduce((p,d)=>{const v=o(d,r[d]);return p.push(...v),p},[])}function m(r,f){if(s.has(r.operator)){const p=s.get(r.operator);return p&&p(r.target,r.param,r.value,f)||!1}return!1}function O(r,f){return i(r).reduce((v,g)=>v&&m(g,f),!0)}function M(r,f){const p=Object.keys(r),d=p.includes("allOf"),v=p.includes("anyOf"),g=d||v,C=(g?r[g?d?"allOf":"anyOf":"allOf"]:[r]).map(A=>O(A,f));return d?!C.includes(!1):C.includes(!0)}return{parseValueSchema:M}}const U={},X={};Q();function Y(a,e,u=new Map,s=(m,O,M)=>O,o={},i=m=>m){return k[e.title]=e,F[e.title]=s,U[e.title]=o,X[e.title]=i,(m={})=>{const O=H(m,e,u),M=Object.keys(a).reduce((r,f)=>(r[f]=a[f].default,r),{});return Object.assign(M,O)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},E={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},q={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},D=Y(E,J,I,K,x),W=t.defineComponent({name:"FCapsuleItem",props:q,emits:["mounted","active"],setup(a,e){const u=t.ref(),s=t.ref(a.isActive);t.watch(()=>a.isActive,m=>{s.value=m});const o=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(m){a.disabled||e.emit("active",m,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:o.value,onClick:m=>i(m)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),T=t.defineComponent({name:"FCapsule",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),o=2,i=t.ref(a.modelValue),m=t.ref("none"),O=t.ref(a.type),M=t.computed(()=>{const c={"f-capsule-container":!0};return O.value&&(c[O.value]=!0),c}),r=t.computed(()=>({})),f=t.computed(()=>({"f-capsule":!0})),p=t.ref(o),d=t.ref(0),v=t.ref(0),g=t.computed(()=>({left:`${p.value}px`,width:`${d.value}px`,transition:m.value})),S=t.computed(()=>({width:`${v.value}px`})),V=new Map;function C(c){var n;if(V.has(c.value)){const l=(n=V.get(c.value))==null?void 0:n.value;if(l){const h=l.getBoundingClientRect(),R=s.value.getBoundingClientRect();p.value=h.left-R.left+o+s.value.scrollLeft,d.value=h.width-2*o}}}function w(c,n){const l=c.value;i.value=l,e.emit("update:modelValue",l),C(c),n&&e.emit("change",l)}function A(c){const n=u.value.findIndex(l=>l.value===c);n>-1&&w(u.value[n],!1)}t.watch(()=>a.modelValue,c=>{i.value=c,A(i.value)}),t.watch(()=>a.items,async c=>{const n=c.filter(l=>l.show);y(n),u.value=n,await t.nextTick(),A(i.value),v.value=Array.from(V.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{A(i.value),await t.nextTick(),m.value="0.1s ease-out all",v.value=Array.from(V.values()).reduce((c,n)=>(c+=n.value.clientWidth,c),0)});function N(c,n){w(n,!0)}function $(c,n){V.set(n,c)}function y(c){Array.from(V.keys()).forEach(n=>{c.find(h=>h.value===n)||V.delete(n)})}function b(c,n){return t.createVNode(W,{name:c.name,value:c.value,isActive:c.value===i.value,index:n,disabled:c.disabled,key:c.value,onMounted:$,onActive:N},null)}return()=>t.createVNode("span",{ref:s,class:M.value,style:r.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,n)=>b(c,n))]),t.createVNode("small",{class:f.value,style:g.value},null),t.createVNode("div",{class:"f-capsule-board",style:S.value},null)])}});function ee(a,e,u){var $;function s(){}const o="",i="",m=t.ref();function O(){return(e==null?void 0:e.schema.componentType)!=="frame"}function M(){return!1}function r(){return(e==null?void 0:e.schema.componentType)!=="frame"}function f(){return(e==null?void 0:e.schema.componentType)==="frame"}function p(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const b=t.ref(y==null?void 0:y.value.parent),c=p(b);return c||null}function d(y=e){const{componentInstance:b,designerItemElementRef:c}=y;return!b||!b.value?null:b.value.canMove?c:d(y.parent)}function v(y){return!!u}function g(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function V(y,b){}function C(y){const{componentType:b}=y;let c=P(b,y);const n=b.toLowerCase().replace("-","_");return c&&!c.id&&c.type===b&&(c.id=`${n}_${Math.random().toString().slice(2,6)}`),c}function w(y,b){const c=String(y.getAttribute("data-controltype")),n=y.getAttribute("data-feature"),l=n?JSON.parse(n):{};l.parentComponentInstance=m.value;let h=P(c,l);const R=c.toLowerCase().replace("-","_");return h&&!h.id&&h.type===c&&(h.id=`${R}_${Math.random().toString().slice(2,6)}`),h}function A(y){}function N(...y){}return m.value={canMove:O(),canSelectParent:M(),canDelete:r(),canNested:!f(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:o,designerClass:i,canAccepts:v,getBelongedComponentInstance:p,getDraggableDesignItemElement:d,getDraggingDisplayText:g,getPropConfig:N,getDragScopeElement:S,onAcceptMovedChildElement:V,onAcceptNewChildElement:w,onChildElementMovedOut:A,addNewChildComponentSchema:C,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},m}const te=t.defineComponent({name:"FCapsuleDesign",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),o=2,i=t.ref(a.modelValue),m=t.ref("none"),O=t.ref(a.type),M=t.inject("design-item-context"),r=ee(s,M);t.onMounted(()=>{s.value.componentInstance=r}),e.expose(r.value);const f=t.computed(()=>{const n={"f-capsule-container":!0};return O.value&&(n[O.value]=!0),n}),p=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),v=t.ref(o),g=t.ref(0),S=t.ref(0),V=t.computed(()=>({left:`${v.value}px`,width:`${g.value}px`,transition:m.value})),C=t.computed(()=>({width:`${S.value}px`})),w=new Map;function A(n){var l;if(w.has(n.value)){const h=(l=w.get(n.value))==null?void 0:l.value;if(h){const R=h.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=R.left-ae.left+o+s.value.scrollLeft,g.value=R.width-2*o}}}function N(n,l){const h=n.value;i.value=h,e.emit("update:modelValue",h),A(n),l&&e.emit("change",h)}function $(n){const l=u.value.findIndex(h=>h.value===n);l>-1&&N(u.value[l],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,$(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),$(i.value),S.value=Array.from(w.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),m.value="0.1s ease-out all",S.value=Array.from(w.values()).reduce((n,l)=>(n+=l.value.clientWidth,n),0)});function y(n,l){N(l,!0)}function b(n,l){w.set(l,n)}function c(n,l){return t.createVNode(W,{name:n.name,value:n.value,isActive:n.value===i.value,index:l,onMounted:b,onActive:y},null)}return()=>t.createVNode("span",{ref:s,class:f.value,style:p.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,l)=>c(n,l))]),t.createVNode("small",{class:d.value,style:V.value},null),t.createVNode("div",{class:"f-capsule-board",style:C.value},null)])}});T.register=(a,e,u)=>{a.capsule=T,e.capsule=D},T.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=D};const ne=_.withInstall(T);j.FCapsule=T,j.capsuleItemProps=q,j.capsuleProps=E,j.default=ne,j.propsResolver=D,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
@@ -1833,7 +1833,7 @@ const un = (t) => {
1833
1833
  }, t;
1834
1834
  }, sn = Symbol("checkboxGroupContext");
1835
1835
  function cn(t, e, n, r) {
1836
- const a = m(() => n == null ? void 0 : n.name), i = m(() => t.disabled || (n == null ? void 0 : n.disabled)), o = m(() => (n == null ? void 0 : n.mode) === "tag"), u = m(() => (n == null ? void 0 : n.mode) === "button"), c = m(() => !o.value && !u.value), f = m(() => (n == null ? void 0 : n.size) === "small"), w = m(() => (n == null ? void 0 : n.size) === "large"), x = m(() => (n == null ? void 0 : n.size) === "middle" || (n == null ? void 0 : n.size) !== "small" && (n == null ? void 0 : n.size) !== "large"), g = m(() => n ? n.modelValue === t.value || n.modelValue.includes(t.value) : t.checked), M = m(() => ({
1836
+ const a = m(() => n == null ? void 0 : n.name), i = m(() => t.disabled || (n == null ? void 0 : n.disabled)), o = m(() => (n == null ? void 0 : n.mode) === "tag"), u = m(() => (n == null ? void 0 : n.mode) === "button"), c = m(() => !o.value && !u.value), f = m(() => (n == null ? void 0 : n.size) === "small"), w = m(() => (n == null ? void 0 : n.size) === "large"), x = m(() => (n == null ? void 0 : n.size) === "middle" || (n == null ? void 0 : n.size) !== "small" && (n == null ? void 0 : n.size) !== "large"), g = m(() => n ? n.modelValue === t.value || n.modelValue.includes(t.value) : t.checked || t.modelValue), M = m(() => ({
1837
1837
  btn: !0,
1838
1838
  "f-radio-button": !0,
1839
1839
  "btn-sm": f.value,
@@ -1869,7 +1869,7 @@ function cn(t, e, n, r) {
1869
1869
  r.emit("update:modelValue", k), r.emit("changeValue", k);
1870
1870
  }
1871
1871
  else
1872
- e.emit("update:checked", !g.value), e.emit("changeValue", !g.value), e.emit("change", { originalEvent: b, checked: !g.value });
1872
+ e.emit("update:checked", !g.value), e.emit("update:modelValue", !g.value), e.emit("changeValue", !g.value), e.emit("change", { originalEvent: b, checked: !g.value });
1873
1873
  }
1874
1874
  };
1875
1875
  }