@farris/ui-vue 1.7.3 → 1.7.5

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

@@ -1,1003 +0,0 @@
-var $ = Object.defineProperty;
-var q = (l, e, t) => e in l ? $(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var g = (l, e, t) => q(l, typeof e != "symbol" ? e + "" : e, t);
-import D, { pageHeaderProps as T } from "../../components/page-header/index.esm.js";
-import { resolveAppearance as L, resolveToolbar as _, createPropsResolver as R, createPageHeaderEventHandlerResolver as z } from "../../components/dynamic-resolver/index.esm.js";
-import { defineComponent as G, ref as E, inject as P, onMounted as K, watch as J, computed as C, createVNode as m } from "vue";
-import Q, { responseToolbarResolver as M } from "../response-toolbar/index.esm.js";
-import { DgControl as S, canvasChanged as W, refreshCanvas as X, useDesignerComponent as Y, FDesignerInnerItem as Z } from "../../components/designer-canvas/index.esm.js";
-import { cloneDeep as ee } from "lodash-es";
-import { getCustomClass as I } from "../../components/common/index.esm.js";
-const F = Object.assign({}, T, {
-  componentId: { type: String, default: "" },
-  titleContentHtml: { type: String, default: "" },
-  contentHtml: { type: String, default: "" },
-  downContentHtml: { type: String, default: "" }
-});
-function te(l) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = l;
-  function i(o, d = "") {
-    return {
-      path: d + o.code,
-      field: o.id,
-      fullPath: o.code
-    };
-  }
-  function n(o, d = "") {
-    const c = e.getViewModelById(o);
-    return c ? c.states.map((p) => i(p, d)) : [];
-  }
-  function r(o) {
-    const d = e.getRootViewModelId(), c = n(o);
-    if (o === d)
-      return c;
-    const p = n(d, "root-component.");
-    return [...c, ...p];
-  }
-  function s(o) {
-    return o.binding && o.binding.path || o.id || "";
-  }
-  function a() {
-    return t && t.getRenderStates() || [];
-  }
-  return { getVariables: r, getControlName: s, getStateMachines: a };
-}
-class ie {
-  constructor(e) {
-    g(this, "sessionVariables", [
-      {
-        key: "CurrentSysOrgName",
-        name: "当前组织Name",
-        description: "当前组织Name"
-      },
-      //   {
-      //     key: "CurrentSysOrgCode",
-      //     name: "当前组织Code",
-      //     description: "当前组织Code"
-      //   },
-      {
-        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'"
-      }
-    ]);
-    g(this, "expressionNames", {
-      compute: "计算表达式",
-      dependency: "依赖表达式",
-      validate: "验证表达式",
-      dataPicking: "帮助前表达式",
-      visible: "可见表达式",
-      readonly: "只读表达式",
-      required: "必填表达式"
-    });
-    g(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (i, n, r, s) => {
-        const a = r.getExpressionRuleValue(e, t || n);
-        return a && a.value || "";
-      },
-      convertTo: (i, n, r, s, a) => {
-        var o;
-        if (n === "dataPicking" && (r != null && r.target)) {
-          const d = `${r.target}_dataPicking`;
-          ((o = r.rules) == null ? void 0 : o.some(
-            (p) => p.id === d && p.value
-          )) ? i.dictPickingExpressionId = d : delete i.dictPickingExpressionId;
-        }
-        s.updateExpression(r);
-      }
-    }));
-    this.formSchemaService = e;
-  }
-  getExpressionRule(e, t) {
-    const i = this.formSchemaService.getExpressions();
-    if (!i)
-      return "";
-    const n = i.find((s) => s.target === e);
-    if (!n)
-      return "";
-    const r = n.rules.find((s) => s.type === t);
-    return r || "";
-  }
-  // 获取上下文表单变量
-  getContextFormVariables() {
-    const { module: e } = this.formSchemaService.getFormSchema();
-    if (!e.viewmodels || e.viewmodels.length === 0)
-      return [];
-    const t = this.formSchemaService.getRootViewModelId(), i = this.formSchemaService.getViewModelById(t);
-    if (!i || !i.states || i.states.length === 0)
-      return [];
-    const n = [];
-    return i.states.filter((r) => r.category === "remote").forEach((r) => {
-      n.push({
-        key: r.code,
-        name: r.name,
-        description: r.name,
-        category: r.category
-      });
-    }), n;
-  }
-  createTreeNode(e, t, i = "label") {
-    return {
-      id: e.id,
-      name: e.name,
-      bindingPath: e[i],
-      parents: t,
-      type: "field"
-    };
-  }
-  buildEntityFieldsTreeData(e = null, t) {
-    const i = [];
-    return e == null || e.forEach((n) => {
-      var a;
-      const r = this.createTreeNode(n, t);
-      let s = [];
-      (a = n.type) != null && a.fields && (s = this.buildEntityFieldsTreeData(n.type.fields, [...t, n.label])), i.push({
-        data: r,
-        children: s,
-        expanded: !0
-      });
-    }), i;
-  }
-  buildChildEntityTreeData(e = null, t) {
-    const i = [];
-    return e == null || e.forEach((n) => {
-      var o, d;
-      const r = this.createTreeNode(n, t);
-      r.type = "entity";
-      const s = this.buildEntityFieldsTreeData((o = n.type) == null ? void 0 : o.fields, [...t, n.label]), a = this.buildChildEntityTreeData((d = n.type) == null ? void 0 : d.entities, [...t, n.label]);
-      a != null && a.length && (s == null || s.push(...a)), i.push({
-        data: r,
-        children: s || [],
-        // 空值回退
-        expanded: !0
-      });
-    }), i;
-  }
-  getEntitiesTreeData() {
-    const e = this.formSchemaService.getSchemaEntities();
-    if (!(e != null && e.length))
-      return [];
-    const t = e[0];
-    if (!(t != null && t.type))
-      return [];
-    const i = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), n = this.buildChildEntityTreeData(t.type.entities, [t.code]);
-    return n != null && n.length && (i == null || i.push(...n)), {
-      entityCode: t.code,
-      fields: [{
-        data: this.createTreeNode(t, [], "code"),
-        children: i || []
-      }]
-    };
-  }
-  getEntitiesAndVariables() {
-    return {
-      entities: this.getEntitiesTreeData(),
-      variables: {
-        session: {
-          name: "系统变量",
-          items: this.sessionVariables,
-          visible: !1
-        },
-        forms: {
-          name: "表单变量",
-          items: this.getContextFormVariables(),
-          visible: !0
-        }
-      }
-    };
-  }
-  onBeforeOpenExpression(e, t, i) {
-    const n = i === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(n, t), s = this.getEntitiesAndVariables(), a = {
-      message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
-      ...s
-    };
-    return r.messageType != null && (a.messageType = r.messageType), a;
-  }
-  buildRule(e, t, i, n) {
-    const { expression: r, message: s, messageType: a } = t, o = {
-      id: `${e}_${i}`,
-      type: i,
-      value: r
-    };
-    return (i === "validate" || i === "dataPicking" || i === "required") && (o.message = s), i === "dataPicking" && (o.messageType = a), i === "validate" && n && (o.elementId = n), o;
-  }
-  getExpressionData() {
-    const { expressions: e } = this.formSchemaService.getFormSchema().module;
-    return e || [];
-  }
-  updateExpression(e, t, i, n) {
-    const r = t === "Field" ? e.binding.field : e.id, s = this.buildRule(r, i, n, e.type === "form-group" ? e.id : "");
-    let o = this.getExpressionData().find((c) => c.targetType === t && c.target === r);
-    const d = (c) => c.value.trim() === "";
-    if (o) {
-      const c = o.rules.find((p) => p.id === s.id);
-      if (c)
-        d(s) ? o.rules = o.rules.filter((p) => p.id !== s.id) : (Object.assign(c, s), n === "validate" && e.type === "form-group" && (c.elementId = e.id));
-      else {
-        if (d(s))
-          return null;
-        o.rules = o.rules || [], o.rules.push(s);
-      }
-    } else {
-      if (d(s))
-        return null;
-      o = {
-        target: `${r}`,
-        rules: [s],
-        targetType: t
-      };
-    }
-    return o;
-  }
-  getExpressionEditorOptions(e, t, i, n) {
-    return i.reduce((r, s) => {
-      var o, d;
-      const a = t === "Field" ? (o = e == null ? void 0 : e.binding) == null ? void 0 : o.field : e.id;
-      return r[s] = {
-        hide: t === "Field" ? !!((d = e == null ? void 0 : e.binding) != null && d.field) : !1,
-        description: "",
-        title: this.expressionNames[s],
-        type: "string",
-        $converter: this.getExpressionConverter(a),
-        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: (c) => {
-            const p = this.updateExpression(e, t, c, s);
-            if (n) {
-              const f = this.buildRule(a, c, s);
-              n(f);
-            }
-            return p;
-          }
-        }
-      }, r;
-    }, {});
-  }
-  getExpressionInfo(e, t, i) {
-    const n = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(n, i), s = {
-      value: r && r.value,
-      targetId: n,
-      targetType: t,
-      expressionType: i
-    };
-    return r && r.message && (s.message = r.message), s;
-  }
-  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], n) {
-    return {
-      description: "表达式",
-      title: "表达式",
-      hide: !e.binding,
-      properties: {
-        ...this.getExpressionEditorOptions(e, t, i, n)
-      }
-    };
-  }
-  getExpressionOptions(e, t, i) {
-    const n = this.getExpressionInfo(e, t, i);
-    return {
-      dialogTitle: `${this.expressionNames[i]}编辑器`,
-      singleExpand: !1,
-      showMessage: i === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
-      expressionInfo: n
-    };
-  }
-}
-class ne {
-  constructor(e, t) {
-    g(this, "componentId");
-    g(this, "viewModelId");
-    g(this, "eventsEditorUtils");
-    g(this, "formSchemaUtils");
-    g(this, "formMetadataConverter");
-    g(this, "designViewModelUtils");
-    g(this, "designViewModelField");
-    g(this, "controlCreatorUtils");
-    g(this, "designerHostService");
-    g(this, "designerContext");
-    g(this, "schemaService", null);
-    g(this, "metadataService", null);
-    g(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var i;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((i = this.formSchemaUtils) == null ? void 0 : i.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 i;
-    const t = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (t) {
-      if (!this.designViewModelField) {
-        const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = n.fields.find((r) => r.id === t);
-      }
-      e.updateOn = (i = this.designViewModelField) == null ? void 0 : i.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: S[e.type] && S[e.type].name }]
-          }
-        }
-      }
-    };
-  }
-  getAppearanceConfig(e = null, t = {}, i) {
-    const n = {
-      title: "外观",
-      description: "Appearance"
-    }, r = {
-      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)
-      r[s] = Object.assign(r[s] || {}, t[s]);
-    return {
-      ...n,
-      properties: { ...r },
-      setPropertyRelates(s, a) {
-        if (s) {
-          switch (s && s.propertyID) {
-            case "class":
-            case "style": {
-              W.value++;
-              break;
-            }
-          }
-          i && i(s, e, a);
-        }
-      }
-    };
-  }
-  /**
-   * 
-   * @param propertyData 
-   * @param propertyTypes 
-   * @param propertyName 
-   * @param constInfos 
-   * @param variableInfos 
-   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
-   * @returns 
-   */
-  getPropertyEditorParams(e, t = [], i = "visible", n = {}, r = {}, s = "") {
-    const { getVariables: a, getControlName: o, getStateMachines: d } = te(this.designerHostService), c = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
-      type: "property-editor",
-      propertyTypes: p
-    };
-    return p.map((y) => {
-      switch (y) {
-        case "Const":
-          Object.assign(f, {
-            constType: "enum",
-            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, n);
-          break;
-        case "Expression":
-          f.expressionConfig = this.getExpressionOptions(e, c, s || i);
-          break;
-        case "StateMachine":
-          f.stateMachines = d();
-          break;
-        case "Variable":
-          Object.assign(f, {
-            controlName: o(e),
-            newVariablePrefix: "is",
-            newVariableType: "Boolean",
-            variables: a(this.viewModelId),
-            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (h) => {
-              h.value = a(this.viewModelId);
-            }
-          }, r), this.designerContext.designerMode === "PC_RTC" && (f.newVariablePrefix = "ext_" + f.newVariablePrefix);
-          break;
-      }
-    }), f;
-  }
-  getVisibleProperty(e, t = "") {
-    var r;
-    let i = ["Const", "Variable", "StateMachine", "Expression"];
-    return t === "gridFieldEditor" ? i = ["Const", "Expression"] : t === "form-group" && !((r = e.binding) != null && r.field) && (i = ["Const", "Variable", "StateMachine"]), {
-      visible: {
-        title: "是否可见",
-        type: "boolean",
-        description: "运行时组件是否可见",
-        editor: this.getPropertyEditorParams(e, i, "visible")
-      }
-    };
-  }
-  /**
-   * 获取行为
-   * @param propertyData 
-   * @param viewModelId 
-   * @returns 
-   */
-  getBehaviorConfig(e, t = "", i = {}, n) {
-    const r = {
-      title: "行为",
-      description: ""
-    }, s = this.getVisibleProperty(e, t);
-    for (const o in i)
-      s[o] = Object.assign(s[o] || {}, i[o]);
-    const a = this;
-    return {
-      ...r,
-      properties: { ...s },
-      setPropertyRelates(o, d) {
-        if (o) {
-          switch (o.propertyID) {
-            case "disabled":
-            case "readonly":
-            case "visible":
-              a.afterMutilEditorChanged(e, o);
-              break;
-          }
-          n && n(o, d);
-        }
-      }
-    };
-  }
-  /**
-   * 当多值编辑器变更时
-   * @param propertyData 
-   * @param changeObject 
-   */
-  afterMutilEditorChanged(e, t) {
-    this.addNewVariableToViewModel(t, this.viewModelId), this.updateExpressionValue(t), this.clearExpression(t, e);
-  }
-  /**
-   * 
-   * @param propertyId 
-   * @param componentInstance 
-   * @returns 
-   */
-  updateElementByParentContainer(e, t) {
-    const i = t && t.parent && t.parent.schema;
-    if (!i)
-      return;
-    const n = i.contents.findIndex((s) => s.id === e), r = ee(i.contents[n]);
-    i.contents.splice(n, 1), i.contents.splice(n, 0, r), X();
-  }
-  /**
-   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
-   * @param changeObject 
-   * @param viewModelId 
-   * @returns 
-   */
-  addNewVariableToViewModel(e, t) {
-    const i = e.propertyValue;
-    if (!(i && typeof i == "object") || !(i.type === "Variable" && i.isNewVariable))
-      return;
-    const s = {
-      id: i.field,
-      category: "locale",
-      code: i.fullPath,
-      name: i.fullPath,
-      type: i.newVariableType || "String",
-      isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
-    };
-    delete i.newVariableType, delete i.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
-  }
-  /**
-   * 更新表达式到expressions节点
-   * @param changeObject 
-   */
-  updateExpressionValue(e) {
-    const t = e.propertyValue;
-    if (!((t && t.type) === "Expression" && t.expressionInfo))
-      return;
-    const { expressionId: r, expressionInfo: s } = t, { targetId: a, targetType: o, expressionType: d, value: c, message: p } = s, f = this.formSchemaUtils.getModule();
-    f.expressions = f.expressions || [];
-    const { expressions: y } = f;
-    let h = y.find((b) => b.target === a);
-    h || (h = { target: a, rules: [], targetType: o }, y.push(h));
-    const v = h.rules.find((b) => b.type === d);
-    if (v)
-      v.value = c, v.message = p;
-    else {
-      const b = { id: r, type: d, value: c, message: p };
-      h.rules.push(b);
-    }
-    delete t.expressionInfo;
-  }
-  /**
-   * 属性类型切换为非表达式后，清除原表达式
-   * @param changeObject 
-   * @param propertyData 
-   * @returns 
-   */
-  clearExpression(e, t) {
-    const i = e.propertyValue;
-    if (i && i.type === "Expression")
-      return;
-    const r = e.propertyID, s = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, o = s.find((d) => d.target === a);
-    !o || !o.rules || (o.rules = o.rules.filter((d) => d.type !== r));
-  }
-  getExpressionOptions(e, t, i) {
-    return new ie(this.formSchemaUtils).getExpressionOptions(e, t, i);
-  }
-  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: (i) => {
-          var n;
-          ((n = i.controller) == null ? void 0 : n.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(i);
-        }
-      }
-    }, t;
-  }
-}
-class se extends ne {
-  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, i) {
-        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 re(l, e) {
-  function t(a) {
-    return !1;
-  }
-  function i() {
-    return !1;
-  }
-  function n() {
-    return !1;
-  }
-  function r() {
-    return !0;
-  }
-  function s(a) {
-    return new se(a, e).getPropertyConfig(l);
-  }
-  return {
-    canAccepts: t,
-    hideNestedPaddingInDesginerView: r,
-    getPropsConfig: s,
-    checkCanDeleteComponent: i,
-    checkCanMoveComponent: n
-  };
-}
-const oe = /* @__PURE__ */ G({
-  name: "FPageHeaderDesign",
-  props: F,
-  emits: ["click"],
-  setup(l, e) {
-    const t = E(), i = P("designer-host-service"), n = P("design-item-context"), r = re(n.schema, i), s = Y(t, n, r), a = E(n.schema.toolbar || {
-      type: "response-toolbar",
-      buttons: []
-    }), o = E(M(a.value));
-    K(() => {
-      t.value.componentInstance = s;
-    }), J(() => n.schema.toolbar, () => {
-      a.value = n.schema.toolbar || {
-        type: "response-toolbar",
-        buttons: []
-      }, o.value = M(a.value);
-    }, {
-      deep: !0
-    });
-    const d = C(() => [...o.value.items]);
-    function c(u, x, V, w) {
-      n && n.setupContext && n.setupContext.emit("selectionChange", u, x, V, w);
-    }
-    e.expose(s.value);
-    function p(u, x) {
-      u && x && x.split(" ").reduce((w, j) => (w[j] = !0, w), u);
-    }
-    const f = C(() => {
-      const u = {
-        "f-title-icon": !0
-      };
-      return p(u, l.iconClass), u;
-    }), y = C(() => {
-      const u = {
-        "f-icon": !0
-      };
-      return p(u, l.icon), u;
-    }), h = C(() => {
-      const u = {
-        "text-right": !0,
-        "col-6": !0
-      };
-      return p(u, l.buttonClass || ""), u;
-    }), v = C(() => I({
-      "f-title": !0
-    }, l.titleContentClass)), b = C(() => I({
-      "f-content": !0
-    }, l.contentClass)), N = C(() => I({
-      "f-page-header-extend": !0
-    }, l.downContentClass));
-    function B() {
-      return l.titleContentHtml ? m("div", {
-        class: v.value,
-        innerHTML: l.titleContentHtml
-      }, null) : m("div", {
-        class: "f-title"
-      }, [l.showIcon && l.icon ? m("span", {
-        class: f.value
-      }, [m("i", {
-        class: y.value
-      }, null)]) : "", m("h4", {
-        class: "f-title-text"
-      }, [l.title])]);
-    }
-    function O() {
-      return l.contentHtml ? m("div", {
-        class: b.value,
-        innerHTML: l.contentHtml
-      }, null) : null;
-    }
-    function A() {
-      return l.downContentHtml ? m("div", {
-        class: N.value,
-        innerHTML: l.downContentHtml
-      }, null) : null;
-    }
-    return () => m("div", {
-      ref: t
-    }, [m("nav", {
-      class: "f-page-header-base"
-    }, [B(), O(), m(Z, {
-      class: h.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": (u) => a.value = u,
-      canAdd: !1,
-      childType: "response-toolbar-item",
-      childLabel: "按钮",
-      contentKey: "buttons",
-      id: a.value.id,
-      componentId: l.componentId,
-      onSelectionChange: c
-    }, {
-      default: () => [m(Q, {
-        id: a.value.id,
-        customClass: "w-100",
-        items: d.value,
-        componentId: l.componentId
-      }, null)]
-    })]), A()]);
-  }
-}), H = /* @__PURE__ */ new Map([
-  ["appearance", L],
-  ["toolbar", _]
-]), ae = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/page-header.schema.json", de = "page-header", ce = "A Farris Container Component", pe = "object", ue = {
-  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
-  }
-}, ge = [
-  "id",
-  "type"
-], k = {
-  $schema: ae,
-  $id: le,
-  title: de,
-  description: ce,
-  type: pe,
-  properties: ue,
-  required: ge
-};
-function U(l, e, t) {
-  return e.title = "标题", e;
-}
-const fe = R(T, k, H, U), me = R(F, k, H, U), he = z(), Ve = {
-  register(l, e, t, i) {
-    l["page-header"] = D, e["page-header"] = fe, i["page-header"] = { eventHandlerResolver: he };
-  },
-  registerDesigner(l, e, t) {
-    l["page-header"] = oe, e["page-header"] = me;
-  }
-};
-export {
-  Ve as default,
-  he as eventHandlerResolver,
-  F as pageHeaderDesignerProps,
-  me as propsDesignResolver,
-  fe as propsResolver
-};