@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/components/page-header/index.esm.js

@@ -1,18 +1,17 @@
 var _ = Object.defineProperty;
 var z = (r, e, t) => e in r ? _(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var m = (r, e, t) => z(r, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as j, ref as I, computed as b, watch as A, createVNode as c, createTextVNode as k, inject as B, onMounted as K } from "vue";
-import { resolveAppearance as J, resolveToolbar as Q, createPropsResolver as D, createPageHeaderEventHandlerResolver as W, getPropsResolverGenerator as $ } from "../dynamic-resolver/index.esm.js";
+import { defineComponent as A, ref as I, computed as b, watch as D, createVNode as d, createTextVNode as k, inject as N, onMounted as K } from "vue";
+import { resolveAppearance as J, resolveToolbar as Q, createPropsResolver as $, createPageHeaderEventHandlerResolver as W, getPropsResolverGenerator as q } from "../dynamic-resolver/index.esm.js";
 import X from "../response-toolbar/index.esm.js";
 import { getCustomClass as y } from "../common/index.esm.js";
-import Y, { responseToolbarResolver as N } from "../../designer/response-toolbar/index.esm.js";
-import { pageHeaderProps as Z } from "../page-header/index.esm.js";
-import { DgControl as U, canvasChanged as ee, refreshCanvas as te, useDesignerComponent as ne, FDesignerInnerItem as ie } from "../designer-canvas/index.esm.js";
-import { cloneDeep as se } from "lodash-es";
+import Y, { responseToolbarResolver as U } from "../../designer/response-toolbar/index.esm.js";
+import { DgControl as j, canvasChanged as Z, refreshCanvas as ee, useDesignerComponent as te, FDesignerInnerItem as ne } from "../designer-canvas/index.esm.js";
+import { cloneDeep as ie } from "lodash-es";
 const V = /* @__PURE__ */ new Map([
   ["appearance", J],
   ["toolbar", Q]
-]), oe = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/page-header.schema.json", ae = "page-header", le = "A Farris Container Component", de = "object", ce = {
+]), se = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/page-header.schema.json", re = "page-header", ae = "A Farris Container Component", le = "object", ce = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -165,17 +164,17 @@ const V = /* @__PURE__ */ new Map([
     type: "function",
     default: null
   }
-}, ue = [
+}, de = [
   "id",
   "type"
 ], S = {
-  $schema: oe,
-  $id: re,
-  title: ae,
-  description: le,
-  type: de,
+  $schema: se,
+  $id: oe,
+  title: re,
+  description: ae,
+  type: le,
   properties: ce,
-  required: ue
+  required: de
 };
 function M(r, e, t) {
   return e.title = "标题", e;
@@ -221,22 +220,22 @@ const R = {
   contentRenderFunction: { type: Function },
   /** 下方扩展区域 */
   downContentRenderFunction: { type: Function }
-}, q = Object.assign({}, R, {
+}, H = Object.assign({}, R, {
   componentId: { type: String, default: "" },
   titleContentHtml: { type: String, default: "" },
   contentHtml: { type: String, default: "" },
   downContentHtml: { type: String, default: "" }
-}), Fe = D(R, S, V, M), ke = D(q, S, V, M), pe = W(), ge = $(
+}), Me = $(R, S, V, M), Re = $(H, S, V, M), ue = W(), pe = q(
   R,
   S,
   V,
   M
-), fe = $(
-  q,
+), ge = q(
+  H,
   S,
   V,
   M
-), H = /* @__PURE__ */ j({
+), O = /* @__PURE__ */ A({
   name: "FPageHeader",
   props: R,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
@@ -257,7 +256,7 @@ const R = {
       "f-title": !0
     }, r.titleContentClass)), a = b(() => y({
       "f-content": !0
-    }, r.contentClass)), d = b(() => y({
+    }, r.contentClass)), c = b(() => y({
       "f-page-header-extend": !0
     }, r.downContentClass)), u = b(() => ({
       "f-icon f-icon-arrow-w": !0,
@@ -273,40 +272,40 @@ const R = {
       r.nextPaginationDisabled || e.emit("nextPaginationClick", h);
     }
     function C() {
-      return e.slots.titleContent ? c("div", {
+      return e.slots.titleContent ? d("div", {
         class: l.value
-      }, [k(" "), e.slots.titleContent()]) : r.titleRenderFunction ? c("div", {
+      }, [k(" "), e.slots.titleContent()]) : r.titleRenderFunction ? d("div", {
         class: l.value
-      }, [r.titleRenderFunction()]) : c("div", {
+      }, [r.titleRenderFunction()]) : d("div", {
         class: "f-title"
-      }, [r.showIcon && r.icon ? c("span", {
+      }, [r.showIcon && r.icon ? d("span", {
         class: o.value
-      }, [c("i", {
+      }, [d("i", {
         class: s.value
-      }, null)]) : "", c("h4", {
+      }, null)]) : "", d("h4", {
         class: "f-title-text"
-      }, [r.title]), r.subTitle ? c("h5", {
+      }, [r.title]), r.subTitle ? d("h5", {
         class: "f-title-subtitle"
-      }, [r.subTitle]) : "", r.showPagination ? c("div", {
+      }, [r.subTitle]) : "", r.showPagination ? d("div", {
         class: "f-title-pagination"
-      }, [c("span", {
+      }, [d("span", {
         class: u.value,
         onClick: f
-      }, null), c("span", {
+      }, null), d("span", {
         class: p.value,
         onClick: x
       }, null)]) : ""]);
     }
     function w() {
-      return e.slots.content ? c("div", {
+      return e.slots.content ? d("div", {
         class: a.value
-      }, [k(" "), e.slots.content()]) : r.contentRenderFunction ? c("div", {
+      }, [k(" "), e.slots.content()]) : r.contentRenderFunction ? d("div", {
         class: a.value
       }, [r.contentRenderFunction()]) : null;
     }
     function v() {
       if (r.buttons && r.buttons.length > 0)
-        return c(X, {
+        return d(X, {
           id: r.toolbarId,
           customClass: r.buttonClass,
           visible: r.buttonsVisible,
@@ -315,46 +314,41 @@ const R = {
         }, null);
     }
     function T() {
-      return e.slots.downContent ? c("div", {
-        class: d.value
-      }, [k(" "), e.slots.downContent()]) : r.downContentRenderFunction ? c("div", {
-        class: d.value
+      return e.slots.downContent ? d("div", {
+        class: c.value
+      }, [k(" "), e.slots.downContent()]) : r.downContentRenderFunction ? d("div", {
+        class: c.value
       }, [r.downContentRenderFunction()]) : null;
     }
-    return A(() => r.buttons, (h) => {
+    return D(() => r.buttons, (h) => {
       t.value = h;
     }, {
       deep: !0
-    }), () => r.visible ? c("div", {
+    }), () => r.visible ? d("div", {
       class: i.value
-    }, [c("nav", {
+    }, [d("nav", {
       class: "f-page-header-base"
     }, [C(), w(), v()]), T()]) : null;
   }
-}), me = Object.assign({}, Z, {
-  componentId: { type: String, default: "" },
-  titleContentHtml: { type: String, default: "" },
-  contentHtml: { type: String, default: "" },
-  downContentHtml: { type: String, default: "" }
 });
-function he(r) {
+function fe(r) {
   const { formSchemaUtils: e, formStateMachineUtils: t } = r;
-  function n(a, d = "") {
+  function n(a, c = "") {
     return {
-      path: d + a.code,
+      path: c + a.code,
       field: a.id,
       fullPath: a.code
     };
   }
-  function i(a, d = "") {
+  function i(a, c = "") {
     const u = e.getViewModelById(a);
-    return u ? u.states.map((p) => n(p, d)) : [];
+    return u ? u.states.map((p) => n(p, c)) : [];
   }
   function o(a) {
-    const d = e.getRootViewModelId(), u = i(a);
-    if (a === d)
+    const c = e.getRootViewModelId(), u = i(a);
+    if (a === c)
       return u;
-    const p = i(d, "root-component.");
+    const p = i(c, "root-component.");
     return [...u, ...p];
   }
   function s(a) {
@@ -365,7 +359,7 @@ function he(r) {
   }
   return { getVariables: o, getControlName: s, getStateMachines: l };
 }
-class be {
+class me {
   constructor(e) {
     m(this, "sessionVariables", [
       {
@@ -421,10 +415,10 @@ class be {
       convertTo: (n, i, o, s, l) => {
         var a;
         if (i === "dataPicking" && (o != null && o.target)) {
-          const d = `${o.target}_dataPicking`;
+          const c = `${o.target}_dataPicking`;
           ((a = o.rules) == null ? void 0 : a.some(
-            (p) => p.id === d && p.value
-          )) ? n.dictPickingExpressionId = d : delete n.dictPickingExpressionId;
+            (p) => p.id === c && p.value
+          )) ? n.dictPickingExpressionId = c : delete n.dictPickingExpressionId;
         }
         s.updateExpression(o);
       }
@@ -484,10 +478,10 @@ class be {
   buildChildEntityTreeData(e = null, t) {
     const n = [];
     return e == null || e.forEach((i) => {
-      var a, d;
+      var a, c;
       const o = this.createTreeNode(i, t);
       o.type = "entity";
-      const s = this.buildEntityFieldsTreeData((a = i.type) == null ? void 0 : a.fields, [...t, i.label]), l = this.buildChildEntityTreeData((d = i.type) == null ? void 0 : d.entities, [...t, i.label]);
+      const s = this.buildEntityFieldsTreeData((a = i.type) == null ? void 0 : a.fields, [...t, i.label]), l = this.buildChildEntityTreeData((c = i.type) == null ? void 0 : c.entities, [...t, i.label]);
       l != null && l.length && (s == null || s.push(...l)), n.push({
         data: o,
         children: s || [],
@@ -551,18 +545,18 @@ class be {
   updateExpression(e, t, n, i) {
     const o = t === "Field" ? e.binding.field : e.id, s = this.buildRule(o, n, i, e.type === "form-group" ? e.id : "");
     let a = this.getExpressionData().find((u) => u.targetType === t && u.target === o);
-    const d = (u) => u.value.trim() === "";
+    const c = (u) => u.value.trim() === "";
     if (a) {
       const u = a.rules.find((p) => p.id === s.id);
       if (u)
-        d(s) ? a.rules = a.rules.filter((p) => p.id !== s.id) : (Object.assign(u, s), i === "validate" && e.type === "form-group" && (u.elementId = e.id));
+        c(s) ? a.rules = a.rules.filter((p) => p.id !== s.id) : (Object.assign(u, s), i === "validate" && e.type === "form-group" && (u.elementId = e.id));
       else {
-        if (d(s))
+        if (c(s))
           return null;
         a.rules = a.rules || [], a.rules.push(s);
       }
     } else {
-      if (d(s))
+      if (c(s))
         return null;
       a = {
         target: `${o}`,
@@ -574,10 +568,10 @@ class be {
   }
   getExpressionEditorOptions(e, t, n, i) {
     return n.reduce((o, s) => {
-      var a, d;
+      var a, c;
       const l = t === "Field" ? (a = e == null ? void 0 : e.binding) == null ? void 0 : a.field : e.id;
       return o[s] = {
-        hide: t === "Field" ? !!((d = e == null ? void 0 : e.binding) != null && d.field) : !1,
+        hide: t === "Field" ? !!((c = e == null ? void 0 : e.binding) != null && c.field) : !1,
         description: "",
         title: this.expressionNames[s],
         type: "string",
@@ -632,7 +626,7 @@ class be {
     };
   }
 }
-class Ce {
+class he {
   constructor(e, t) {
     m(this, "componentId");
     m(this, "viewModelId");
@@ -693,7 +687,7 @@ class Ce {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: U[e.type] && U[e.type].name }]
+            data: [{ value: e.type, name: j[e.type] && j[e.type].name }]
           }
         }
       }
@@ -729,7 +723,7 @@ class Ce {
           switch (s && s.propertyID) {
             case "class":
             case "style": {
-              ee.value++;
+              Z.value++;
               break;
             }
           }
@@ -749,7 +743,7 @@ class Ce {
    * @returns 
    */
   getPropertyEditorParams(e, t = [], n = "visible", i = {}, o = {}, s = "") {
-    const { getVariables: l, getControlName: a, getStateMachines: d } = he(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
+    const { getVariables: l, getControlName: a, getStateMachines: c } = fe(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -765,7 +759,7 @@ class Ce {
           f.expressionConfig = this.getExpressionOptions(e, u, s || n);
           break;
         case "StateMachine":
-          f.stateMachines = d();
+          f.stateMachines = c();
           break;
         case "Variable":
           Object.assign(f, {
@@ -811,7 +805,7 @@ class Ce {
     return {
       ...o,
       properties: { ...s },
-      setPropertyRelates(a, d) {
+      setPropertyRelates(a, c) {
         if (a) {
           switch (a.propertyID) {
             case "disabled":
@@ -820,7 +814,7 @@ class Ce {
               l.afterMutilEditorChanged(e, a);
               break;
           }
-          i && i(a, d);
+          i && i(a, c);
         }
       }
     };
@@ -843,8 +837,8 @@ class Ce {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const i = n.contents.findIndex((s) => s.id === e), o = se(n.contents[i]);
-    n.contents.splice(i, 1), n.contents.splice(i, 0, o), te();
+    const i = n.contents.findIndex((s) => s.id === e), o = ie(n.contents[i]);
+    n.contents.splice(i, 1), n.contents.splice(i, 0, o), ee();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -874,16 +868,16 @@ class Ce {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: o, expressionInfo: s } = t, { targetId: l, targetType: a, expressionType: d, value: u, message: p } = s, f = this.formSchemaUtils.getModule();
+    const { expressionId: o, expressionInfo: s } = t, { targetId: l, targetType: a, expressionType: c, value: u, message: p } = s, f = this.formSchemaUtils.getModule();
     f.expressions = f.expressions || [];
     const { expressions: x } = f;
     let C = x.find((v) => v.target === l);
     C || (C = { target: l, rules: [], targetType: a }, x.push(C));
-    const w = C.rules.find((v) => v.type === d);
+    const w = C.rules.find((v) => v.type === c);
     if (w)
       w.value = u, w.message = p;
     else {
-      const v = { id: o, type: d, value: u, message: p };
+      const v = { id: o, type: c, value: u, message: p };
       C.rules.push(v);
     }
     delete t.expressionInfo;
@@ -898,11 +892,11 @@ class Ce {
     const n = e.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const o = e.propertyID, s = this.formSchemaUtils.getExpressions(), l = t.binding ? t.binding.field : t.id, a = s.find((d) => d.target === l);
-    !a || !a.rules || (a.rules = a.rules.filter((d) => d.type !== o));
+    const o = e.propertyID, s = this.formSchemaUtils.getExpressions(), l = t.binding ? t.binding.field : t.id, a = s.find((c) => c.target === l);
+    !a || !a.rules || (a.rules = a.rules.filter((c) => c.type !== o));
   }
   getExpressionOptions(e, t, n) {
-    return new be(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new me(this.formSchemaUtils).getExpressionOptions(e, t, n);
   }
   getRealTargetType(e) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
@@ -921,7 +915,7 @@ class Ce {
     }, t;
   }
 }
-class ve extends Ce {
+class be extends he {
   constructor(e, t) {
     super(e, t);
   }
@@ -1014,7 +1008,7 @@ class ve extends Ce {
     };
   }
 }
-function ye(r, e) {
+function Ce(r, e) {
   function t(l) {
     return !1;
   }
@@ -1028,7 +1022,7 @@ function ye(r, e) {
     return !0;
   }
   function s(l) {
-    return new ve(l, e).getPropertyConfig(r);
+    return new be(l, e).getPropertyConfig(r);
   }
   return {
     canAccepts: t,
@@ -1038,28 +1032,28 @@ function ye(r, e) {
     checkCanMoveComponent: i
   };
 }
-const xe = /* @__PURE__ */ j({
+const ve = /* @__PURE__ */ A({
   name: "FPageHeaderDesign",
-  props: me,
+  props: H,
   emits: ["click"],
   setup(r, e) {
-    const t = I(), n = B("designer-host-service"), i = B("design-item-context"), o = ye(i.schema, n), s = ne(t, i, o), l = I(i.schema.toolbar || {
+    const t = I(), n = N("designer-host-service"), i = N("design-item-context"), o = Ce(i.schema, n), s = te(t, i, o), l = I(i.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), a = I(N(l.value));
+    }), a = I(U(l.value));
     K(() => {
       t.value.componentInstance = s;
-    }), A(() => i.schema.toolbar, () => {
+    }), D(() => i.schema.toolbar, () => {
       l.value = i.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, a.value = N(l.value);
+      }, a.value = U(l.value);
     }, {
       deep: !0
     });
-    const d = b(() => [...a.value.items]);
-    function u(g, P, O, E) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, O, E);
+    const c = b(() => [...a.value.items]);
+    function u(g, P, B, E) {
+      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, B, E);
     }
     e.expose(s.value);
     function p(g, P) {
@@ -1089,36 +1083,36 @@ const xe = /* @__PURE__ */ j({
       "f-page-header-extend": !0
     }, r.downContentClass));
     function h() {
-      return r.titleContentHtml ? c("div", {
+      return r.titleContentHtml ? d("div", {
         class: w.value,
         innerHTML: r.titleContentHtml
-      }, null) : c("div", {
+      }, null) : d("div", {
         class: "f-title"
-      }, [r.showIcon && r.icon ? c("span", {
+      }, [r.showIcon && r.icon ? d("span", {
         class: f.value
-      }, [c("i", {
+      }, [d("i", {
         class: x.value
-      }, null)]) : "", c("h4", {
+      }, null)]) : "", d("h4", {
         class: "f-title-text"
       }, [r.title])]);
     }
     function F() {
-      return r.contentHtml ? c("div", {
+      return r.contentHtml ? d("div", {
         class: v.value,
         innerHTML: r.contentHtml
       }, null) : null;
     }
     function L() {
-      return r.downContentHtml ? c("div", {
+      return r.downContentHtml ? d("div", {
         class: T.value,
         innerHTML: r.downContentHtml
       }, null) : null;
     }
-    return () => c("div", {
+    return () => d("div", {
       ref: t
-    }, [c("nav", {
+    }, [d("nav", {
       class: "f-page-header-base"
-    }, [h(), F(), c(ie, {
+    }, [h(), F(), d(ne, {
       class: C.value,
       modelValue: l.value,
       "onUpdate:modelValue": (g) => l.value = g,
@@ -1130,33 +1124,33 @@ const xe = /* @__PURE__ */ j({
       componentId: r.componentId,
       onSelectionChange: u
     }, {
-      default: () => [c(Y, {
+      default: () => [d(Y, {
         id: l.value.id,
         customClass: "w-100",
-        items: d.value,
+        items: c.value,
         componentId: r.componentId
       }, null)]
     })]), L()]);
   }
-}), He = {
+}), Te = {
   install(r) {
-    r.component(H.name, H);
+    r.component(O.name, O);
   },
   register(r, e, t, n, i) {
-    r["page-header"] = H, e["page-header"] = ge(i), n["page-header"] = { eventHandlerResolver: pe };
+    r["page-header"] = O, e["page-header"] = pe(i), n["page-header"] = { eventHandlerResolver: ue };
   },
   registerDesigner(r, e, t, n) {
-    r["page-header"] = xe, e["page-header"] = fe(n);
+    r["page-header"] = ve, e["page-header"] = ge(n);
   }
 };
 export {
-  H as PageHeader,
-  He as default,
-  pe as eventHandlerResolver,
-  q as pageHeaderDesignerProps,
+  O as PageHeader,
+  Te as default,
+  ue as eventHandlerResolver,
+  H as pageHeaderDesignerProps,
   R as pageHeaderProps,
-  ke as propsDesignResolver,
-  fe as propsDesignResolverGenerator,
-  Fe as propsResolver,
-  ge as propsResolverGenerator
+  Re as propsDesignResolver,
+  ge as propsDesignResolverGenerator,
+  Me as propsResolver,
+  pe as propsResolverGenerator
 };