@farris/ui-vue 1.2.7 → 1.2.8

package/components/search-box/index.esm.js

@@ -1,105 +1,105 @@
-import { defineComponent as j, ref as h, computed as D, watch as S, createVNode as v, Fragment as X, inject as U, onMounted as W, resolveComponent as x } from "vue";
-import J from "@farris/ui-vue/components/button-edit";
+import { defineComponent as E, ref as h, computed as j, watch as B, createVNode as v, Fragment as X, inject as U, onMounted as W, resolveComponent as x } from "vue";
+import J from "../button-edit/index.esm.js";
 import { cloneDeep as z } from "lodash-es";
-import G from "@farris/ui-vue/components/list-view";
-import Q from "@farris/ui-vue/components/loading";
+import G from "../list-view/index.esm.js";
+import Q from "../loading/index.esm.js";
 const T = {}, A = {};
 function M(t) {
-  const { properties: e, title: c } = t, r = Object.keys(e).reduce((u, p) => (u[p] = e[p].type === "object" && e[p].properties ? M(e[p]) : z(e[p].default), u), {});
-  return r.id = `${c}-${Date.now()}`, r;
+  const { properties: e, title: c } = t, o = Object.keys(e).reduce((l, p) => (l[p] = e[p].type === "object" && e[p].properties ? M(e[p]) : z(e[p].default), l), {});
+  return o.id = `${c}-${Date.now()}`, o;
 }
-function E(t, e = {}) {
+function D(t, e = {}) {
   const c = T[t];
   if (c) {
-    let r = M(c);
-    const u = A[t];
-    return r = u ? u({ getSchemaByType: E }, r, e) : r, r;
+    let o = M(c);
+    const l = A[t];
+    return o = l ? l({ getSchemaByType: D }, o, e) : o, o;
   }
   return null;
 }
 function Y(t, e) {
   const c = M(e);
-  return Object.keys(t).reduce((r, u) => (r[u] = t[u], r), c), c;
+  return Object.keys(t).reduce((o, l) => (o[l] && typeof o[l] == "object" ? Object.assign(o[l], t[l]) : o[l] = t[l], o), c), c;
 }
 function Z(t, e) {
-  return Object.keys(t).filter((r) => t[r] != null).reduce((r, u) => {
-    if (e.has(u)) {
-      const p = e.get(u);
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
+    if (e.has(l)) {
+      const p = e.get(l);
       if (typeof p == "string")
-        r[p] = t[u];
+        o[p] = t[l];
       else {
-        const m = p(u, t[u], t);
-        Object.assign(r, m);
+        const m = p(l, t[l], t);
+        Object.assign(o, m);
       }
     } else
-      r[u] = t[u];
-    return r;
+      o[l] = t[l];
+    return o;
   }, {});
 }
 function K(t, e, c = /* @__PURE__ */ new Map()) {
-  const r = Y(t, e);
-  return Z(r, c);
+  const o = Y(t, e);
+  return Z(o, c);
 }
 function I(t = {}) {
-  function e(o, n, l, i) {
-    if (typeof l == "number")
-      return i[o].length === l;
-    if (typeof l == "object") {
-      const a = Object.keys(l)[0], s = l[a];
-      if (a === "not")
-        return Number(i[o].length) !== Number(s);
-      if (a === "moreThan")
-        return Number(i[o].length) >= Number(s);
-      if (a === "lessThan")
-        return Number(i[o].length) <= Number(s);
+  function e(a, n, u, i) {
+    if (typeof u == "number")
+      return i[a].length === u;
+    if (typeof u == "object") {
+      const r = Object.keys(u)[0], s = u[r];
+      if (r === "not")
+        return Number(i[a].length) !== Number(s);
+      if (r === "moreThan")
+        return Number(i[a].length) >= Number(s);
+      if (r === "lessThan")
+        return Number(i[a].length) <= Number(s);
     }
     return !1;
   }
-  function c(o, n, l, i) {
-    return i[o] && i[o].propertyValue && String(i[o].propertyValue.value) === String(l);
+  function c(a, n, u, i) {
+    return i[a] && i[a].propertyValue && String(i[a].propertyValue.value) === String(u);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", c]
   ]);
-  Object.keys(t).reduce((o, n) => (o.set(n, t[n]), o), r);
-  function u(o, n) {
-    const l = o;
-    return typeof n == "number" ? [{ target: l, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: l, operator: "getProperty", param: o, value: !!n }] : typeof n == "object" ? Object.keys(n).map((i) => {
+  Object.keys(t).reduce((a, n) => (a.set(n, t[n]), a), o);
+  function l(a, n) {
+    const u = a;
+    return typeof n == "number" ? [{ target: u, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: u, operator: "getProperty", param: a, value: !!n }] : typeof n == "object" ? Object.keys(n).map((i) => {
       if (i === "length")
-        return { target: l, operator: "length", param: null, value: n[i] };
-      const a = i, s = n[i];
-      return { target: l, operator: "getProperty", param: a, value: s };
+        return { target: u, operator: "length", param: null, value: n[i] };
+      const r = i, s = n[i];
+      return { target: u, operator: "getProperty", param: r, value: s };
     }) : [];
   }
-  function p(o) {
-    return Object.keys(o).reduce((l, i) => {
-      const a = u(i, o[i]);
-      return l.push(...a), l;
+  function p(a) {
+    return Object.keys(a).reduce((u, i) => {
+      const r = l(i, a[i]);
+      return u.push(...r), u;
     }, []);
   }
-  function m(o, n) {
-    if (r.has(o.operator)) {
-      const l = r.get(o.operator);
-      return l && l(o.target, o.param, o.value, n) || !1;
+  function m(a, n) {
+    if (o.has(a.operator)) {
+      const u = o.get(a.operator);
+      return u && u(a.target, a.param, a.value, n) || !1;
     }
     return !1;
   }
-  function d(o, n) {
-    return p(o).reduce((a, s) => a && m(s, n), !0);
+  function d(a, n) {
+    return p(a).reduce((r, s) => r && m(s, n), !0);
   }
-  function y(o, n) {
-    const l = Object.keys(o), i = l.includes("allOf"), a = l.includes("anyOf"), s = i || a, F = (s ? o[s ? i ? "allOf" : "anyOf" : "allOf"] : [o]).map((O) => d(O, n));
+  function g(a, n) {
+    const u = Object.keys(a), i = u.includes("allOf"), r = u.includes("anyOf"), s = i || r, F = (s ? a[s ? i ? "allOf" : "anyOf" : "allOf"] : [a]).map((w) => d(w, n));
     return i ? !F.includes(!1) : F.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: g };
 }
 const ee = {}, te = {};
 I();
-function ne(t, e, c = /* @__PURE__ */ new Map(), r = (m, d, y) => d, u = {}, p = (m) => m) {
-  return T[e.title] = e, A[e.title] = r, ee[e.title] = u, te[e.title] = p, (m = {}) => {
-    const d = K(m, e, c), y = Object.keys(t).reduce((o, n) => (o[n] = t[n].default, o), {});
-    return Object.assign(y, d);
+function ne(t, e, c = /* @__PURE__ */ new Map(), o = (m, d, g) => d, l = {}, p = (m) => m) {
+  return T[e.title] = e, A[e.title] = o, ee[e.title] = l, te[e.title] = p, (m = {}) => {
+    const d = K(m, e, c), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
+    return Object.assign(g, d);
   };
 }
 function oe(t, e) {
@@ -184,7 +184,7 @@ const ae = /* @__PURE__ */ new Map([
 function de(t, e, c) {
   return e;
 }
-const he = "search-box", me = "A Farris Component", ye = "object", ge = {
+const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -209,8 +209,8 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
 }, be = {
   title: he,
   description: me,
-  type: ye,
-  categories: ge
+  type: ge,
+  categories: ye
 }, P = {
   /**
    * 自定义图标
@@ -281,54 +281,54 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, L = /* @__PURE__ */ j({
+}, L = /* @__PURE__ */ E({
   name: "FSearchBoxContainer",
   props: ve,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const c = h(t.data), r = h(), {
-      slots: u
-    } = e, p = D(() => ({
+    const c = h(t.data), o = h(), {
+      slots: l
+    } = e, p = j(() => ({
       "search-box-container": !0,
       "f-utils-overflow-xhya": !0,
       "position-relative": !0
     }));
     function m(n) {
-      var l;
-      (l = r.value) == null || l.search(n);
+      var u;
+      (u = o.value) == null || u.search(n);
     }
     function d(n) {
       n.length && (e.emit("confirmResult", n[0].name), e.emit("searchedValue", n));
     }
-    function y(n) {
-      return u.default ? v(X, null, [u.default(n)]) : v("span", null, [n.item[t.textField]]);
+    function g(n) {
+      return l.default ? v(X, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
     }
-    const o = D(() => {
+    const a = j(() => {
       const n = {};
       return n.padding = "8px", t.maxHeight !== void 0 && t.maxHeight > 0 && (n.maxHeight = `${t.maxHeight}px`), n;
     });
-    return S(() => t.loading, (n) => {
+    return B(() => t.loading, (n) => {
       console.log("loading状态改变" + n);
-    }), S(() => t.data, (n) => {
-      n !== c.value && (c.value = n), r.value.updateDataSource(n);
+    }), B(() => t.data, (n) => {
+      n !== c.value && (c.value = n), o.value.updateDataSource(n);
     }), e.expose({
       search: m
     }), () => {
       const n = {
-        content: y
+        content: g
       };
       return v("div", {
         class: p.value,
-        style: o.value
+        style: a.value
       }, [v(Q, {
         ref: "loadingInstance",
         isActive: t.loading
       }, null), v(G, {
-        ref: r,
+        ref: o,
         itemClass: "dropdown-item",
         data: c.value,
         view: "ContentView",
-        onClickItem: (l) => d(l.data),
+        onClickItem: (u) => d(u.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -336,32 +336,32 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
       }, n)]);
     };
   }
-}), V = /* @__PURE__ */ j({
+}), V = /* @__PURE__ */ E({
   name: "FSearchBox",
   props: P,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
   setup(t, e) {
     h(t.data);
-    const c = h(), r = h(), u = h(t.placeholder), p = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', m = D(() => t.loading ? p : t.buttonContent);
+    const c = h(), o = h(), l = h(t.placeholder), p = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', m = j(() => t.loading ? p : t.buttonContent);
     h(t.editable);
     const d = h(t.modelValue);
-    S(d, (a) => {
+    B(d, (r) => {
       var s;
-      (s = r.value) == null || s.search(a), e.emit("update:modelValue", a);
-    }), S(() => t.modelValue, (a) => {
-      d.value = a;
+      (s = o.value) == null || s.search(r), e.emit("update:modelValue", r);
+    }), B(() => t.modelValue, (r) => {
+      d.value = r;
     });
-    function y(a) {
-      c.value.commitValue(a);
+    function g(r) {
+      c.value.commitValue(r);
     }
-    function o(a) {
-      e.emit("change", a);
+    function a(r) {
+      e.emit("change", r);
     }
-    function n(a) {
-      e.emit("selectedValue", a);
+    function n(r) {
+      e.emit("selectedValue", r);
     }
-    function l(a) {
-      e.emit("clickButton", a);
+    function u(r) {
+      e.emit("clickButton", r);
     }
     function i() {
       c.value.togglePopup();
@@ -369,16 +369,16 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
     return e.expose({
       togglePopup: i
     }), () => {
-      const a = {
+      const r = {
         default: e.slots.default
       };
       return v(J, {
         ref: c,
         "button-content": m.value,
         "custom-class": t.customClass,
-        placeholder: u.value,
-        onChange: (s) => o(s),
-        onClickButton: (s) => l(s),
+        placeholder: l.value,
+        onChange: (s) => a(s),
+        onClickButton: (s) => u(s),
         disable: t.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
@@ -391,13 +391,13 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
         "popup-on-focus": t.showDropdown
       }, {
         default: () => [t.showDropdown && v(L, {
-          ref: r,
+          ref: o,
           data: t.data,
-          onConfirmResult: y,
+          onConfirmResult: g,
           onSearchedValue: (s) => n(s),
           loading: t.loading,
           maxHeight: t.maxHeight
-        }, a)],
+        }, r)],
         ...e.slots
       });
     };
@@ -405,117 +405,117 @@ const he = "search-box", me = "A Farris Component", ye = "object", ge = {
 });
 function Ve(t, e, c) {
   var k;
-  function r() {
+  function o() {
   }
-  const u = "", p = "", m = h();
+  const l = "", p = "", m = h();
   function d() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function y() {
+  function g() {
     return !1;
   }
-  function o() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function l(f) {
+  function u(f) {
     if (!f || !f.value)
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const b = h(f == null ? void 0 : f.value.parent), g = l(b);
-    return g || null;
+    const b = h(f == null ? void 0 : f.value.parent), y = u(b);
+    return y || null;
   }
   function i(f = e) {
-    const { componentInstance: b, designerItemElementRef: g } = f;
-    return !b || !b.value ? null : b.value.canMove ? g : i(f.parent);
+    const { componentInstance: b, designerItemElementRef: y } = f;
+    return !b || !b.value ? null : b.value.canMove ? y : i(f.parent);
   }
-  function a(f) {
+  function r(f) {
     return !!c;
   }
   function s() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function w() {
+  function O() {
   }
   function C(f, b) {
   }
   function F(f) {
     const { componentType: b } = f;
-    let g = E(b, f);
+    let y = D(b, f);
     const R = b.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === b && (g.id = `${R}_${Math.random().toString().slice(2, 6)}`), g;
+    return y && !y.id && y.type === b && (y.id = `${R}_${Math.random().toString().slice(2, 6)}`), y;
   }
   function N(f, b) {
-    const g = String(f.getAttribute("data-controltype")), R = f.getAttribute("data-feature"), $ = R ? JSON.parse(R) : {};
+    const y = String(f.getAttribute("data-controltype")), R = f.getAttribute("data-feature"), $ = R ? JSON.parse(R) : {};
     $.parentComponentInstance = m.value;
-    let B = E(g, $);
-    const _ = g.toLowerCase().replace("-", "_");
-    return B && !B.id && B.type === g && (B.id = `${_}_${Math.random().toString().slice(2, 6)}`), B;
+    let S = D(y, $);
+    const _ = y.toLowerCase().replace("-", "_");
+    return S && !S.id && S.type === y && (S.id = `${_}_${Math.random().toString().slice(2, 6)}`), S;
   }
-  function O(f) {
+  function w(f) {
   }
   function q(...f) {
   }
   return m.value = {
     canMove: d(),
-    canSelectParent: y(),
-    canDelete: o(),
+    canSelectParent: g(),
+    canDelete: a(),
     canNested: !n(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: u,
+    styles: l,
     designerClass: p,
-    canAccepts: a,
-    getBelongedComponentInstance: l,
+    canAccepts: r,
+    getBelongedComponentInstance: u,
     getDraggableDesignItemElement: i,
     getDraggingDisplayText: s,
     getPropConfig: q,
-    getDragScopeElement: w,
+    getDragScopeElement: O,
     onAcceptMovedChildElement: C,
     onAcceptNewChildElement: N,
-    onChildElementMovedOut: O,
+    onChildElementMovedOut: w,
     addNewChildComponentSchema: F,
-    updateDragAndDropRules: r,
+    updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: h(!1),
     triggerBelongedComponentToDeleteWhenDeleted: h(!1)
   }, m;
 }
-const Se = /* @__PURE__ */ j({
+const Be = /* @__PURE__ */ E({
   name: "FSearchBoxDesign",
   props: P,
   emits: ["update:modelValue", "change"],
   setup(t, e) {
-    const c = h(t.data), r = h(), u = h(), p = h("请输入关键词"), m = h('<i class="f-icon f-icon-search"></i>'), d = h(t.modelValue), y = h(), o = U("design-item-context"), n = Ve(y, o);
+    const c = h(t.data), o = h(), l = h(), p = h("请输入关键词"), m = h('<i class="f-icon f-icon-search"></i>'), d = h(t.modelValue), g = h(), a = U("design-item-context"), n = Ve(g, a);
     W(() => {
-      y.value.componentInstance = n;
-    }), e.expose(n.value), S(d, (a) => {
+      g.value.componentInstance = n;
+    }), e.expose(n.value), B(d, (r) => {
       var s;
-      (s = u.value) == null || s.search(a), e.emit("update:modelValue", a);
-    }), S(() => t.modelValue, (a) => {
-      d.value = a;
+      (s = l.value) == null || s.search(r), e.emit("update:modelValue", r);
+    }), B(() => t.modelValue, (r) => {
+      d.value = r;
     });
-    function l(a) {
-      r.value.commitValue(a);
+    function u(r) {
+      o.value.commitValue(r);
     }
-    function i(a) {
-      e.emit("change", a);
+    function i(r) {
+      e.emit("change", r);
     }
     return () => v("div", {
-      ref: y
+      ref: g
     }, [v(x("f-button-edit"), {
-      ref: r,
+      ref: o,
       "button-content": m.value,
       placeholder: p.value,
       onChange: i,
       "enable-clear": !0,
       "button-behavior": "Execute",
       modelValue: d.value,
-      "onUpdate:modelValue": (a) => d.value = a,
+      "onUpdate:modelValue": (r) => d.value = r,
       "popup-host": t.popupHost,
       "popup-right-boundary": t.popupRightBoundary,
       "popup-offset-x": t.popupOffsetX,
@@ -523,9 +523,9 @@ const Se = /* @__PURE__ */ j({
       "popup-on-focus": !0
     }, {
       default: () => [v(L, {
-        ref: u,
+        ref: l,
         data: c.value,
-        onConfirmResult: l
+        onConfirmResult: u
       }, null)]
     })]);
   }
@@ -533,11 +533,11 @@ const Se = /* @__PURE__ */ j({
 V.install = (t) => {
   t.component(V.name, V);
 };
-V.register = (t, e, c, r) => {
+V.register = (t, e, c, o) => {
   t["search-box"] = V, e["search-box"] = H;
 };
 V.registerDesigner = (t, e, c) => {
-  t["search-box"] = Se, e["search-box"] = H;
+  t["search-box"] = Be, e["search-box"] = H;
 };
 export {
   V as FSearchBox,