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

package/designer/splitter/index.esm.js

@@ -1,1120 +0,0 @@
-var D = Object.defineProperty;
-var L = (a, e, t) => e in a ? D(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var h = (a, e, t) => L(a, typeof e != "symbol" ? e + "" : e, t);
-import W, { splitterProps as I, splitterPaneProps as B, FSplitterPane as _ } from "../../components/splitter/index.esm.js";
-import { ref as w, computed as P, defineComponent as H, inject as R, provide as X, onMounted as k, createVNode as S } from "vue";
-import { DgControl as M, canvasChanged as Y, refreshCanvas as G, UseTemplateDragAndDropRules as T, useDesignerComponent as O, useDragulaCommonRule as J } from "../../components/designer-canvas/index.esm.js";
-import { cloneDeep as K } from "lodash-es";
-import { getCustomClass as F, getCustomStyle as N } from "../../components/common/index.esm.js";
-import { FNotifyService as Q } from "../../components/notify/index.esm.js";
-import { resolveAppearance as U, createPropsResolver as $ } from "../../components/dynamic-resolver/index.esm.js";
-function Z(a) {
-  const e = w(-1), t = w(-1), i = w(0), s = w(0), r = w(!1), n = w(!1), l = P(() => ({
-    display: r.value ? "block" : "none",
-    left: `${i.value}px`
-  })), o = P(() => ({
-    display: n.value ? "block" : "none",
-    top: `${s.value}px`
-  })), c = P(() => ({
-    display: n.value || r.value ? "block" : "none"
-  }));
-  function u(d) {
-    const g = a.value;
-    if (g) {
-      const { left: f } = g.getBoundingClientRect();
-      i.value = d.clientX - f;
-    }
-  }
-  function p(d) {
-    const g = a.value;
-    if (g) {
-      const { top: f } = g.getBoundingClientRect();
-      s.value = d.clientY - f;
-    }
-  }
-  return {
-    horizontalResizeHandleStyle: l,
-    verticalResizeHandleStyle: o,
-    resizeOverlayStyle: c,
-    showHorizontalResizeHandle: r,
-    showVerticalResizeHandle: n,
-    horizontalResizeBarPosition: e,
-    verticalResizeBarPosition: t,
-    verticalResizeHandleOffset: s,
-    horizontalResizeHandleOffset: i,
-    draggingHorizontalResizeHandle: u,
-    draggingVerticalResizeHandle: p
-  };
-}
-function ee(a) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = a;
-  function i(o, c = "") {
-    return {
-      path: c + o.code,
-      field: o.id,
-      fullPath: o.code
-    };
-  }
-  function s(o, c = "") {
-    const u = e.getViewModelById(o);
-    return u ? u.states.map((p) => i(p, c)) : [];
-  }
-  function r(o) {
-    const c = e.getRootViewModelId(), u = s(o);
-    if (o === c)
-      return u;
-    const p = s(c, "root-component.");
-    return [...u, ...p];
-  }
-  function n(o) {
-    return o.binding && o.binding.path || o.id || "";
-  }
-  function l() {
-    return t && t.getRenderStates() || [];
-  }
-  return { getVariables: r, getControlName: n, getStateMachines: l };
-}
-class te {
-  constructor(e) {
-    h(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'"
-      }
-    ]);
-    h(this, "expressionNames", {
-      compute: "计算表达式",
-      dependency: "依赖表达式",
-      validate: "验证表达式",
-      dataPicking: "帮助前表达式",
-      visible: "可见表达式",
-      readonly: "只读表达式",
-      required: "必填表达式"
-    });
-    h(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (i, s, r, n) => {
-        const l = r.getExpressionRuleValue(e, t || s);
-        return l && l.value || "";
-      },
-      convertTo: (i, s, r, n, l) => {
-        var o;
-        if (s === "dataPicking" && (r != null && r.target)) {
-          const c = `${r.target}_dataPicking`;
-          ((o = r.rules) == null ? void 0 : o.some(
-            (p) => p.id === c && p.value
-          )) ? i.dictPickingExpressionId = c : delete i.dictPickingExpressionId;
-        }
-        n.updateExpression(r);
-      }
-    }));
-    this.formSchemaService = e;
-  }
-  getExpressionRule(e, t) {
-    const i = this.formSchemaService.getExpressions();
-    if (!i)
-      return "";
-    const s = i.find((n) => n.target === e);
-    if (!s)
-      return "";
-    const r = s.rules.find((n) => n.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 s = [];
-    return i.states.filter((r) => r.category === "remote").forEach((r) => {
-      s.push({
-        key: r.code,
-        name: r.name,
-        description: r.name,
-        category: r.category
-      });
-    }), s;
-  }
-  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((s) => {
-      var l;
-      const r = this.createTreeNode(s, t);
-      let n = [];
-      (l = s.type) != null && l.fields && (n = this.buildEntityFieldsTreeData(s.type.fields, [...t, s.label])), i.push({
-        data: r,
-        children: n,
-        expanded: !0
-      });
-    }), i;
-  }
-  buildChildEntityTreeData(e = null, t) {
-    const i = [];
-    return e == null || e.forEach((s) => {
-      var o, c;
-      const r = this.createTreeNode(s, t);
-      r.type = "entity";
-      const n = this.buildEntityFieldsTreeData((o = s.type) == null ? void 0 : o.fields, [...t, s.label]), l = this.buildChildEntityTreeData((c = s.type) == null ? void 0 : c.entities, [...t, s.label]);
-      l != null && l.length && (n == null || n.push(...l)), i.push({
-        data: r,
-        children: n || [],
-        // 空值回退
-        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]), s = this.buildChildEntityTreeData(t.type.entities, [t.code]);
-    return s != null && s.length && (i == null || i.push(...s)), {
-      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 s = i === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, t), n = this.getEntitiesAndVariables(), l = {
-      message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
-      ...n
-    };
-    return r.messageType != null && (l.messageType = r.messageType), l;
-  }
-  buildRule(e, t, i, s) {
-    const { expression: r, message: n, messageType: l } = t, o = {
-      id: `${e}_${i}`,
-      type: i,
-      value: r
-    };
-    return (i === "validate" || i === "dataPicking" || i === "required") && (o.message = n), i === "dataPicking" && (o.messageType = l), i === "validate" && s && (o.elementId = s), o;
-  }
-  getExpressionData() {
-    const { expressions: e } = this.formSchemaService.getFormSchema().module;
-    return e || [];
-  }
-  updateExpression(e, t, i, s) {
-    const r = t === "Field" ? e.binding.field : e.id, n = this.buildRule(r, i, s, e.type === "form-group" ? e.id : "");
-    let o = this.getExpressionData().find((u) => u.targetType === t && u.target === r);
-    const c = (u) => u.value.trim() === "";
-    if (o) {
-      const u = o.rules.find((p) => p.id === n.id);
-      if (u)
-        c(n) ? o.rules = o.rules.filter((p) => p.id !== n.id) : (Object.assign(u, n), s === "validate" && e.type === "form-group" && (u.elementId = e.id));
-      else {
-        if (c(n))
-          return null;
-        o.rules = o.rules || [], o.rules.push(n);
-      }
-    } else {
-      if (c(n))
-        return null;
-      o = {
-        target: `${r}`,
-        rules: [n],
-        targetType: t
-      };
-    }
-    return o;
-  }
-  getExpressionEditorOptions(e, t, i, s) {
-    return i.reduce((r, n) => {
-      var o, c;
-      const l = t === "Field" ? (o = e == null ? void 0 : e.binding) == null ? void 0 : o.field : e.id;
-      return r[n] = {
-        hide: t === "Field" ? !!((c = e == null ? void 0 : e.binding) != null && c.field) : !1,
-        description: "",
-        title: this.expressionNames[n],
-        type: "string",
-        $converter: this.getExpressionConverter(l),
-        refreshPanelAfterChanged: !0,
-        editor: {
-          type: "expression-editor",
-          singleExpand: !1,
-          dialogTitle: `${this.expressionNames[n]}编辑器`,
-          showMessage: n === "validate" || n === "dataPicking" || n === "required",
-          showMessageType: n === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
-          onSubmitModal: (u) => {
-            const p = this.updateExpression(e, t, u, n);
-            if (s) {
-              const d = this.buildRule(l, u, n);
-              s(d);
-            }
-            return p;
-          }
-        }
-      }, r;
-    }, {});
-  }
-  getExpressionInfo(e, t, i) {
-    const s = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, i), n = {
-      value: r && r.value,
-      targetId: s,
-      targetType: t,
-      expressionType: i
-    };
-    return r && r.message && (n.message = r.message), n;
-  }
-  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
-    return {
-      description: "表达式",
-      title: "表达式",
-      hide: !e.binding,
-      properties: {
-        ...this.getExpressionEditorOptions(e, t, i, s)
-      }
-    };
-  }
-  getExpressionOptions(e, t, i) {
-    const s = this.getExpressionInfo(e, t, i);
-    return {
-      dialogTitle: `${this.expressionNames[i]}编辑器`,
-      singleExpand: !1,
-      showMessage: i === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
-      expressionInfo: s
-    };
-  }
-}
-class A {
-  constructor(e, t) {
-    h(this, "componentId");
-    h(this, "viewModelId");
-    h(this, "eventsEditorUtils");
-    h(this, "formSchemaUtils");
-    h(this, "formMetadataConverter");
-    h(this, "designViewModelUtils");
-    h(this, "designViewModelField");
-    h(this, "controlCreatorUtils");
-    h(this, "designerHostService");
-    h(this, "designerContext");
-    h(this, "schemaService", null);
-    h(this, "metadataService", null);
-    h(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 s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = s.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: M[e.type] && M[e.type].name }]
-          }
-        }
-      }
-    };
-  }
-  getAppearanceConfig(e = null, t = {}, i) {
-    const s = {
-      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 n in t)
-      r[n] = Object.assign(r[n] || {}, t[n]);
-    return {
-      ...s,
-      properties: { ...r },
-      setPropertyRelates(n, l) {
-        if (n) {
-          switch (n && n.propertyID) {
-            case "class":
-            case "style": {
-              Y.value++;
-              break;
-            }
-          }
-          i && i(n, e, l);
-        }
-      }
-    };
-  }
-  /**
-   * 
-   * @param propertyData 
-   * @param propertyTypes 
-   * @param propertyName 
-   * @param constInfos 
-   * @param variableInfos 
-   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
-   * @returns 
-   */
-  getPropertyEditorParams(e, t = [], i = "visible", s = {}, r = {}, n = "") {
-    const { getVariables: l, getControlName: o, getStateMachines: c } = ee(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], d = {
-      type: "property-editor",
-      propertyTypes: p
-    };
-    return p.map((g) => {
-      switch (g) {
-        case "Const":
-          Object.assign(d, {
-            constType: "enum",
-            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, s);
-          break;
-        case "Expression":
-          d.expressionConfig = this.getExpressionOptions(e, u, n || i);
-          break;
-        case "StateMachine":
-          d.stateMachines = c();
-          break;
-        case "Variable":
-          Object.assign(d, {
-            controlName: o(e),
-            newVariablePrefix: "is",
-            newVariableType: "Boolean",
-            variables: l(this.viewModelId),
-            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (f) => {
-              f.value = l(this.viewModelId);
-            }
-          }, r), this.designerContext.designerMode === "PC_RTC" && (d.newVariablePrefix = "ext_" + d.newVariablePrefix);
-          break;
-      }
-    }), d;
-  }
-  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 = {}, s) {
-    const r = {
-      title: "行为",
-      description: ""
-    }, n = this.getVisibleProperty(e, t);
-    for (const o in i)
-      n[o] = Object.assign(n[o] || {}, i[o]);
-    const l = this;
-    return {
-      ...r,
-      properties: { ...n },
-      setPropertyRelates(o, c) {
-        if (o) {
-          switch (o.propertyID) {
-            case "disabled":
-            case "readonly":
-            case "visible":
-              l.afterMutilEditorChanged(e, o);
-              break;
-          }
-          s && s(o, c);
-        }
-      }
-    };
-  }
-  /**
-   * 当多值编辑器变更时
-   * @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 s = i.contents.findIndex((n) => n.id === e), r = K(i.contents[s]);
-    i.contents.splice(s, 1), i.contents.splice(s, 0, r), G();
-  }
-  /**
-   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到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 n = {
-      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(n.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(n);
-  }
-  /**
-   * 更新表达式到expressions节点
-   * @param changeObject 
-   */
-  updateExpressionValue(e) {
-    const t = e.propertyValue;
-    if (!((t && t.type) === "Expression" && t.expressionInfo))
-      return;
-    const { expressionId: r, expressionInfo: n } = t, { targetId: l, targetType: o, expressionType: c, value: u, message: p } = n, d = this.formSchemaUtils.getModule();
-    d.expressions = d.expressions || [];
-    const { expressions: g } = d;
-    let f = g.find((C) => C.target === l);
-    f || (f = { target: l, rules: [], targetType: o }, g.push(f));
-    const y = f.rules.find((C) => C.type === c);
-    if (y)
-      y.value = u, y.message = p;
-    else {
-      const C = { id: r, type: c, value: u, message: p };
-      f.rules.push(C);
-    }
-    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, n = this.formSchemaUtils.getExpressions(), l = t.binding ? t.binding.field : t.id, o = n.find((c) => c.target === l);
-    !o || !o.rules || (o.rules = o.rules.filter((c) => c.type !== r));
-  }
-  getExpressionOptions(e, t, i) {
-    return new te(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 s;
-          ((s = i.controller) == null ? void 0 : s.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(i);
-        }
-      }
-    }, t;
-  }
-}
-class ie extends A {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getPropertyConfig(e) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceConfig(e), this.propertyConfig;
-  }
-  getBehaviorProperties(e) {
-    return {
-      description: "",
-      title: "行为",
-      properties: {
-        direction: {
-          title: "布局方向",
-          description: "指定内部分栏面板的布局方向",
-          type: "string",
-          editor: {
-            type: "combo-list",
-            data: [
-              {
-                id: "row",
-                name: "横向排列"
-              },
-              {
-                id: "column",
-                name: "上下排列"
-              }
-            ]
-          }
-        }
-      },
-      setPropertyRelates(t, i) {
-        if (t && t.propertyID === "direction") {
-          const s = t.propertyValue !== "column", r = s ? "f-col-h" : "f-col-w", n = s ? "f-col-w" : "f-col-h", l = s ? ["s", "n"] : ["e", "w"];
-          e == null || e.contents.forEach((o, c) => {
-            var u;
-            (u = o.appearance) != null && u.class && (o.appearance.class = o.appearance.class.replaceAll(r, n)), o.resizable === !0 && o.resizeHandle && l.findIndex((p) => p === o.resizeHandle) > -1 && c === 0 && (o.resizeHandle = s ? "e" : "s"), s && o.minHeight && (o.minHeight = null), !s && o.minWidth && (o.minWidth = null);
-          });
-        }
-      }
-    };
-  }
-}
-function se(a, e) {
-  const t = new T(), { canMove: i, canDelete: s } = t.getTemplateRule(a, e), r = a.schema;
-  function n() {
-    return !1;
-  }
-  function l() {
-    return s;
-  }
-  function o() {
-    return i;
-  }
-  function c() {
-    return !0;
-  }
-  function u(p) {
-    return new ie(p, e).getPropertyConfig(r);
-  }
-  return { canAccepts: n, checkCanDeleteComponent: l, checkCanMoveComponent: o, hideNestedPaddingInDesginerView: c, getPropsConfig: u };
-}
-const V = /* @__PURE__ */ H({
-  name: "FSplitterDesign",
-  props: I,
-  emits: [],
-  setup(a, e) {
-    const t = w(), i = R("designer-host-service"), s = R("design-item-context"), r = se(s, i), n = O(t, s, r);
-    n.value.canNested = !1;
-    const l = Z(t), {
-      horizontalResizeHandleStyle: o,
-      verticalResizeHandleStyle: c,
-      resizeOverlayStyle: u
-    } = l;
-    X("splitter", {
-      useResizeHandleComposition: l
-    });
-    const p = P(() => F({
-      "f-splitter": !0
-    }, a == null ? void 0 : a.customClass)), d = P(() => {
-      const g = {
-        "flex-direction": a.direction === "row" ? "row" : "column"
-      };
-      return N(g, a == null ? void 0 : a.customStyle);
-    });
-    return k(() => {
-      t.value.componentInstance = n;
-    }), e.expose(n.value), () => S("div", {
-      class: p.value,
-      ref: t,
-      style: d.value
-    }, [e.slots.default && e.slots.default(), S("div", {
-      class: "f-splitter-resize-overlay",
-      style: u.value
-    }, null), S("div", {
-      class: "f-splitter-horizontal-resize-proxy",
-      style: o.value
-    }, null), S("div", {
-      class: "f-splitter-vertical-resize-proxy",
-      style: c.value
-    }, null)]);
-  }
-});
-function ne(a, e) {
-  const t = w(a.width), i = w(a.height), {
-    horizontalResizeBarPosition: s,
-    horizontalResizeHandleOffset: r,
-    showHorizontalResizeHandle: n,
-    showVerticalResizeHandle: l,
-    verticalResizeBarPosition: o,
-    verticalResizeHandleOffset: c,
-    draggingHorizontalResizeHandle: u,
-    draggingVerticalResizeHandle: p
-  } = e;
-  let d = "", g, f;
-  function y(m) {
-    if ((d === "left" || d === "right") && f) {
-      const { left: v } = f.getBoundingClientRect(), { width: x } = g.getBoundingClientRect(), E = m.clientX - v, b = d === "left" ? (x || 0) + (E - s.value) : (x || 0) - (E - s.value);
-      t.value = a.minWidth > 0 ? Math.max(a.minWidth, b) : b;
-    }
-    if ((d === "top" || d === "bottom") && f) {
-      const { top: v } = f.getBoundingClientRect(), { height: x } = g.getBoundingClientRect(), E = m.clientY - v, b = d === "top" ? (x || 0) + (E - o.value) : (x || 0) - (E - o.value);
-      i.value = a.minHeight > 0 ? Math.max(a.minHeight, b) : b;
-    }
-    r.value = 0, c.value = 0, s.value = -1, o.value = -1, n.value = !1, l.value = !1, document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", y), document.body.style.userSelect = "", d = "", g = null, f = null;
-  }
-  function C(m, v, x) {
-    if (d = v, g = x, n.value = !0, f = m.composedPath().find((b) => b.className.split(" ")[0] === "f-splitter"), f) {
-      const { left: b } = f.getBoundingClientRect();
-      r.value = m.clientX - b, s.value = m.clientX - b, document.addEventListener("mousemove", u), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
-    }
-  }
-  function z(m, v, x) {
-    if (d = v, g = x, l.value = !0, f = m.composedPath().find((b) => b.className.split(" ")[0] === "f-splitter"), f) {
-      const { top: b } = f.getBoundingClientRect();
-      c.value = m.clientY - b, o.value = m.clientY - b, document.addEventListener("mousemove", p), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
-    }
-  }
-  return {
-    actualWidth: t,
-    actualHeight: i,
-    onClickSplitterHorizontalResizeBar: C,
-    onClickSplitterVerticalResizeBar: z
-  };
-}
-class re extends A {
-  constructor(t, i) {
-    super(t, i);
-    //  父级指定的方向是否是横向
-    h(this, "parentSplitterDirectionIsRow", !0);
-    // 记录在父中位置
-    h(this, "positionIndex", -1);
-    h(this, "notifyService");
-    h(this, "designItemContext", null);
-    this.notifyService = new Q();
-  }
-  // parentSplitterDirectionIsRow
-  getPropertyConfig(t, i, s = !0, r = 0) {
-    return this.parentSplitterDirectionIsRow = s, this.designItemContext = i, this.positionIndex = r, this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig;
-  }
-  getAppearanceProperties(t) {
-    const i = this, s = i.parentSplitterDirectionIsRow && t.resizable === !0, r = !i.parentSplitterDirectionIsRow && t.resizable === !0;
-    return {
-      description: "",
-      title: "外观",
-      properties: {
-        class: {
-          description: "组件的CSS样式",
-          title: "class样式"
-        },
-        style: {
-          description: "组件的内容样式",
-          title: "style样式"
-        },
-        minWidth: {
-          description: "面板最小宽度",
-          title: "最小宽度（px）",
-          type: "number",
-          editor: {
-            nullable: !0
-          },
-          visible: s
-        },
-        minHeight: {
-          description: "面板最小高度",
-          title: "最小高度（px）",
-          type: "number",
-          editor: {
-            nullable: !0
-          },
-          visible: r
-        }
-      }
-    };
-  }
-  getBehaviorProperties(t) {
-    const i = [{ id: "e", name: "左侧" }, { id: "w", name: "右侧" }], s = [{ id: "n", name: "上方" }, { id: "s", name: "下方" }], r = this;
-    return {
-      description: "",
-      title: "行为",
-      properties: {
-        resizable: {
-          description: "规则：两列布局只有一个元素启用拖拽，多列布局可以有多个元素启用拖拽。",
-          title: "允许拖拽",
-          type: "boolean",
-          refreshPanelAfterChanged: !0
-        },
-        resizeHandle: {
-          description: "指定拖拽条的位置",
-          title: "指定拖拽条的位置",
-          type: "string",
-          visible: t.resizable === !0,
-          defaultValue: t.resizeHandle || "",
-          editor: {
-            type: "combo-list",
-            data: this.parentSplitterDirectionIsRow ? i : s
-          }
-        }
-      },
-      setPropertyRelates(n, l) {
-        var o, c, u;
-        if (n)
-          switch (n && n.propertyID) {
-            case "resizable": {
-              n.propertyValue && (((u = (c = (o = r.designItemContext) == null ? void 0 : o.parent) == null ? void 0 : c.schema) == null ? void 0 : u.contents) || []).find((d) => d.id !== t.id && t.resizable) && r.notifyService.warning({ message: "相邻元素已启用拖拽功能", position: "top-center" });
-              break;
-            }
-          }
-      }
-    };
-  }
-}
-function oe(a, e) {
-  const t = new T(), i = a.schema, { canAccept: s } = t.getTemplateRule(a, e);
-  function r(c) {
-    return J().basalDragulaRuleForContainer(c, e) ? s : !1;
-  }
-  function n(c) {
-    var g, f;
-    const u = new re(c, e), p = (((g = a == null ? void 0 : a.parent) == null ? void 0 : g.schema.direction) || "row") === "row", d = (((f = a == null ? void 0 : a.parent) == null ? void 0 : f.schema.contents) || []).findIndex((y) => i.id === (y == null ? void 0 : y.id));
-    return d === 0 && !i.resizeHandle && i.resizable && (i.resizeHandle = p ? "e" : "s"), u.getPropertyConfig(i, a, p, d);
-  }
-  function l() {
-    return !1;
-  }
-  function o() {
-    return !1;
-  }
-  return {
-    canAccepts: r,
-    getPropsConfig: n,
-    checkCanMoveComponent: l,
-    checkCanDeleteComponent: o
-  };
-}
-const ae = /* @__PURE__ */ H({
-  name: "FSplitterPaneDesign",
-  props: B,
-  emits: [],
-  setup(a, e) {
-    const t = w(), i = R("designer-host-service"), s = R("design-item-context"), r = oe(s, i), n = O(t, s, r);
-    n.value.styles = "padding:0;box-shadow:none;", n.value.canNested = !1, n.value.canMove = !1, n.value.canDelete = !1, k(() => {
-      t.value.componentInstance = n;
-    }), e.expose(n.value);
-    const l = R("splitter"), {
-      useResizeHandleComposition: o
-    } = l, c = ne(a, o), {
-      actualHeight: u,
-      actualWidth: p
-    } = c, d = w(a.position), g = P(() => {
-      const m = {
-        "f-splitter-pane": !0,
-        "f-splitter-pane-main": d.value === "center",
-        "has-resize-bar": a.resizable,
-        "f-component-splitter-pane": !0,
-        "drag-container": !0
-      };
-      return m["f-splitter-pane-" + d.value] = !0, F(m, a == null ? void 0 : a.customClass);
-    }), f = P(() => a.resizeHandle ? a.resizeHandle.split(",").filter((m) => ["e", "n", "s", "w"].find((v) => v === m)) : []), y = P(() => {
-      const m = {};
-      return (p.value && d.value === "left" || d.value === "right" || f.value.find((v) => v === "e") || f.value.find((v) => v === "w")) && (m.width = `${p.value}px`), (u.value && d.value === "bottom" || d.value === "top" || f.value.find((v) => v === "s") || f.value.find((v) => v === "n")) && (m.height = `${u.value}px`), N(m, a == null ? void 0 : a.customStyle);
-    }), C = P(() => ({
-      "no-drag": !0,
-      "f-splitter-resize-bar": !0,
-      "f-splitter-resize-bar-e": d.value === "left",
-      "f-splitter-resize-bar-n": d.value === "bottom",
-      "f-splitter-resize-bar-s": d.value === "top",
-      "f-splitter-resize-bar-w": d.value === "right"
-    }));
-    function z() {
-      return f.value.length > 0 ? f.value.map((m) => S("span", {
-        class: "f-splitter-resize-bar f-splitter-resize-bar-" + m
-      }, null)) : S("span", {
-        class: C.value
-      }, null);
-    }
-    return () => S("div", {
-      ref: t,
-      "data-dragref": `${s.schema.id}-container`,
-      class: g.value,
-      style: y.value
-    }, [e.slots.default && e.slots.default(), a.resizable && z()]);
-  }
-}), le = /* @__PURE__ */ new Map([
-  ["appearance", U]
-]);
-function ce(a, e, t) {
-  const i = a.getSchemaByType("splitter-pane");
-  return i.appearance = {
-    class: "f-col-w6 f-page-content-nav"
-  }, i.position = "left", e.contents.unshift(i), e;
-}
-function de(a, e, t) {
-  const i = a.getSchemaByType("splitter-pane");
-  return i.appearance = {
-    class: "f-page-content-main"
-  }, i.position = "main", e.contents.push(i), e;
-}
-function ue(a, e, t) {
-  const i = t.parentComponentInstance;
-  return String(i.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), ce(a, e), de(a, e), e;
-}
-function pe(a, e, t) {
-  return e;
-}
-const fe = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/splitter.schema.json", me = "splitter", he = "A Farris Container Component", ve = "object", be = {
-  id: {
-    description: "The unique identifier for a splitter",
-    type: "string"
-  },
-  type: {
-    description: "The type string of splitter component",
-    type: "string",
-    default: "splitter"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  direction: {
-    description: "",
-    type: "string",
-    default: "row",
-    enum: [
-      "column",
-      "row"
-    ]
-  }
-}, ye = [
-  "id",
-  "type",
-  "contents"
-], we = {
-  $schema: fe,
-  $id: ge,
-  title: me,
-  description: he,
-  type: ve,
-  properties: be,
-  required: ye
-}, Ce = /* @__PURE__ */ new Map([
-  ["appearance", U]
-]), xe = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/splitter-pane.schema.json", Ee = "splitter-pane", Se = "A Farris Container Component", Re = "object", ze = {
-  id: {
-    description: "The unique identifier for a splitter",
-    type: "string"
-  },
-  type: {
-    description: "The type string of splitter component",
-    type: "string",
-    default: "splitter-pane"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  size: {
-    description: "",
-    type: "object",
-    properties: {
-      width: {
-        type: "number"
-      },
-      height: {
-        type: "strnumbering"
-      }
-    },
-    default: {}
-  },
-  collapsable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  minHeight: {
-    description: "",
-    type: "number"
-  },
-  minWidth: {
-    description: "",
-    type: "number"
-  },
-  position: {
-    description: "",
-    type: "string",
-    default: "left",
-    enum: [
-      "left",
-      "center",
-      "right",
-      "top",
-      "bottom"
-    ]
-  },
-  resizable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  resizeHandle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  visible: {
-    description: "",
-    type: "number",
-    default: !0
-  }
-}, Ve = [
-  "id",
-  "type",
-  "contents"
-], Me = {
-  $schema: xe,
-  $id: Pe,
-  title: Ee,
-  description: Se,
-  type: Re,
-  properties: ze,
-  required: Ve
-}, j = $(I, we, le, ue), q = $(
-  B,
-  Me,
-  Ce,
-  pe
-);
-V.register = (a, e, t, i) => {
-  a.splitter = W, e.splitter = j, a["splitter-pane"] = _, e["splitter-pane"] = q;
-};
-V.registerDesigner = (a, e, t) => {
-  a.splitter = V, e.splitter = j, a["splitter-pane"] = ae, e["splitter-pane"] = q;
-};
-export {
-  V as FSplitterDesign,
-  ae as FSplitterPaneDesign,
-  V as default,
-  q as splitterPanePropsResolver,
-  j as splitterPropsResolver
-};