@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

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

@@ -1,17 +1,17 @@
 var L = Object.defineProperty;
-var _ = (o, e, t) => e in o ? L(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var m = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as A, ref as I, computed as b, watch as D, createVNode as c, createTextVNode as k, inject as N, onMounted as K } from "vue";
+var _ = (s, e, t) => e in s ? L(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var m = (s, e, t) => _(s, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as j, ref as I, computed as b, watch as D, createVNode as u, createTextVNode as k, inject as H, 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 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";
+import Y, { responseToolbarResolver as N } from "../../designer/response-toolbar/index.esm.js";
+import { DgControl as A, canvasChanged as Z, refreshCanvas as ee, UseTemplateDragAndDropRules 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]
-]), 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", de = {
+]), 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", ce = "object", de = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -164,22 +164,28 @@ const V = /* @__PURE__ */ new Map([
     type: "function",
     default: null
   }
-}, ce = [
+}, ue = [
   "id",
   "type"
 ], S = {
-  $schema: se,
-  $id: oe,
-  title: re,
-  description: ae,
-  type: le,
+  $schema: oe,
+  $id: re,
+  title: ae,
+  description: le,
+  type: ce,
   properties: de,
-  required: ce
+  required: ue
 };
-function M(o, e, t) {
-  return e.title = "标题", e;
+function M(s, e, t) {
+  return e.title = "标题", e.appearance = {
+    class: "f-page-header"
+  }, e.toolbar = {
+    id: `${e.id}-toolbar`,
+    type: "response-toolbar",
+    buttons: []
+  }, e;
 }
-const R = {
+const T = {
   /** 组件自定义样式 */
   customClass: { type: String, default: "" },
   /** 是否显示图标 */
@@ -222,147 +228,147 @@ const R = {
   contentRenderFunction: { type: Function },
   /** 下方扩展区域 */
   downContentRenderFunction: { type: Function }
-}, H = Object.assign({}, R, {
+}, B = Object.assign({}, T, {
   componentId: { type: String, default: "" },
   titleContentHtml: { type: String, default: "" },
   contentHtml: { type: String, default: "" },
   downContentHtml: { type: String, default: "" }
-}), Me = $(R, S, V, M), Re = $(H, S, V, M), ue = W(), pe = q(
-  R,
+}), Te = $(T, S, V, M), Re = $(B, S, V, M), pe = W(), ge = q(
+  T,
   S,
   V,
   M
-), ge = q(
-  H,
+), fe = q(
+  B,
   S,
   V,
   M
-), O = /* @__PURE__ */ A({
+), O = /* @__PURE__ */ j({
   name: "FPageHeader",
-  props: R,
+  props: T,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
-  setup(o, e) {
-    const t = I(o.buttons), n = (h, F) => {
+  setup(s, e) {
+    const t = I(s.buttons), n = (h, F) => {
       e.emit("click", h, F);
     }, i = b(() => {
       const h = {
         "f-page-header": !0,
-        "d-none": !o.visible
+        "d-none": !s.visible
       };
-      return y(h, o.customClass);
+      return y(h, s.customClass);
     }), r = b(() => y({
       "f-title-icon": !0
-    }, o.iconClass)), s = b(() => y({
+    }, s.iconClass)), o = b(() => y({
       "f-icon": !0
-    }, o.icon)), l = b(() => y({
+    }, s.icon)), l = b(() => y({
       "f-title": !0
-    }, o.titleContentClass)), a = b(() => y({
+    }, s.titleContentClass)), a = b(() => y({
       "f-content": !0
-    }, o.contentClass)), d = b(() => y({
+    }, s.contentClass)), c = b(() => y({
       "f-page-header-extend": !0
-    }, o.downContentClass)), u = b(() => ({
+    }, s.downContentClass)), d = b(() => ({
       "f-icon f-icon-arrow-w": !0,
-      "f-state-disabled": o.prePaginationDisabled
+      "f-state-disabled": s.prePaginationDisabled
     })), p = b(() => ({
       "f-icon f-icon-arrow-e": !0,
-      "f-state-disabled": o.nextPaginationDisabled
+      "f-state-disabled": s.nextPaginationDisabled
     }));
     function f(h) {
-      o.prePaginationDisabled || e.emit("prePaginationClick", h);
+      s.prePaginationDisabled || e.emit("prePaginationClick", h);
     }
     function x(h) {
-      o.nextPaginationDisabled || e.emit("nextPaginationClick", h);
+      s.nextPaginationDisabled || e.emit("nextPaginationClick", h);
     }
     function C() {
-      return e.slots.titleContent ? c("div", {
+      return e.slots.titleContent ? u("div", {
         class: l.value
-      }, [k(" "), e.slots.titleContent()]) : o.titleRenderFunction ? c("div", {
+      }, [k(" "), e.slots.titleContent()]) : s.titleRenderFunction ? u("div", {
         class: l.value
-      }, [o.titleRenderFunction()]) : c("div", {
+      }, [s.titleRenderFunction()]) : u("div", {
         class: "f-title"
-      }, [o.showIcon && o.icon ? c("span", {
+      }, [s.showIcon && s.icon ? u("span", {
         class: r.value
-      }, [c("i", {
-        class: s.value
-      }, null)]) : "", c("h4", {
+      }, [u("i", {
+        class: o.value
+      }, null)]) : "", u("h4", {
         class: "f-title-text"
-      }, [o.title]), o.subTitle ? c("h5", {
+      }, [s.title]), s.subTitle ? u("h5", {
         class: "f-title-subtitle"
-      }, [o.subTitle]) : "", o.showPagination ? c("div", {
+      }, [s.subTitle]) : "", s.showPagination ? u("div", {
         class: "f-title-pagination"
-      }, [c("span", {
-        class: u.value,
+      }, [u("span", {
+        class: d.value,
         onClick: f
-      }, null), c("span", {
+      }, null), u("span", {
         class: p.value,
         onClick: x
       }, null)]) : ""]);
     }
     function w() {
-      return e.slots.content ? c("div", {
+      return e.slots.content ? u("div", {
         class: a.value
-      }, [k(" "), e.slots.content()]) : o.contentRenderFunction ? c("div", {
+      }, [k(" "), e.slots.content()]) : s.contentRenderFunction ? u("div", {
         class: a.value
-      }, [o.contentRenderFunction()]) : null;
+      }, [s.contentRenderFunction()]) : null;
     }
     function v() {
-      if (o.buttons && o.buttons.length > 0)
-        return c(X, {
-          id: o.toolbarId,
-          customClass: o.buttonClass,
-          visible: o.buttonsVisible,
+      if (s.buttons && s.buttons.length > 0)
+        return u(X, {
+          id: s.toolbarId,
+          customClass: s.buttonClass,
+          visible: s.buttonsVisible,
           items: t.value,
           onClick: n,
-          buttonSize: o.buttonSize
+          buttonSize: s.buttonSize
         }, null);
     }
-    function T() {
-      return e.slots.downContent ? c("div", {
-        class: d.value
-      }, [k(" "), e.slots.downContent()]) : o.downContentRenderFunction ? c("div", {
-        class: d.value
-      }, [o.downContentRenderFunction()]) : null;
+    function R() {
+      return e.slots.downContent ? u("div", {
+        class: c.value
+      }, [k(" "), e.slots.downContent()]) : s.downContentRenderFunction ? u("div", {
+        class: c.value
+      }, [s.downContentRenderFunction()]) : null;
     }
-    return D(() => o.buttons, (h) => {
+    return D(() => s.buttons, (h) => {
       t.value = h;
     }, {
       deep: !0
-    }), () => o.visible ? c("div", {
+    }), () => s.visible ? u("div", {
       class: i.value
-    }, [c("nav", {
+    }, [u("nav", {
       class: "f-page-header-base"
-    }, [C(), w(), v()]), T()]) : null;
+    }, [C(), w(), v()]), R()]) : null;
   }
 });
-function fe(o) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = o;
-  function n(a, d = "") {
+function me(s) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = s;
+  function n(a, c = "") {
     return {
-      path: d + a.code,
+      path: c + a.code,
       field: a.id,
       fullPath: a.code
     };
   }
-  function i(a, d = "") {
-    const u = e.getViewModelById(a);
-    return u ? u.states.map((p) => n(p, d)) : [];
+  function i(a, c = "") {
+    const d = e.getViewModelById(a);
+    return d ? d.states.map((p) => n(p, c)) : [];
   }
   function r(a) {
-    const d = e.getRootViewModelId(), u = i(a);
-    if (a === d)
-      return u;
-    const p = i(d, "root-component.");
-    return [...u, ...p];
+    const c = e.getRootViewModelId(), d = i(a);
+    if (a === c)
+      return d;
+    const p = i(c, "root-component.");
+    return [...d, ...p];
   }
-  function s(a) {
+  function o(a) {
     return a.binding && a.binding.path || a.id || "";
   }
   function l() {
     return t && t.getRenderStates() || [];
   }
-  return { getVariables: r, getControlName: s, getStateMachines: l };
+  return { getVariables: r, getControlName: o, getStateMachines: l };
 }
-class me {
+class he {
   constructor(e) {
     m(this, "sessionVariables", [
       {
@@ -411,19 +417,19 @@ class me {
       required: "必填表达式"
     });
     m(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (n, i, r, s) => {
+      convertFrom: (n, i, r, o) => {
         const l = r.getExpressionRuleValue(e, t || i);
         return l && l.value || "";
       },
-      convertTo: (n, i, r, s, l) => {
+      convertTo: (n, i, r, o, l) => {
         var a;
         if (i === "dataPicking" && (r != null && r.target)) {
-          const d = `${r.target}_dataPicking`;
+          const c = `${r.target}_dataPicking`;
           ((a = r.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(r);
+        o.updateExpression(r);
       }
     }));
     this.formSchemaService = e;
@@ -432,10 +438,10 @@ class me {
     const n = this.formSchemaService.getExpressions();
     if (!n)
       return "";
-    const i = n.find((s) => s.target === e);
+    const i = n.find((o) => o.target === e);
     if (!i)
       return "";
-    const r = i.rules.find((s) => s.type === t);
+    const r = i.rules.find((o) => o.type === t);
     return r || "";
   }
   // 获取上下文表单变量
@@ -470,10 +476,10 @@ class me {
     return e == null || e.forEach((i) => {
       var l;
       const r = this.createTreeNode(i, t);
-      let s = [];
-      (l = i.type) != null && l.fields && (s = this.buildEntityFieldsTreeData(i.type.fields, [...t, i.label])), n.push({
+      let o = [];
+      (l = i.type) != null && l.fields && (o = this.buildEntityFieldsTreeData(i.type.fields, [...t, i.label])), n.push({
         data: r,
-        children: s,
+        children: o,
         expanded: !0
       });
     }), n;
@@ -481,13 +487,13 @@ class me {
   buildChildEntityTreeData(e = null, t) {
     const n = [];
     return e == null || e.forEach((i) => {
-      var a, d;
+      var a, c;
       const r = this.createTreeNode(i, t);
       r.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]);
-      l != null && l.length && (s == null || s.push(...l)), n.push({
+      const o = 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 && (o == null || o.push(...l)), n.push({
         data: r,
-        children: s || [],
+        children: o || [],
         // 空值回退
         expanded: !0
       });
@@ -527,70 +533,70 @@ class me {
     };
   }
   onBeforeOpenExpression(e, t, n) {
-    const i = n === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(i, t), s = this.getEntitiesAndVariables(), l = {
+    const i = n === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(i, t), o = this.getEntitiesAndVariables(), l = {
       message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
-      ...s
+      ...o
     };
     return r.messageType != null && (l.messageType = r.messageType), l;
   }
   buildRule(e, t, n, i) {
-    const { expression: r, message: s, messageType: l } = t, a = {
+    const { expression: r, message: o, messageType: l } = t, a = {
       id: `${e}_${n}`,
       type: n,
       value: r
     };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (a.message = s), n === "dataPicking" && (a.messageType = l), n === "validate" && i && (a.elementId = i), a;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (a.message = o), n === "dataPicking" && (a.messageType = l), n === "validate" && i && (a.elementId = i), a;
   }
   getExpressionData() {
     const { expressions: e } = this.formSchemaService.getFormSchema().module;
     return e || [];
   }
   updateExpression(e, t, n, i) {
-    const r = t === "Field" ? e.binding.field : e.id, s = this.buildRule(r, n, i, e.type === "form-group" ? e.id : "");
-    let a = this.getExpressionData().find((u) => u.targetType === t && u.target === r);
-    const d = (u) => u.value.trim() === "";
+    const r = t === "Field" ? e.binding.field : e.id, o = this.buildRule(r, n, i, e.type === "form-group" ? e.id : "");
+    let a = this.getExpressionData().find((d) => d.targetType === t && d.target === r);
+    const c = (d) => d.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));
+      const d = a.rules.find((p) => p.id === o.id);
+      if (d)
+        c(o) ? a.rules = a.rules.filter((p) => p.id !== o.id) : (Object.assign(d, o), i === "validate" && e.type === "form-group" && (d.elementId = e.id));
       else {
-        if (d(s))
+        if (c(o))
           return null;
-        a.rules = a.rules || [], a.rules.push(s);
+        a.rules = a.rules || [], a.rules.push(o);
       }
     } else {
-      if (d(s))
+      if (c(o))
         return null;
       a = {
         target: `${r}`,
-        rules: [s],
+        rules: [o],
         targetType: t
       };
     }
     return a;
   }
   getExpressionEditorOptions(e, t, n, i) {
-    return n.reduce((r, s) => {
-      var a, d;
+    return n.reduce((r, o) => {
+      var a, c;
       const l = t === "Field" ? (a = e == null ? void 0 : e.binding) == null ? void 0 : a.field : e.id;
-      return r[s] = {
-        hide: t === "Field" ? !!((d = e == null ? void 0 : e.binding) != null && d.field) : !1,
+      return r[o] = {
+        hide: t === "Field" ? !!((c = e == null ? void 0 : e.binding) != null && c.field) : !1,
         description: "",
-        title: this.expressionNames[s],
+        title: this.expressionNames[o],
         type: "string",
         $converter: this.getExpressionConverter(l),
         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: (u) => {
-            const p = this.updateExpression(e, t, u, s);
+          dialogTitle: `${this.expressionNames[o]}编辑器`,
+          showMessage: o === "validate" || o === "dataPicking" || o === "required",
+          showMessageType: o === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(e, o, t),
+          onSubmitModal: (d) => {
+            const p = this.updateExpression(e, t, d, o);
             if (i) {
-              const f = this.buildRule(l, u, s);
+              const f = this.buildRule(l, d, o);
               i(f);
             }
             return p;
@@ -600,13 +606,13 @@ class me {
     }, {});
   }
   getExpressionInfo(e, t, n) {
-    const i = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(i, n), s = {
+    const i = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(i, n), o = {
       value: r && r.value,
       targetId: i,
       targetType: t,
       expressionType: n
     };
-    return r && r.message && (s.message = r.message), s;
+    return r && r.message && (o.message = r.message), o;
   }
   getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], i) {
     return {
@@ -629,7 +635,7 @@ class me {
     };
   }
 }
-class he {
+class be {
   constructor(e, t) {
     m(this, "componentId");
     m(this, "viewModelId");
@@ -690,7 +696,7 @@ class he {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: j[e.type] && j[e.type].name }]
+            data: [{ value: e.type, name: A[e.type] && A[e.type].name }]
           }
         }
       }
@@ -716,21 +722,21 @@ class he {
         parentPropertyID: "appearance"
       }
     };
-    for (const s in t)
-      r[s] = Object.assign(r[s] || {}, t[s]);
+    for (const o in t)
+      r[o] = Object.assign(r[o] || {}, t[o]);
     return {
       ...i,
       properties: { ...r },
-      setPropertyRelates(s, l) {
-        if (s) {
-          switch (s && s.propertyID) {
+      setPropertyRelates(o, l) {
+        if (o) {
+          switch (o && o.propertyID) {
             case "class":
             case "style": {
               Z.value++;
               break;
             }
           }
-          n && n(s, e, l);
+          n && n(o, e, l);
         }
       }
     };
@@ -745,8 +751,8 @@ class he {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(e, t = [], n = "visible", i = {}, r = {}, s = "") {
-    const { getVariables: l, getControlName: a, getStateMachines: d } = fe(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
+  getPropertyEditorParams(e, t = [], n = "visible", i = {}, r = {}, o = "") {
+    const { getVariables: l, getControlName: a, getStateMachines: c } = me(this.designerHostService), d = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -759,10 +765,10 @@ class he {
           }, i);
           break;
         case "Expression":
-          f.expressionConfig = this.getExpressionOptions(e, u, s || n);
+          f.expressionConfig = this.getExpressionOptions(e, d, o || n);
           break;
         case "StateMachine":
-          f.stateMachines = d();
+          f.stateMachines = c();
           break;
         case "Variable":
           Object.assign(f, {
@@ -801,14 +807,14 @@ class he {
     const r = {
       title: "行为",
       description: ""
-    }, s = this.getVisibleProperty(e, t);
+    }, o = this.getVisibleProperty(e, t);
     for (const a in n)
-      s[a] = Object.assign(s[a] || {}, n[a]);
+      o[a] = Object.assign(o[a] || {}, n[a]);
     const l = this;
     return {
       ...r,
-      properties: { ...s },
-      setPropertyRelates(a, d) {
+      properties: { ...o },
+      setPropertyRelates(a, c) {
         if (a) {
           switch (a.propertyID) {
             case "disabled":
@@ -817,7 +823,7 @@ class he {
               l.afterMutilEditorChanged(e, a);
               break;
           }
-          i && i(a, d);
+          i && i(a, c);
         }
       }
     };
@@ -840,7 +846,7 @@ class he {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const i = n.contents.findIndex((s) => s.id === e), r = ie(n.contents[i]);
+    const i = n.contents.findIndex((o) => o.id === e), r = se(n.contents[i]);
     n.contents.splice(i, 1), n.contents.splice(i, 0, r), ee();
   }
   /**
@@ -853,7 +859,7 @@ class he {
     const n = e.propertyValue;
     if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
       return;
-    const s = {
+    const o = {
       id: n.field,
       category: "locale",
       code: n.fullPath,
@@ -861,7 +867,7 @@ class he {
       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);
+    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(o.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(o);
   }
   /**
    * 更新表达式到expressions节点
@@ -871,16 +877,16 @@ class he {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: r, expressionInfo: s } = t, { targetId: l, targetType: a, expressionType: d, value: u, message: p } = s, f = this.formSchemaUtils.getModule();
+    const { expressionId: r, expressionInfo: o } = t, { targetId: l, targetType: a, expressionType: c, value: d, message: p } = o, 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;
+      w.value = d, w.message = p;
     else {
-      const v = { id: r, type: d, value: u, message: p };
+      const v = { id: r, type: c, value: d, message: p };
       C.rules.push(v);
     }
     delete t.expressionInfo;
@@ -895,11 +901,11 @@ class he {
     const n = e.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const r = 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 !== r));
+    const r = e.propertyID, o = this.formSchemaUtils.getExpressions(), l = t.binding ? t.binding.field : t.id, a = o.find((c) => c.target === l);
+    !a || !a.rules || (a.rules = a.rules.filter((c) => c.type !== r));
   }
   getExpressionOptions(e, t, n) {
-    return new me(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new he(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";
@@ -918,7 +924,7 @@ class he {
     }, t;
   }
 }
-class be extends he {
+class Ce extends be {
   constructor(e, t) {
     super(e, t);
   }
@@ -935,15 +941,47 @@ class be extends he {
           type: "string",
           description: "组件的CSS样式"
         },
+        title: {
+          title: "主标题",
+          type: "string",
+          description: "标题"
+        },
+        subTitle: {
+          title: "副标题",
+          type: "string",
+          description: "副标题"
+        },
+        showIcon: {
+          title: "是否显示图标",
+          type: "boolean",
+          description: "是否显示图标",
+          refreshPanelAfterChanged: !0
+        },
         icon: {
           title: "图标",
           type: "string",
-          description: "图标"
+          description: "图标",
+          visible: e.showIcon
         },
-        title: {
-          title: "标题",
+        iconClass: {
+          title: "图标所属单据类别",
           type: "string",
-          description: "标题"
+          description: "定义图标的样式，例如颜色、背景等",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            idField: "key",
+            editable: !1,
+            data: [
+              { key: "f-title-icon f-text-orna-bill", value: "单据类" },
+              { key: "f-title-icon f-text-orna-dict", value: "字典类" },
+              { key: "f-title-icon f-text-orna-manage", value: "管理类" },
+              { key: "f-title-icon f-text-orna-query", value: "查询报表类" },
+              { key: "f-title-icon f-text-orna-param", value: "系统参数类" }
+            ]
+          },
+          visible: e.showIcon
         }
       },
       setPropertyRelates(t, n) {
@@ -1011,54 +1049,58 @@ class be extends he {
     };
   }
 }
-function Ce(o, e) {
-  function t(l) {
-    return !1;
-  }
-  function n() {
+function ve(s, e) {
+  const t = new te();
+  function n(a) {
     return !1;
   }
   function i() {
-    return !1;
+    const { canMove: a } = t.getTemplateRule(s, e);
+    return a;
   }
   function r() {
+    const { canDelete: a } = t.getTemplateRule(s, e);
+    return a;
+  }
+  function o() {
     return !0;
   }
-  function s(l) {
-    return new be(l, e).getPropertyConfig(o);
+  function l(a) {
+    const c = new Ce(a, e), { schema: d } = s;
+    return c.getPropertyConfig(d);
   }
   return {
-    canAccepts: t,
-    hideNestedPaddingInDesginerView: r,
-    getPropsConfig: s,
-    checkCanDeleteComponent: n,
+    canAccepts: n,
+    hideNestedPaddingInDesginerView: o,
+    getPropsConfig: l,
+    checkCanDeleteComponent: r,
     checkCanMoveComponent: i
   };
 }
-const ve = /* @__PURE__ */ A({
+const ye = /* @__PURE__ */ j({
   name: "FPageHeaderDesign",
-  props: H,
+  props: B,
   emits: ["click"],
-  setup(o, e) {
-    const t = I(), n = N("designer-host-service"), i = N("design-item-context"), r = Ce(i.schema, n), s = te(t, i, r), l = I(i.schema.toolbar || {
+  setup(s, e) {
+    const t = I(), n = H("designer-host-service"), i = H("design-item-context"), r = ve(i, n), o = ne(t, i, r), l = I(i.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), a = I(U(l.value));
+    }), a = I(N(l.value));
     K(() => {
-      t.value.componentInstance = s;
+      t.value.componentInstance = o;
     }), D(() => i.schema.toolbar, () => {
       l.value = i.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, a.value = U(l.value);
+      }, a.value = N(l.value);
     }, {
       deep: !0
     });
-    const d = b(() => [...a.value.items]);
-    function u(g, P, B, E) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, B, E);
+    const c = b(() => [...a.value.items]);
+    function d(g, P, U, E) {
+      i && i.setupContext && i.setupContext.emit("selectionChange", g, P, U, E);
     }
-    e.expose(s.value);
+    e.expose(o.value);
     function p(g, P) {
       g && P && P.split(" ").reduce((E, G) => (E[G] = !0, E), g);
     }
@@ -1066,56 +1108,58 @@ const ve = /* @__PURE__ */ A({
       const g = {
         "f-title-icon": !0
       };
-      return p(g, o.iconClass), g;
+      return p(g, s.iconClass), g;
     }), x = b(() => {
       const g = {
         "f-icon": !0
       };
-      return p(g, o.icon), g;
+      return p(g, s.icon), g;
     }), C = b(() => {
       const g = {
         "text-right": !0,
         "col-6": !0
       };
-      return p(g, o.buttonClass || ""), g;
+      return p(g, s.buttonClass || ""), g;
     }), w = b(() => y({
       "f-title": !0
-    }, o.titleContentClass)), v = b(() => y({
+    }, s.titleContentClass)), v = b(() => y({
       "f-content": !0
-    }, o.contentClass)), T = b(() => y({
+    }, s.contentClass)), R = b(() => y({
       "f-page-header-extend": !0
-    }, o.downContentClass));
+    }, s.downContentClass));
     function h() {
-      return o.titleContentHtml ? c("div", {
+      return s.titleContentHtml ? u("div", {
         class: w.value,
-        innerHTML: o.titleContentHtml
-      }, null) : c("div", {
+        innerHTML: s.titleContentHtml
+      }, null) : u("div", {
         class: "f-title"
-      }, [o.showIcon && o.icon ? c("span", {
+      }, [s.showIcon && s.icon ? u("span", {
         class: f.value
-      }, [c("i", {
+      }, [u("i", {
         class: x.value
-      }, null)]) : "", c("h4", {
+      }, null)]) : "", u("h4", {
         class: "f-title-text"
-      }, [o.title])]);
+      }, [s.title]), s.subTitle ? u("h5", {
+        class: "f-title-subtitle"
+      }, [s.subTitle]) : ""]);
     }
     function F() {
-      return o.contentHtml ? c("div", {
+      return s.contentHtml ? u("div", {
         class: v.value,
-        innerHTML: o.contentHtml
+        innerHTML: s.contentHtml
       }, null) : null;
     }
     function z() {
-      return o.downContentHtml ? c("div", {
-        class: T.value,
-        innerHTML: o.downContentHtml
+      return s.downContentHtml ? u("div", {
+        class: R.value,
+        innerHTML: s.downContentHtml
       }, null) : null;
     }
-    return () => c("div", {
+    return () => u("div", {
       ref: t
-    }, [c("nav", {
+    }, [u("nav", {
       class: "f-page-header-base"
-    }, [h(), F(), c(ne, {
+    }, [h(), F(), u(ie, {
       class: C.value,
       modelValue: l.value,
       "onUpdate:modelValue": (g) => l.value = g,
@@ -1124,37 +1168,37 @@ const ve = /* @__PURE__ */ A({
       childLabel: "按钮",
       contentKey: "buttons",
       id: l.value.id,
-      componentId: o.componentId,
-      onSelectionChange: u
+      componentId: s.componentId,
+      onSelectionChange: d
     }, {
-      default: () => [c(Y, {
+      default: () => [u(Y, {
         id: l.value.id,
         customClass: "w-100",
-        items: d.value,
-        componentId: o.componentId,
-        buttonSize: o.buttonSize
+        items: c.value,
+        componentId: s.componentId,
+        buttonSize: s.buttonSize
       }, null)]
     })]), z()]);
   }
-}), Te = {
-  install(o) {
-    o.component(O.name, O);
+}), Fe = {
+  install(s) {
+    s.component(O.name, O);
   },
-  register(o, e, t, n, i) {
-    o["page-header"] = O, e["page-header"] = pe(i), n["page-header"] = { eventHandlerResolver: ue };
+  register(s, e, t, n, i) {
+    s["page-header"] = O, e["page-header"] = ge(i), n["page-header"] = { eventHandlerResolver: pe };
   },
-  registerDesigner(o, e, t, n) {
-    o["page-header"] = ve, e["page-header"] = ge(n);
+  registerDesigner(s, e, t, n) {
+    s["page-header"] = ye, e["page-header"] = fe(n);
   }
 };
 export {
   O as PageHeader,
-  Te as default,
-  ue as eventHandlerResolver,
-  H as pageHeaderDesignerProps,
-  R as pageHeaderProps,
+  Fe as default,
+  pe as eventHandlerResolver,
+  B as pageHeaderDesignerProps,
+  T as pageHeaderProps,
   Re as propsDesignResolver,
-  ge as propsDesignResolverGenerator,
-  Me as propsResolver,
-  pe as propsResolverGenerator
+  fe as propsDesignResolverGenerator,
+  Te as propsResolver,
+  ge as propsResolverGenerator
 };