@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

@@ -1,17 +1,18 @@
 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 B, ref as I, computed as b, watch as N, createVNode as c, createTextVNode as S, inject as k, onMounted as G } from "vue";
-import { resolveAppearance as K, resolveToolbar as J, createPropsResolver as U, createPageHeaderEventHandlerResolver as Q } from "../dynamic-resolver/index.esm.js";
-import W from "../response-toolbar/index.esm.js";
+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 X from "../response-toolbar/index.esm.js";
 import { getCustomClass as y } from "../common/index.esm.js";
-import X, { responseToolbarResolver as O } from "../../designer/response-toolbar/index.esm.js";
-import { DgControl as H, canvasChanged as Y, refreshCanvas as Z, useDesignerComponent as ee, FDesignerInnerItem as te } from "../designer-canvas/index.esm.js";
-import { cloneDeep as ne } from "lodash-es";
-const j = /* @__PURE__ */ new Map([
-  ["appearance", K],
-  ["toolbar", J]
-]), ie = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/page-header.schema.json", oe = "page-header", re = "A Farris Container Component", ae = "object", le = {
+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";
+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 = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -164,19 +165,19 @@ const j = /* @__PURE__ */ new Map([
     type: "function",
     default: null
   }
-}, de = [
+}, ue = [
   "id",
   "type"
-], A = {
-  $schema: ie,
-  $id: se,
-  title: oe,
-  description: re,
-  type: ae,
-  properties: le,
-  required: de
+], S = {
+  $schema: oe,
+  $id: re,
+  title: ae,
+  description: le,
+  type: de,
+  properties: ce,
+  required: ue
 };
-function D(r, e, t) {
+function M(r, e, t) {
   return e.title = "标题", e;
 }
 const R = {
@@ -220,18 +221,28 @@ const R = {
   contentRenderFunction: { type: Function },
   /** 下方扩展区域 */
   downContentRenderFunction: { type: Function }
-}, $ = Object.assign({}, R, {
+}, q = Object.assign({}, R, {
   componentId: { type: String, default: "" },
   titleContentHtml: { type: String, default: "" },
   contentHtml: { type: String, default: "" },
   downContentHtml: { type: String, default: "" }
-}), ce = U(R, A, j, D), ue = U($, A, j, D), pe = Q(), T = /* @__PURE__ */ B({
+}), Fe = D(R, S, V, M), ke = D(q, S, V, M), pe = W(), ge = $(
+  R,
+  S,
+  V,
+  M
+), fe = $(
+  q,
+  S,
+  V,
+  M
+), H = /* @__PURE__ */ j({
   name: "FPageHeader",
   props: R,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
   setup(r, e) {
-    const t = I(r.buttons), n = (h, M) => {
-      e.emit("click", h, M);
+    const t = I(r.buttons), n = (h, F) => {
+      e.emit("click", h, F);
     }, i = b(() => {
       const h = {
         "f-page-header": !0,
@@ -264,7 +275,7 @@ const R = {
     function C() {
       return e.slots.titleContent ? c("div", {
         class: l.value
-      }, [S(" "), e.slots.titleContent()]) : r.titleRenderFunction ? c("div", {
+      }, [k(" "), e.slots.titleContent()]) : r.titleRenderFunction ? c("div", {
         class: l.value
       }, [r.titleRenderFunction()]) : c("div", {
         class: "f-title"
@@ -289,13 +300,13 @@ const R = {
     function w() {
       return e.slots.content ? c("div", {
         class: a.value
-      }, [S(" "), e.slots.content()]) : r.contentRenderFunction ? c("div", {
+      }, [k(" "), e.slots.content()]) : r.contentRenderFunction ? c("div", {
         class: a.value
       }, [r.contentRenderFunction()]) : null;
     }
     function v() {
       if (r.buttons && r.buttons.length > 0)
-        return c(W, {
+        return c(X, {
           id: r.toolbarId,
           customClass: r.buttonClass,
           visible: r.buttonsVisible,
@@ -303,14 +314,14 @@ const R = {
           onClick: n
         }, null);
     }
-    function V() {
+    function T() {
       return e.slots.downContent ? c("div", {
         class: d.value
-      }, [S(" "), e.slots.downContent()]) : r.downContentRenderFunction ? c("div", {
+      }, [k(" "), e.slots.downContent()]) : r.downContentRenderFunction ? c("div", {
         class: d.value
       }, [r.downContentRenderFunction()]) : null;
     }
-    return N(() => r.buttons, (h) => {
+    return A(() => r.buttons, (h) => {
       t.value = h;
     }, {
       deep: !0
@@ -318,10 +329,15 @@ const R = {
       class: i.value
     }, [c("nav", {
       class: "f-page-header-base"
-    }, [C(), w(), v()]), V()]) : null;
+    }, [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 ge(r) {
+function he(r) {
   const { formSchemaUtils: e, formStateMachineUtils: t } = r;
   function n(a, d = "") {
     return {
@@ -331,7 +347,8 @@ function ge(r) {
     };
   }
   function i(a, d = "") {
-    return e.getViewModelById(a).states.map((p) => n(p, d));
+    const u = e.getViewModelById(a);
+    return u ? u.states.map((p) => n(p, d)) : [];
   }
   function o(a) {
     const d = e.getRootViewModelId(), u = i(a);
@@ -348,7 +365,7 @@ function ge(r) {
   }
   return { getVariables: o, getControlName: s, getStateMachines: l };
 }
-class fe {
+class be {
   constructor(e) {
     m(this, "sessionVariables", [
       {
@@ -615,7 +632,7 @@ class fe {
     };
   }
 }
-class me {
+class Ce {
   constructor(e, t) {
     m(this, "componentId");
     m(this, "viewModelId");
@@ -676,7 +693,7 @@ class me {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: H[e.type] && H[e.type].name }]
+            data: [{ value: e.type, name: U[e.type] && U[e.type].name }]
           }
         }
       }
@@ -712,7 +729,7 @@ class me {
           switch (s && s.propertyID) {
             case "class":
             case "style": {
-              Y.value++;
+              ee.value++;
               break;
             }
           }
@@ -732,7 +749,7 @@ class me {
    * @returns 
    */
   getPropertyEditorParams(e, t = [], n = "visible", i = {}, o = {}, s = "") {
-    const { getVariables: l, getControlName: a, getStateMachines: d } = ge(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
+    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 = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -826,8 +843,8 @@ class me {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const i = n.contents.findIndex((s) => s.id === e), o = ne(n.contents[i]);
-    n.contents.splice(i, 1), n.contents.splice(i, 0, o), Z();
+    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();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -885,10 +902,10 @@ class me {
     !a || !a.rules || (a.rules = a.rules.filter((d) => d.type !== o));
   }
   getExpressionOptions(e, t, n) {
-    return new fe(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new be(this.formSchemaUtils).getExpressionOptions(e, t, n);
   }
   getRealTargetType(e) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
+    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";
   }
   createBaseEventProperty(e) {
     const t = {};
@@ -904,7 +921,7 @@ class me {
     }, t;
   }
 }
-class he extends me {
+class ve extends Ce {
   constructor(e, t) {
     super(e, t);
   }
@@ -997,7 +1014,7 @@ class he extends me {
     };
   }
 }
-function be(r, e) {
+function ye(r, e) {
   function t(l) {
     return !1;
   }
@@ -1011,7 +1028,7 @@ function be(r, e) {
     return !0;
   }
   function s(l) {
-    return new he(l, e).getPropertyConfig(r);
+    return new ve(l, e).getPropertyConfig(r);
   }
   return {
     canAccepts: t,
@@ -1021,32 +1038,32 @@ function be(r, e) {
     checkCanMoveComponent: i
   };
 }
-const Ce = /* @__PURE__ */ B({
+const xe = /* @__PURE__ */ j({
   name: "FPageHeaderDesign",
-  props: $,
+  props: me,
   emits: ["click"],
   setup(r, e) {
-    const t = I(), n = k("designer-host-service"), i = k("design-item-context"), o = be(i.schema, n), s = ee(t, i, o), l = I(i.schema.toolbar || {
+    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 || {
       type: "response-toolbar",
       buttons: []
-    }), a = I(O(l.value));
-    G(() => {
+    }), a = I(N(l.value));
+    K(() => {
       t.value.componentInstance = s;
-    }), N(() => i.schema.toolbar, () => {
+    }), A(() => i.schema.toolbar, () => {
       l.value = i.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, a.value = O(l.value);
+      }, a.value = N(l.value);
     }, {
       deep: !0
     });
     const d = b(() => [...a.value.items]);
-    function u(g, P, F, E) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, F, E);
+    function u(g, P, O, E) {
+      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, O, E);
     }
     e.expose(s.value);
     function p(g, P) {
-      g && P && P.split(" ").reduce((E, L) => (E[L] = !0, E), g);
+      g && P && P.split(" ").reduce((E, G) => (E[G] = !0, E), g);
     }
     const f = b(() => {
       const g = {
@@ -1068,7 +1085,7 @@ const Ce = /* @__PURE__ */ B({
       "f-title": !0
     }, r.titleContentClass)), v = b(() => y({
       "f-content": !0
-    }, r.contentClass)), V = b(() => y({
+    }, r.contentClass)), T = b(() => y({
       "f-page-header-extend": !0
     }, r.downContentClass));
     function h() {
@@ -1085,15 +1102,15 @@ const Ce = /* @__PURE__ */ B({
         class: "f-title-text"
       }, [r.title])]);
     }
-    function M() {
+    function F() {
       return r.contentHtml ? c("div", {
         class: v.value,
         innerHTML: r.contentHtml
       }, null) : null;
     }
-    function q() {
+    function L() {
       return r.downContentHtml ? c("div", {
-        class: V.value,
+        class: T.value,
         innerHTML: r.downContentHtml
       }, null) : null;
     }
@@ -1101,7 +1118,7 @@ const Ce = /* @__PURE__ */ B({
       ref: t
     }, [c("nav", {
       class: "f-page-header-base"
-    }, [h(), M(), c(te, {
+    }, [h(), F(), c(ie, {
       class: C.value,
       modelValue: l.value,
       "onUpdate:modelValue": (g) => l.value = g,
@@ -1113,31 +1130,33 @@ const Ce = /* @__PURE__ */ B({
       componentId: r.componentId,
       onSelectionChange: u
     }, {
-      default: () => [c(X, {
+      default: () => [c(Y, {
         id: l.value.id,
         customClass: "w-100",
         items: d.value,
         componentId: r.componentId
       }, null)]
-    })]), q()]);
+    })]), L()]);
   }
-}), Me = {
+}), He = {
   install(r) {
-    r.component(T.name, T);
+    r.component(H.name, H);
   },
-  register(r, e, t, n) {
-    r["page-header"] = T, e["page-header"] = ce, n["page-header"] = { eventHandlerResolver: pe };
+  register(r, e, t, n, i) {
+    r["page-header"] = H, e["page-header"] = ge(i), n["page-header"] = { eventHandlerResolver: pe };
   },
-  registerDesigner(r, e, t) {
-    r["page-header"] = Ce, e["page-header"] = ue;
+  registerDesigner(r, e, t, n) {
+    r["page-header"] = xe, e["page-header"] = fe(n);
   }
 };
 export {
-  T as PageHeader,
-  Me as default,
+  H as PageHeader,
+  He as default,
   pe as eventHandlerResolver,
-  $ as pageHeaderDesignerProps,
+  q as pageHeaderDesignerProps,
   R as pageHeaderProps,
-  ue as propsDesignResolver,
-  ce as propsResolver
+  ke as propsDesignResolver,
+  fe as propsDesignResolverGenerator,
+  Fe as propsResolver,
+  ge as propsResolverGenerator
 };

package/components/page-header/index.umd.cjs

@@ -1 +1 @@
-(function(u,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../common/index.umd.js"),require("../../designer/response-toolbar/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../response-toolbar/index.umd.js","../common/index.umd.js","../../designer/response-toolbar/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],r):(u=typeof globalThis<"u"?globalThis:u||self,r(u["page-header"]={},u.Vue,u.dynamicResolver,u.FResponseToolbar,u.common,u.FResponseToolbarDesignComponent,u.designerCanvas,u.LodashES))})(this,function(u,r,y,q,x,T,P,$){"use strict";var X=Object.defineProperty;var Y=(u,r,y)=>r in u?X(u,r,{enumerable:!0,configurable:!0,writable:!0,value:y}):u[r]=y;var C=(u,r,y)=>Y(u,typeof r!="symbol"?r+"":r,y);const k=new Map([["appearance",y.resolveAppearance],["toolbar",y.resolveToolbar]]),H={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"page-header",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string",default:"page-header"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},showIcon:{description:"",type:"boolean",default:!0},icon:{description:"",type:"string",default:"f-icon-page-title-record"},iconClass:{description:"",type:"string",default:"f-text-orna-bill"},title:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},toolbar:{description:"",type:"object",properties:{appearance:{description:"",type:"object",properties:{class:{type:"string",default:"col-6"}}},id:{description:"",type:"string"},type:{description:"",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0}}},titleContentClass:{description:"",type:"string",default:""},contentClass:{description:"",type:"string",default:""},downContentClass:{description:"",type:"string",default:""},showPagination:{description:"",type:"boolean",default:!1},prePaginationDisabled:{description:"",type:"boolean",default:!0},nextPaginationDisabled:{description:"",type:"boolean",default:!1},visible:{description:"",type:"boolean",default:!0},titleContentHtml:{description:"",type:"string",default:""},titleRenderFunction:{description:"",type:"function",default:null},contentHtml:{description:"",type:"string",default:""},contentRenderFunction:{description:"",type:"function",default:null},downContentHtml:{description:"",type:"string",default:""},downContentRenderFunction:{description:"",type:"function",default:null}},required:["id","type"]};function j(a,e,t){return e.title="标题",e}const E={customClass:{type:String,default:""},showIcon:{type:Boolean,default:!0},icon:{type:String,default:"f-icon-page-title-record"},iconClass:{type:String,default:"f-text-orna-bill"},title:{type:String,default:""},subTitle:{type:String,default:""},buttonClass:{type:String,default:"col-6"},toolbarId:{type:String,default:""},buttons:{type:Array,default:[]},titleContentClass:{type:String,default:""},contentClass:{type:String,default:""},downContentClass:{type:String,default:""},showPagination:{type:Boolean,default:!1},prePaginationDisabled:{type:Boolean,default:!0},nextPaginationDisabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},buttonsVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function},contentRenderFunction:{type:Function},downContentRenderFunction:{type:Function}},N=Object.assign({},E,{componentId:{type:String,default:""},titleContentHtml:{type:String,default:""},contentHtml:{type:String,default:""},downContentHtml:{type:String,default:""}}),B=y.createPropsResolver(E,H,k,j),U=y.createPropsResolver(N,H,k,j),O=y.createPageHeaderEventHandlerResolver(),I=r.defineComponent({name:"FPageHeader",props:E,emits:["click","prePaginationClick","nextPaginationClick"],setup(a,e){const t=r.ref(a.buttons),n=(f,F)=>{e.emit("click",f,F)},i=r.computed(()=>{const f={"f-page-header":!0,"d-none":!a.visible};return x.getCustomClass(f,a.customClass)}),o=r.computed(()=>{const f={"f-title-icon":!0};return x.getCustomClass(f,a.iconClass)}),s=r.computed(()=>{const f={"f-icon":!0};return x.getCustomClass(f,a.icon)}),d=r.computed(()=>{const f={"f-title":!0};return x.getCustomClass(f,a.titleContentClass)}),l=r.computed(()=>{const f={"f-content":!0};return x.getCustomClass(f,a.contentClass)}),c=r.computed(()=>{const f={"f-page-header-extend":!0};return x.getCustomClass(f,a.downContentClass)}),p=r.computed(()=>({"f-icon f-icon-arrow-w":!0,"f-state-disabled":a.prePaginationDisabled})),g=r.computed(()=>({"f-icon f-icon-arrow-e":!0,"f-state-disabled":a.nextPaginationDisabled}));function h(f){a.prePaginationDisabled||e.emit("prePaginationClick",f)}function w(f){a.nextPaginationDisabled||e.emit("nextPaginationClick",f)}function b(){return e.slots.titleContent?r.createVNode("div",{class:d.value},[r.createTextVNode(" "),e.slots.titleContent()]):a.titleRenderFunction?r.createVNode("div",{class:d.value},[a.titleRenderFunction()]):r.createVNode("div",{class:"f-title"},[a.showIcon&&a.icon?r.createVNode("span",{class:o.value},[r.createVNode("i",{class:s.value},null)]):"",r.createVNode("h4",{class:"f-title-text"},[a.title]),a.subTitle?r.createVNode("h5",{class:"f-title-subtitle"},[a.subTitle]):"",a.showPagination?r.createVNode("div",{class:"f-title-pagination"},[r.createVNode("span",{class:p.value,onClick:h},null),r.createVNode("span",{class:g.value,onClick:w},null)]):""])}function v(){return e.slots.content?r.createVNode("div",{class:l.value},[r.createTextVNode(" "),e.slots.content()]):a.contentRenderFunction?r.createVNode("div",{class:l.value},[a.contentRenderFunction()]):null}function V(){if(a.buttons&&a.buttons.length>0)return r.createVNode(q,{id:a.toolbarId,customClass:a.buttonClass,visible:a.buttonsVisible,items:t.value,onClick:n},null)}function R(){return e.slots.downContent?r.createVNode("div",{class:c.value},[r.createTextVNode(" "),e.slots.downContent()]):a.downContentRenderFunction?r.createVNode("div",{class:c.value},[a.downContentRenderFunction()]):null}return r.watch(()=>a.buttons,f=>{t.value=f},{deep:!0}),()=>a.visible?r.createVNode("div",{class:i.value},[r.createVNode("nav",{class:"f-page-header-base"},[b(),v(),V()]),R()]):null}});function D(a){const{formSchemaUtils:e,formStateMachineUtils:t}=a;function n(l,c=""){return{path:c+l.code,field:l.id,fullPath:l.code}}function i(l,c=""){return e.getViewModelById(l).states.map(g=>n(g,c))}function o(l){const c=e.getRootViewModelId(),p=i(l);if(l===c)return p;const g=i(c,"root-component.");return[...p,...g]}function s(l){return l.binding&&l.binding.path||l.id||""}function d(){return t&&t.getRenderStates()||[]}return{getVariables:o,getControlName:s,getStateMachines:d}}class L{constructor(e){C(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);C(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});C(this,"getExpressionConverter",(e,t)=>({convertFrom:(n,i,o,s)=>{const d=o.getExpressionRuleValue(e,t||i);return d&&d.value||""},convertTo:(n,i,o,s,d)=>{var l;if(i==="dataPicking"&&(o!=null&&o.target)){const c=`${o.target}_dataPicking`;((l=o.rules)==null?void 0:l.some(g=>g.id===c&&g.value))?n.dictPickingExpressionId=c:delete n.dictPickingExpressionId}s.updateExpression(o)}}));this.formSchemaService=e}getExpressionRule(e,t){const n=this.formSchemaService.getExpressions();if(!n)return"";const i=n.find(s=>s.target===e);if(!i)return"";const o=i.rules.find(s=>s.type===t);return o||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),n=this.formSchemaService.getViewModelById(t);if(!n||!n.states||n.states.length===0)return[];const i=[];return n.states.filter(o=>o.category==="remote").forEach(o=>{i.push({key:o.code,name:o.name,description:o.name,category:o.category})}),i}createTreeNode(e,t,n="label"){return{id:e.id,name:e.name,bindingPath:e[n],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var d;const o=this.createTreeNode(i,t);let s=[];(d=i.type)!=null&&d.fields&&(s=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),n.push({data:o,children:s,expanded:!0})}),n}buildChildEntityTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var l,c;const o=this.createTreeNode(i,t);o.type="entity";const s=this.buildEntityFieldsTreeData((l=i.type)==null?void 0:l.fields,[...t,i.label]),d=this.buildChildEntityTreeData((c=i.type)==null?void 0:c.entities,[...t,i.label]);d!=null&&d.length&&(s==null||s.push(...d)),n.push({data:o,children:s||[],expanded:!0})}),n}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const n=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(n==null||n.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:n||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,n){const i=n==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,t),s=this.getEntitiesAndVariables(),d={message:["validate","required","dataPicking"].includes(t)&&o?o.message:"",...s};return o.messageType!=null&&(d.messageType=o.messageType),d}buildRule(e,t,n,i){const{expression:o,message:s,messageType:d}=t,l={id:`${e}_${n}`,type:n,value:o};return(n==="validate"||n==="dataPicking"||n==="required")&&(l.message=s),n==="dataPicking"&&(l.messageType=d),n==="validate"&&i&&(l.elementId=i),l}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}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 l=this.getExpressionData().find(p=>p.targetType===t&&p.target===o);const c=p=>p.value.trim()==="";if(l){const p=l.rules.find(g=>g.id===s.id);if(p)c(s)?l.rules=l.rules.filter(g=>g.id!==s.id):(Object.assign(p,s),i==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(c(s))return null;l.rules=l.rules||[],l.rules.push(s)}}else{if(c(s))return null;l={target:`${o}`,rules:[s],targetType:t}}return l}getExpressionEditorOptions(e,t,n,i){return n.reduce((o,s)=>{var l,c;const d=t==="Field"?(l=e==null?void 0:e.binding)==null?void 0:l.field:e.id;return o[s]={hide:t==="Field"?!!((c=e==null?void 0:e.binding)!=null&&c.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(d),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:p=>{const g=this.updateExpression(e,t,p,s);if(i){const h=this.buildRule(d,p,s);i(h)}return g}}},o},{})}getExpressionInfo(e,t,n){const i=t==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,n),s={value:o&&o.value,targetId:i,targetType:t,expressionType:n};return o&&o.message&&(s.message=o.message),s}getExpressionConfig(e,t,n=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,n,i)}}}getExpressionOptions(e,t,n){const i=this.getExpressionInfo(e,t,n);return{dialogTitle:`${this.expressionNames[n]}编辑器`,singleExpand:!1,showMessage:n==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),expressionInfo:i}}}class _{constructor(e,t){C(this,"componentId");C(this,"viewModelId");C(this,"eventsEditorUtils");C(this,"formSchemaUtils");C(this,"formMetadataConverter");C(this,"designViewModelUtils");C(this,"designViewModelField");C(this,"controlCreatorUtils");C(this,"designerHostService");C(this,"designerContext");C(this,"schemaService",null);C(this,"metadataService",null);C(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(o=>o.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:P.DgControl[e.type]&&P.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},n){const i={title:"外观",description:"Appearance"},o={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)o[s]=Object.assign(o[s]||{},t[s]);return{...i,properties:{...o},setPropertyRelates(s,d){if(s){switch(s&&s.propertyID){case"class":case"style":{P.canvasChanged.value++;break}}n&&n(s,e,d)}}}}getPropertyEditorParams(e,t=[],n="visible",i={},o={},s=""){const{getVariables:d,getControlName:l,getStateMachines:c}=D(this.designerHostService),p=this.getRealTargetType(e),g=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],h={type:"property-editor",propertyTypes:g};return g.map(w=>{switch(w){case"Const":Object.assign(h,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":h.expressionConfig=this.getExpressionOptions(e,p,s||n);break;case"StateMachine":h.stateMachines=c();break;case"Variable":Object.assign(h,{controlName:l(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:d(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:b=>{b.value=d(this.viewModelId)}},o),this.designerContext.designerMode==="PC_RTC"&&(h.newVariablePrefix="ext_"+h.newVariablePrefix);break}}),h}getVisibleProperty(e,t=""){var o;let n=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?n=["Const","Expression"]:t==="form-group"&&!((o=e.binding)!=null&&o.field)&&(n=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,n,"visible")}}}getBehaviorConfig(e,t="",n={},i){const o={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const l in n)s[l]=Object.assign(s[l]||{},n[l]);const d=this;return{...o,properties:{...s},setPropertyRelates(l,c){if(l){switch(l.propertyID){case"disabled":case"readonly":case"visible":d.afterMutilEditorChanged(e,l);break}i&&i(l,c)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const i=n.contents.findIndex(s=>s.id===e),o=$.cloneDeep(n.contents[i]);n.contents.splice(i,1),n.contents.splice(i,0,o),P.refreshCanvas()}addNewVariableToViewModel(e,t){const n=e.propertyValue;if(!(n&&typeof n=="object")||!(n.type==="Variable"&&n.isNewVariable))return;const s={id:n.field,category:"locale",code:n.fullPath,name:n.fullPath,type:n.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete n.newVariableType,delete n.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:o,expressionInfo:s}=t,{targetId:d,targetType:l,expressionType:c,value:p,message:g}=s,h=this.formSchemaUtils.getModule();h.expressions=h.expressions||[];const{expressions:w}=h;let b=w.find(V=>V.target===d);b||(b={target:d,rules:[],targetType:l},w.push(b));const v=b.rules.find(V=>V.type===c);if(v)v.value=p,v.message=g;else{const V={id:o,type:c,value:p,message:g};b.rules.push(V)}delete t.expressionInfo}clearExpression(e,t){const n=e.propertyValue;if(n&&n.type==="Expression")return;const o=e.propertyID,s=this.formSchemaUtils.getExpressions(),d=t.binding?t.binding.field:t.id,l=s.find(c=>c.target===d);!l||!l.rules||(l.rules=l.rules.filter(c=>c.type!==o))}getExpressionOptions(e,t,n){return new L(this.formSchemaUtils).getExpressionOptions(e,t,n)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:n=>{var i;((i=n.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(n)}}},t}}class z extends _{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.template=this.getTemplateConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式"},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}},setPropertyRelates(t,n){if(t)switch(t&&t.propertyID){case"title":{t.needRefreshControlTree=!0;break}}}}}getTemplateConfig(e){return{title:"模板配置",description:"",properties:{titleContentClass:{title:"标题模板class",type:"string",description:"标题模板外层容器的自定义样式"},titleContentHtml:{title:"标题模板",type:"string",description:"设置标题HTML模板，替代图标和标题文字区域",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},contentClass:{title:"内容模板class",type:"string",description:"内容模板外层容器的自定义样式"},contentHtml:{title:"内容模板",type:"string",description:"设置页头中间区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},downContentClass:{title:"扩展模板class",type:"string",description:"扩展模板外层容器的自定义样式"},downContentHtml:{title:"扩展模板",type:"string",description:"设置页头下方区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function G(a,e){function t(d){return!1}function n(){return!1}function i(){return!1}function o(){return!0}function s(d){return new z(d,e).getPropertyConfig(a)}return{canAccepts:t,hideNestedPaddingInDesginerView:o,getPropsConfig:s,checkCanDeleteComponent:n,checkCanMoveComponent:i}}const K=r.defineComponent({name:"FPageHeaderDesign",props:N,emits:["click"],setup(a,e){const t=r.ref(),n=r.inject("designer-host-service"),i=r.inject("design-item-context"),o=G(i.schema,n),s=P.useDesignerComponent(t,i,o),d=r.ref(i.schema.toolbar||{type:"response-toolbar",buttons:[]}),l=r.ref(T.responseToolbarResolver(d.value));r.onMounted(()=>{t.value.componentInstance=s}),r.watch(()=>i.schema.toolbar,()=>{d.value=i.schema.toolbar||{type:"response-toolbar",buttons:[]},l.value=T.responseToolbarResolver(d.value)},{deep:!0});const c=r.computed(()=>[...l.value.items]);function p(m,S,A,M){i&&i.setupContext&&i.setupContext.emit("selectionChange",m,S,A,M)}e.expose(s.value);function g(m,S){m&&S&&S.split(" ").reduce((M,W)=>(M[W]=!0,M),m)}const h=r.computed(()=>{const m={"f-title-icon":!0};return g(m,a.iconClass),m}),w=r.computed(()=>{const m={"f-icon":!0};return g(m,a.icon),m}),b=r.computed(()=>{const m={"text-right":!0,"col-6":!0};return g(m,a.buttonClass||""),m}),v=r.computed(()=>{const m={"f-title":!0};return x.getCustomClass(m,a.titleContentClass)}),V=r.computed(()=>{const m={"f-content":!0};return x.getCustomClass(m,a.contentClass)}),R=r.computed(()=>{const m={"f-page-header-extend":!0};return x.getCustomClass(m,a.downContentClass)});function f(){return a.titleContentHtml?r.createVNode("div",{class:v.value,innerHTML:a.titleContentHtml},null):r.createVNode("div",{class:"f-title"},[a.showIcon&&a.icon?r.createVNode("span",{class:h.value},[r.createVNode("i",{class:w.value},null)]):"",r.createVNode("h4",{class:"f-title-text"},[a.title])])}function F(){return a.contentHtml?r.createVNode("div",{class:V.value,innerHTML:a.contentHtml},null):null}function Q(){return a.downContentHtml?r.createVNode("div",{class:R.value,innerHTML:a.downContentHtml},null):null}return()=>r.createVNode("div",{ref:t},[r.createVNode("nav",{class:"f-page-header-base"},[f(),F(),r.createVNode(P.FDesignerInnerItem,{class:b.value,modelValue:d.value,"onUpdate:modelValue":m=>d.value=m,canAdd:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:d.value.id,componentId:a.componentId,onSelectionChange:p},{default:()=>[r.createVNode(T,{id:d.value.id,customClass:"w-100",items:c.value,componentId:a.componentId},null)]})]),Q()])}}),J={install(a){a.component(I.name,I)},register(a,e,t,n){a["page-header"]=I,e["page-header"]=B,n["page-header"]={eventHandlerResolver:O}},registerDesigner(a,e,t){a["page-header"]=K,e["page-header"]=U}};u.PageHeader=I,u.default=J,u.eventHandlerResolver=O,u.pageHeaderDesignerProps=N,u.pageHeaderProps=E,u.propsDesignResolver=U,u.propsResolver=B,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../common/index.umd.js"),require("../../designer/response-toolbar/index.umd.js"),require("../page-header/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../response-toolbar/index.umd.js","../common/index.umd.js","../../designer/response-toolbar/index.umd.js","../page-header/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],r):(u=typeof globalThis<"u"?globalThis:u||self,r(u["page-header"]={},u.Vue,u.dynamicResolver,u.FResponseToolbar,u.common,u.FResponseToolbarDesignComponent,u.pageHeader,u.designerCanvas,u.LodashES))})(this,function(u,r,b,q,x,F,D,P,$){"use strict";var te=Object.defineProperty;var ne=(u,r,b)=>r in u?te(u,r,{enumerable:!0,configurable:!0,writable:!0,value:b}):u[r]=b;var C=(u,r,b)=>ne(u,typeof r!="symbol"?r+"":r,b);const I=new Map([["appearance",b.resolveAppearance],["toolbar",b.resolveToolbar]]),S={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"page-header",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string",default:"page-header"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},showIcon:{description:"",type:"boolean",default:!0},icon:{description:"",type:"string",default:"f-icon-page-title-record"},iconClass:{description:"",type:"string",default:"f-text-orna-bill"},title:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},toolbar:{description:"",type:"object",properties:{appearance:{description:"",type:"object",properties:{class:{type:"string",default:"col-6"}}},id:{description:"",type:"string"},type:{description:"",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0}}},titleContentClass:{description:"",type:"string",default:""},contentClass:{description:"",type:"string",default:""},downContentClass:{description:"",type:"string",default:""},showPagination:{description:"",type:"boolean",default:!1},prePaginationDisabled:{description:"",type:"boolean",default:!0},nextPaginationDisabled:{description:"",type:"boolean",default:!1},visible:{description:"",type:"boolean",default:!0},titleContentHtml:{description:"",type:"string",default:""},titleRenderFunction:{description:"",type:"function",default:null},contentHtml:{description:"",type:"string",default:""},contentRenderFunction:{description:"",type:"function",default:null},downContentHtml:{description:"",type:"string",default:""},downContentRenderFunction:{description:"",type:"function",default:null}},required:["id","type"]};function M(a,e,t){return e.title="标题",e}const E={customClass:{type:String,default:""},showIcon:{type:Boolean,default:!0},icon:{type:String,default:"f-icon-page-title-record"},iconClass:{type:String,default:"f-text-orna-bill"},title:{type:String,default:""},subTitle:{type:String,default:""},buttonClass:{type:String,default:"col-6"},toolbarId:{type:String,default:""},buttons:{type:Array,default:[]},titleContentClass:{type:String,default:""},contentClass:{type:String,default:""},downContentClass:{type:String,default:""},showPagination:{type:Boolean,default:!1},prePaginationDisabled:{type:Boolean,default:!0},nextPaginationDisabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},buttonsVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function},contentRenderFunction:{type:Function},downContentRenderFunction:{type:Function}},k=Object.assign({},E,{componentId:{type:String,default:""},titleContentHtml:{type:String,default:""},contentHtml:{type:String,default:""},downContentHtml:{type:String,default:""}}),G=b.createPropsResolver(E,S,I,M),L=b.createPropsResolver(k,S,I,M),B=b.createPageHeaderEventHandlerResolver(),U=b.getPropsResolverGenerator(E,S,I,M),O=b.getPropsResolverGenerator(k,S,I,M),T=r.defineComponent({name:"FPageHeader",props:E,emits:["click","prePaginationClick","nextPaginationClick"],setup(a,e){const t=r.ref(a.buttons),n=(f,j)=>{e.emit("click",f,j)},i=r.computed(()=>{const f={"f-page-header":!0,"d-none":!a.visible};return x.getCustomClass(f,a.customClass)}),o=r.computed(()=>{const f={"f-title-icon":!0};return x.getCustomClass(f,a.iconClass)}),s=r.computed(()=>{const f={"f-icon":!0};return x.getCustomClass(f,a.icon)}),d=r.computed(()=>{const f={"f-title":!0};return x.getCustomClass(f,a.titleContentClass)}),l=r.computed(()=>{const f={"f-content":!0};return x.getCustomClass(f,a.contentClass)}),c=r.computed(()=>{const f={"f-page-header-extend":!0};return x.getCustomClass(f,a.downContentClass)}),p=r.computed(()=>({"f-icon f-icon-arrow-w":!0,"f-state-disabled":a.prePaginationDisabled})),g=r.computed(()=>({"f-icon f-icon-arrow-e":!0,"f-state-disabled":a.nextPaginationDisabled}));function h(f){a.prePaginationDisabled||e.emit("prePaginationClick",f)}function V(f){a.nextPaginationDisabled||e.emit("nextPaginationClick",f)}function y(){return e.slots.titleContent?r.createVNode("div",{class:d.value},[r.createTextVNode(" "),e.slots.titleContent()]):a.titleRenderFunction?r.createVNode("div",{class:d.value},[a.titleRenderFunction()]):r.createVNode("div",{class:"f-title"},[a.showIcon&&a.icon?r.createVNode("span",{class:o.value},[r.createVNode("i",{class:s.value},null)]):"",r.createVNode("h4",{class:"f-title-text"},[a.title]),a.subTitle?r.createVNode("h5",{class:"f-title-subtitle"},[a.subTitle]):"",a.showPagination?r.createVNode("div",{class:"f-title-pagination"},[r.createVNode("span",{class:p.value,onClick:h},null),r.createVNode("span",{class:g.value,onClick:V},null)]):""])}function v(){return e.slots.content?r.createVNode("div",{class:l.value},[r.createTextVNode(" "),e.slots.content()]):a.contentRenderFunction?r.createVNode("div",{class:l.value},[a.contentRenderFunction()]):null}function w(){if(a.buttons&&a.buttons.length>0)return r.createVNode(q,{id:a.toolbarId,customClass:a.buttonClass,visible:a.buttonsVisible,items:t.value,onClick:n},null)}function H(){return e.slots.downContent?r.createVNode("div",{class:c.value},[r.createTextVNode(" "),e.slots.downContent()]):a.downContentRenderFunction?r.createVNode("div",{class:c.value},[a.downContentRenderFunction()]):null}return r.watch(()=>a.buttons,f=>{t.value=f},{deep:!0}),()=>a.visible?r.createVNode("div",{class:i.value},[r.createVNode("nav",{class:"f-page-header-base"},[y(),v(),w()]),H()]):null}}),_=Object.assign({},D.pageHeaderProps,{componentId:{type:String,default:""},titleContentHtml:{type:String,default:""},contentHtml:{type:String,default:""},downContentHtml:{type:String,default:""}});function z(a){const{formSchemaUtils:e,formStateMachineUtils:t}=a;function n(l,c=""){return{path:c+l.code,field:l.id,fullPath:l.code}}function i(l,c=""){const p=e.getViewModelById(l);return p?p.states.map(g=>n(g,c)):[]}function o(l){const c=e.getRootViewModelId(),p=i(l);if(l===c)return p;const g=i(c,"root-component.");return[...p,...g]}function s(l){return l.binding&&l.binding.path||l.id||""}function d(){return t&&t.getRenderStates()||[]}return{getVariables:o,getControlName:s,getStateMachines:d}}class K{constructor(e){C(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);C(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});C(this,"getExpressionConverter",(e,t)=>({convertFrom:(n,i,o,s)=>{const d=o.getExpressionRuleValue(e,t||i);return d&&d.value||""},convertTo:(n,i,o,s,d)=>{var l;if(i==="dataPicking"&&(o!=null&&o.target)){const c=`${o.target}_dataPicking`;((l=o.rules)==null?void 0:l.some(g=>g.id===c&&g.value))?n.dictPickingExpressionId=c:delete n.dictPickingExpressionId}s.updateExpression(o)}}));this.formSchemaService=e}getExpressionRule(e,t){const n=this.formSchemaService.getExpressions();if(!n)return"";const i=n.find(s=>s.target===e);if(!i)return"";const o=i.rules.find(s=>s.type===t);return o||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),n=this.formSchemaService.getViewModelById(t);if(!n||!n.states||n.states.length===0)return[];const i=[];return n.states.filter(o=>o.category==="remote").forEach(o=>{i.push({key:o.code,name:o.name,description:o.name,category:o.category})}),i}createTreeNode(e,t,n="label"){return{id:e.id,name:e.name,bindingPath:e[n],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var d;const o=this.createTreeNode(i,t);let s=[];(d=i.type)!=null&&d.fields&&(s=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),n.push({data:o,children:s,expanded:!0})}),n}buildChildEntityTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var l,c;const o=this.createTreeNode(i,t);o.type="entity";const s=this.buildEntityFieldsTreeData((l=i.type)==null?void 0:l.fields,[...t,i.label]),d=this.buildChildEntityTreeData((c=i.type)==null?void 0:c.entities,[...t,i.label]);d!=null&&d.length&&(s==null||s.push(...d)),n.push({data:o,children:s||[],expanded:!0})}),n}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const n=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(n==null||n.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:n||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,n){const i=n==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,t),s=this.getEntitiesAndVariables(),d={message:["validate","required","dataPicking"].includes(t)&&o?o.message:"",...s};return o.messageType!=null&&(d.messageType=o.messageType),d}buildRule(e,t,n,i){const{expression:o,message:s,messageType:d}=t,l={id:`${e}_${n}`,type:n,value:o};return(n==="validate"||n==="dataPicking"||n==="required")&&(l.message=s),n==="dataPicking"&&(l.messageType=d),n==="validate"&&i&&(l.elementId=i),l}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}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 l=this.getExpressionData().find(p=>p.targetType===t&&p.target===o);const c=p=>p.value.trim()==="";if(l){const p=l.rules.find(g=>g.id===s.id);if(p)c(s)?l.rules=l.rules.filter(g=>g.id!==s.id):(Object.assign(p,s),i==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(c(s))return null;l.rules=l.rules||[],l.rules.push(s)}}else{if(c(s))return null;l={target:`${o}`,rules:[s],targetType:t}}return l}getExpressionEditorOptions(e,t,n,i){return n.reduce((o,s)=>{var l,c;const d=t==="Field"?(l=e==null?void 0:e.binding)==null?void 0:l.field:e.id;return o[s]={hide:t==="Field"?!!((c=e==null?void 0:e.binding)!=null&&c.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(d),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:p=>{const g=this.updateExpression(e,t,p,s);if(i){const h=this.buildRule(d,p,s);i(h)}return g}}},o},{})}getExpressionInfo(e,t,n){const i=t==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,n),s={value:o&&o.value,targetId:i,targetType:t,expressionType:n};return o&&o.message&&(s.message=o.message),s}getExpressionConfig(e,t,n=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,n,i)}}}getExpressionOptions(e,t,n){const i=this.getExpressionInfo(e,t,n);return{dialogTitle:`${this.expressionNames[n]}编辑器`,singleExpand:!1,showMessage:n==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),expressionInfo:i}}}class J{constructor(e,t){C(this,"componentId");C(this,"viewModelId");C(this,"eventsEditorUtils");C(this,"formSchemaUtils");C(this,"formMetadataConverter");C(this,"designViewModelUtils");C(this,"designViewModelField");C(this,"controlCreatorUtils");C(this,"designerHostService");C(this,"designerContext");C(this,"schemaService",null);C(this,"metadataService",null);C(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(o=>o.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:P.DgControl[e.type]&&P.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},n){const i={title:"外观",description:"Appearance"},o={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)o[s]=Object.assign(o[s]||{},t[s]);return{...i,properties:{...o},setPropertyRelates(s,d){if(s){switch(s&&s.propertyID){case"class":case"style":{P.canvasChanged.value++;break}}n&&n(s,e,d)}}}}getPropertyEditorParams(e,t=[],n="visible",i={},o={},s=""){const{getVariables:d,getControlName:l,getStateMachines:c}=z(this.designerHostService),p=this.getRealTargetType(e),g=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],h={type:"property-editor",propertyTypes:g};return g.map(V=>{switch(V){case"Const":Object.assign(h,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":h.expressionConfig=this.getExpressionOptions(e,p,s||n);break;case"StateMachine":h.stateMachines=c();break;case"Variable":Object.assign(h,{controlName:l(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:d(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:y=>{y.value=d(this.viewModelId)}},o),this.designerContext.designerMode==="PC_RTC"&&(h.newVariablePrefix="ext_"+h.newVariablePrefix);break}}),h}getVisibleProperty(e,t=""){var o;let n=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?n=["Const","Expression"]:t==="form-group"&&!((o=e.binding)!=null&&o.field)&&(n=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,n,"visible")}}}getBehaviorConfig(e,t="",n={},i){const o={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const l in n)s[l]=Object.assign(s[l]||{},n[l]);const d=this;return{...o,properties:{...s},setPropertyRelates(l,c){if(l){switch(l.propertyID){case"disabled":case"readonly":case"visible":d.afterMutilEditorChanged(e,l);break}i&&i(l,c)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const i=n.contents.findIndex(s=>s.id===e),o=$.cloneDeep(n.contents[i]);n.contents.splice(i,1),n.contents.splice(i,0,o),P.refreshCanvas()}addNewVariableToViewModel(e,t){const n=e.propertyValue;if(!(n&&typeof n=="object")||!(n.type==="Variable"&&n.isNewVariable))return;const s={id:n.field,category:"locale",code:n.fullPath,name:n.fullPath,type:n.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete n.newVariableType,delete n.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:o,expressionInfo:s}=t,{targetId:d,targetType:l,expressionType:c,value:p,message:g}=s,h=this.formSchemaUtils.getModule();h.expressions=h.expressions||[];const{expressions:V}=h;let y=V.find(w=>w.target===d);y||(y={target:d,rules:[],targetType:l},V.push(y));const v=y.rules.find(w=>w.type===c);if(v)v.value=p,v.message=g;else{const w={id:o,type:c,value:p,message:g};y.rules.push(w)}delete t.expressionInfo}clearExpression(e,t){const n=e.propertyValue;if(n&&n.type==="Expression")return;const o=e.propertyID,s=this.formSchemaUtils.getExpressions(),d=t.binding?t.binding.field:t.id,l=s.find(c=>c.target===d);!l||!l.rules||(l.rules=l.rules.filter(c=>c.type!==o))}getExpressionOptions(e,t,n){return new K(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"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:n=>{var i;((i=n.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(n)}}},t}}class Q extends J{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.template=this.getTemplateConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式"},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}},setPropertyRelates(t,n){if(t)switch(t&&t.propertyID){case"title":{t.needRefreshControlTree=!0;break}}}}}getTemplateConfig(e){return{title:"模板配置",description:"",properties:{titleContentClass:{title:"标题模板class",type:"string",description:"标题模板外层容器的自定义样式"},titleContentHtml:{title:"标题模板",type:"string",description:"设置标题HTML模板，替代图标和标题文字区域",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},contentClass:{title:"内容模板class",type:"string",description:"内容模板外层容器的自定义样式"},contentHtml:{title:"内容模板",type:"string",description:"设置页头中间区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},downContentClass:{title:"扩展模板class",type:"string",description:"扩展模板外层容器的自定义样式"},downContentHtml:{title:"扩展模板",type:"string",description:"设置页头下方区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function W(a,e){function t(d){return!1}function n(){return!1}function i(){return!1}function o(){return!0}function s(d){return new Q(d,e).getPropertyConfig(a)}return{canAccepts:t,hideNestedPaddingInDesginerView:o,getPropsConfig:s,checkCanDeleteComponent:n,checkCanMoveComponent:i}}const X=r.defineComponent({name:"FPageHeaderDesign",props:_,emits:["click"],setup(a,e){const t=r.ref(),n=r.inject("designer-host-service"),i=r.inject("design-item-context"),o=W(i.schema,n),s=P.useDesignerComponent(t,i,o),d=r.ref(i.schema.toolbar||{type:"response-toolbar",buttons:[]}),l=r.ref(F.responseToolbarResolver(d.value));r.onMounted(()=>{t.value.componentInstance=s}),r.watch(()=>i.schema.toolbar,()=>{d.value=i.schema.toolbar||{type:"response-toolbar",buttons:[]},l.value=F.responseToolbarResolver(d.value)},{deep:!0});const c=r.computed(()=>[...l.value.items]);function p(m,N,A,R){i&&i.setupContext&&i.setupContext.emit("selectionChange",m,N,A,R)}e.expose(s.value);function g(m,N){m&&N&&N.split(" ").reduce((R,ee)=>(R[ee]=!0,R),m)}const h=r.computed(()=>{const m={"f-title-icon":!0};return g(m,a.iconClass),m}),V=r.computed(()=>{const m={"f-icon":!0};return g(m,a.icon),m}),y=r.computed(()=>{const m={"text-right":!0,"col-6":!0};return g(m,a.buttonClass||""),m}),v=r.computed(()=>{const m={"f-title":!0};return x.getCustomClass(m,a.titleContentClass)}),w=r.computed(()=>{const m={"f-content":!0};return x.getCustomClass(m,a.contentClass)}),H=r.computed(()=>{const m={"f-page-header-extend":!0};return x.getCustomClass(m,a.downContentClass)});function f(){return a.titleContentHtml?r.createVNode("div",{class:v.value,innerHTML:a.titleContentHtml},null):r.createVNode("div",{class:"f-title"},[a.showIcon&&a.icon?r.createVNode("span",{class:h.value},[r.createVNode("i",{class:V.value},null)]):"",r.createVNode("h4",{class:"f-title-text"},[a.title])])}function j(){return a.contentHtml?r.createVNode("div",{class:w.value,innerHTML:a.contentHtml},null):null}function Z(){return a.downContentHtml?r.createVNode("div",{class:H.value,innerHTML:a.downContentHtml},null):null}return()=>r.createVNode("div",{ref:t},[r.createVNode("nav",{class:"f-page-header-base"},[f(),j(),r.createVNode(P.FDesignerInnerItem,{class:y.value,modelValue:d.value,"onUpdate:modelValue":m=>d.value=m,canAdd:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:d.value.id,componentId:a.componentId,onSelectionChange:p},{default:()=>[r.createVNode(F,{id:d.value.id,customClass:"w-100",items:c.value,componentId:a.componentId},null)]})]),Z()])}}),Y={install(a){a.component(T.name,T)},register(a,e,t,n,i){a["page-header"]=T,e["page-header"]=U(i),n["page-header"]={eventHandlerResolver:B}},registerDesigner(a,e,t,n){a["page-header"]=X,e["page-header"]=O(n)}};u.PageHeader=T,u.default=Y,u.eventHandlerResolver=B,u.pageHeaderDesignerProps=k,u.pageHeaderProps=E,u.propsDesignResolver=L,u.propsDesignResolverGenerator=O,u.propsResolver=G,u.propsResolverGenerator=U,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});