@farris/ui-vue 1.2.6 → 1.2.8

package/components/property-panel/index.esm.js

@@ -1,67 +1,68 @@
-var Ne = Object.defineProperty;
-var Ae = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var V = (e, t, n) => Ae(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as C, computed as E, defineComponent as z, watch as R, createVNode as c, createTextVNode as ue, onMounted as H, nextTick as ae, reactive as Ve, withDirectives as je, resolveDirective as Re, Fragment as Z, mergeProps as $e, inject as Ge, getCurrentInstance as We, onBeforeMount as qe } from "vue";
-import { cloneDeep as He } from "lodash-es";
+var Le = Object.defineProperty;
+var je = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var A = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as C, computed as E, defineComponent as U, watch as V, createVNode as c, createTextVNode as ue, onMounted as H, nextTick as ae, reactive as Ae, withDirectives as $e, resolveDirective as Ve, Fragment as Z, mergeProps as Ge, inject as Re, onBeforeMount as We } from "vue";
+import { cloneDeep as qe } from "lodash-es";
 import "bignumber.js";
-import ze, { useNumber as Ue, useFormat as Qe, useSpinner as _e, useTextBox as Xe } from "@farris/ui-vue/components/number-spinner";
-import Ze from "@farris/ui-vue/components/accordion";
-import Je from "@farris/ui-vue/components/avatar";
-import Ye from "@farris/ui-vue/components/button-edit";
-import Ke from "@farris/ui-vue/components/button-group";
-import et from "@farris/ui-vue/components/calendar";
-import tt from "@farris/ui-vue/components/capsule";
-import nt from "@farris/ui-vue/components/checkbox";
-import ot from "@farris/ui-vue/components/combo-list";
-import rt from "@farris/ui-vue/components/combo-tree";
-import at from "@farris/ui-vue/components/component";
-import it from "@farris/ui-vue/components/color-picker";
-import lt from "@farris/ui-vue/components/content-container";
-import st from "@farris/ui-vue/components/date-picker";
-import ut from "@farris/ui-vue/components/data-grid";
-import ct from "@farris/ui-vue/components/dropdown";
-import dt from "@farris/ui-vue/components/dynamic-form";
-import pt from "@farris/ui-vue/components/events-editor";
-import mt from "@farris/ui-vue/components/filter-bar";
-import ft from "@farris/ui-vue/components/field-selector";
-import yt from "@farris/ui-vue/components/image-cropper";
-import gt from "@farris/ui-vue/components/input-group";
-import vt from "@farris/ui-vue/components/layout";
-import bt from "@farris/ui-vue/components/list-nav";
-import ht from "@farris/ui-vue/components/list-view";
-import Ct from "@farris/ui-vue/components/lookup";
-import Ft from "@farris/ui-vue/components/mapping-editor";
-import St from "@farris/ui-vue/components/nav";
-import Tt from "@farris/ui-vue/components/number-range";
-import wt from "@farris/ui-vue/components/order";
-import Bt from "@farris/ui-vue/components/page-header";
-import Pt from "@farris/ui-vue/components/page-footer";
-import xt from "@farris/ui-vue/components/pagination";
-import It from "@farris/ui-vue/components/progress";
-import Et from "@farris/ui-vue/components/query-solution";
-import kt from "@farris/ui-vue/components/radio-group";
-import Lt from "@farris/ui-vue/components/rate";
-import Mt from "@farris/ui-vue/components/response-toolbar";
-import Dt from "@farris/ui-vue/components/response-layout";
-import Ot from "@farris/ui-vue/components/response-layout-editor";
-import Nt from "@farris/ui-vue/components/search-box";
-import At from "@farris/ui-vue/components/section";
-import Vt from "@farris/ui-vue/components/smoke-detector";
-import jt from "@farris/ui-vue/components/splitter";
-import Rt from "@farris/ui-vue/components/step";
-import $t from "@farris/ui-vue/components/switch";
-import Gt from "@farris/ui-vue/components/tabs";
-import Wt from "@farris/ui-vue/components/tags";
-import qt from "@farris/ui-vue/components/text";
-import Ht from "@farris/ui-vue/components/time-picker";
-import zt from "@farris/ui-vue/components/transfer";
-import Ut from "@farris/ui-vue/components/tree-view";
-import Qt from "@farris/ui-vue/components/uploader";
-import _t from "@farris/ui-vue/components/verify-detail";
-import Xt from "@farris/ui-vue/components/weather";
-import Zt from "@farris/ui-vue/components/video";
-import Jt from "@farris/ui-vue/components/textarea";
-import Yt from "@farris/ui-vue/components/schema-selector";
+import He, { useNumber as Ue, useFormat as _e, useSpinner as ze, useTextBox as Xe } from "../number-spinner/index.esm.js";
+import Qe from "../accordion/index.esm.js";
+import Ze from "../avatar/index.esm.js";
+import Je from "../button-edit/index.esm.js";
+import Ye from "../button-group/index.esm.js";
+import Ke from "../calendar/index.esm.js";
+import et from "../capsule/index.esm.js";
+import tt from "../checkbox/index.esm.js";
+import nt from "../combo-list/index.esm.js";
+import ot from "../combo-tree/index.esm.js";
+import rt from "../component/index.esm.js";
+import at from "../color-picker/index.esm.js";
+import lt from "../content-container/index.esm.js";
+import it from "../date-picker/index.esm.js";
+import st from "../data-grid/index.esm.js";
+import ut from "../dropdown/index.esm.js";
+import ct from "../dynamic-form/index.esm.js";
+import dt from "../events-editor/index.esm.js";
+import pt from "../filter-bar/index.esm.js";
+import ft from "../field-selector/index.esm.js";
+import mt from "../image-cropper/index.esm.js";
+import vt from "../input-group/index.esm.js";
+import gt from "../layout/index.esm.js";
+import yt from "../list-nav/index.esm.js";
+import bt from "../list-view/index.esm.js";
+import ht from "../lookup/index.esm.js";
+import Ct from "../mapping-editor/index.esm.js";
+import Ft from "../nav/index.esm.js";
+import St from "../number-range/index.esm.js";
+import wt from "../order/index.esm.js";
+import Tt from "../page-header/index.esm.js";
+import Pt from "../page-footer/index.esm.js";
+import Bt from "../pagination/index.esm.js";
+import xt from "../progress/index.esm.js";
+import It from "../query-solution/index.esm.js";
+import Et from "../radio-group/index.esm.js";
+import kt from "../rate/index.esm.js";
+import Ot from "../response-toolbar/index.esm.js";
+import Mt from "../response-layout/index.esm.js";
+import Nt from "../response-layout-editor/index.esm.js";
+import Dt from "../search-box/index.esm.js";
+import Lt from "../section/index.esm.js";
+import jt from "../smoke-detector/index.esm.js";
+import At from "../splitter/index.esm.js";
+import $t from "../step/index.esm.js";
+import Vt from "../switch/index.esm.js";
+import Gt from "../tabs/index.esm.js";
+import Rt from "../tags/index.esm.js";
+import Wt from "../text/index.esm.js";
+import qt from "../time-picker/index.esm.js";
+import Ht from "../transfer/index.esm.js";
+import Ut from "../tree-view/index.esm.js";
+import _t from "../uploader/index.esm.js";
+import zt from "../verify-detail/index.esm.js";
+import Xt from "../weather/index.esm.js";
+import Qt from "../video/index.esm.js";
+import Zt from "../textarea/index.esm.js";
+import Jt from "../schema-selector/index.esm.js";
+import Yt from "../tree-grid/index.esm.js";
 const Kt = {
   width: { type: String, default: "300px" },
   height: { type: Number, default: 10 },
@@ -92,88 +93,88 @@ const Kt = {
   propertyChanged: { type: Function }
 };
 function en(e = {}) {
-  function t(o, u, l, a) {
-    if (typeof l == "number")
-      return a[o].length === l;
-    if (typeof l == "object") {
-      const i = Object.keys(l)[0], p = l[i];
+  function t(o, s, r, u) {
+    if (typeof r == "number")
+      return u[o].length === r;
+    if (typeof r == "object") {
+      const i = Object.keys(r)[0], p = r[i];
       if (i === "not")
-        return Number(a[o].length) !== Number(p);
+        return Number(u[o].length) !== Number(p);
       if (i === "moreThan")
-        return Number(a[o].length) >= Number(p);
+        return Number(u[o].length) >= Number(p);
       if (i === "lessThan")
-        return Number(a[o].length) <= Number(p);
+        return Number(u[o].length) <= Number(p);
     }
     return !1;
   }
-  function n(o, u, l, a) {
-    return a[o] && a[o].propertyValue && String(a[o].propertyValue.value) === String(l);
+  function n(o, s, r, u) {
+    return u[o] && u[o].propertyValue && String(u[o].propertyValue.value) === String(r);
   }
-  const r = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((o, u) => (o.set(u, e[u]), o), r);
-  function s(o, u) {
-    const l = o;
-    return typeof u == "number" ? [{ target: l, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: l, operator: "getProperty", param: o, value: !!u }] : typeof u == "object" ? Object.keys(u).map((a) => {
-      if (a === "length")
-        return { target: l, operator: "length", param: null, value: u[a] };
-      const i = a, p = u[a];
-      return { target: l, operator: "getProperty", param: i, value: p };
+  Object.keys(e).reduce((o, s) => (o.set(s, e[s]), o), a);
+  function l(o, s) {
+    const r = o;
+    return typeof s == "number" ? [{ target: r, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: r, operator: "getProperty", param: o, value: !!s }] : typeof s == "object" ? Object.keys(s).map((u) => {
+      if (u === "length")
+        return { target: r, operator: "length", param: null, value: s[u] };
+      const i = u, p = s[u];
+      return { target: r, operator: "getProperty", param: i, value: p };
     }) : [];
   }
-  function m(o) {
-    return Object.keys(o).reduce((l, a) => {
-      const i = s(a, o[a]);
-      return l.push(...i), l;
+  function f(o) {
+    return Object.keys(o).reduce((r, u) => {
+      const i = l(u, o[u]);
+      return r.push(...i), r;
     }, []);
   }
-  function y(o, u) {
-    if (r.has(o.operator)) {
-      const l = r.get(o.operator);
-      return l && l(o.target, o.param, o.value, u) || !1;
+  function v(o, s) {
+    if (a.has(o.operator)) {
+      const r = a.get(o.operator);
+      return r && r(o.target, o.param, o.value, s) || !1;
     }
     return !1;
   }
-  function B(o, u) {
-    return m(o).reduce((i, p) => i && y(p, u), !0);
+  function P(o, s) {
+    return f(o).reduce((i, p) => i && v(p, s), !0);
   }
-  function d(o, u) {
-    const l = Object.keys(o), a = l.includes("allOf"), i = l.includes("anyOf"), p = a || i, O = (p ? o[p ? a ? "allOf" : "anyOf" : "allOf"] : [o]).map((L) => B(L, u));
-    return a ? !O.includes(!1) : O.includes(!0);
+  function d(o, s) {
+    const r = Object.keys(o), u = r.includes("allOf"), i = r.includes("anyOf"), p = u || i, N = (p ? o[p ? u ? "allOf" : "anyOf" : "allOf"] : [o]).map((D) => P(D, s));
+    return u ? !N.includes(!1) : N.includes(!0);
   }
   return { parseValueSchema: d };
 }
 const ce = {}, tn = {};
 function de(e) {
-  const { properties: t, title: n } = e, r = Object.keys(t).reduce((s, m) => (s[m] = t[m].type === "object" && t[m].properties ? de(t[m]) : He(t[m].default), s), {});
-  return r.id = `${n}-${Date.now()}`, r;
+  const { properties: t, title: n } = e, a = Object.keys(t).reduce((l, f) => (l[f] = t[f].type === "object" && t[f].properties ? de(t[f]) : qe(t[f].default), l), {});
+  return a.id = `${n}-${Date.now()}`, a;
 }
 function pe(e, t) {
   const n = de(t);
-  return Object.keys(e).reduce((r, s) => (r[s] = e[s], r), n), n;
+  return Object.keys(e).reduce((a, l) => (a[l] && typeof a[l] == "object" ? Object.assign(a[l], e[l]) : a[l] = e[l], a), n), n;
 }
 function nn(e, t) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, s) => {
-    if (t.has(s)) {
-      const m = t.get(s);
-      if (typeof m == "string")
-        r[m] = e[s];
+  return Object.keys(e).filter((a) => e[a] != null).reduce((a, l) => {
+    if (t.has(l)) {
+      const f = t.get(l);
+      if (typeof f == "string")
+        a[f] = e[l];
       else {
-        const y = m(s, e[s], e);
-        Object.assign(r, y);
+        const v = f(l, e[l], e);
+        Object.assign(a, v);
       }
     } else
-      r[s] = e[s];
-    return r;
+      a[l] = e[l];
+    return a;
   }, {});
 }
 function on(e, t, n = /* @__PURE__ */ new Map()) {
-  const r = pe(e, t);
-  return nn(r, n);
+  const a = pe(e, t);
+  return nn(a, n);
 }
-function me(e) {
+function fe(e) {
   const t = e.type;
   if (t) {
     const n = ce[t];
@@ -182,24 +183,22 @@ function me(e) {
   return e;
 }
 const rn = {
-  convertTo: (e, t, n, r) => {
+  convertTo: (e, t, n, a) => {
     e.appearance && (e.appearance[t] = n);
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
 }, an = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, ln = {
-  convertTo: (e, t, n, r) => {
+  convertTo: (e, t, n, a) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && e.editor.hasOwnProperty(t) ? e.editor[t] : e[t]
 }, sn = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+  button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
   "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
-  DisplayField: { type: "DisplayField", name: "标签", icon: "DisplayField" },
   "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
   textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
   lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
@@ -210,230 +209,159 @@ const rn = {
   "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
   "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
   "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
-  /** 暂时没用 */
-  FlexLayout: { type: "FlexLayout", name: "弹性布局" },
-  /** 暂时没用 */
-  FlowLayout: { type: "FlowLayout", name: "流布局" },
-  ResponseLayout: { type: "ResponseLayout", name: "布局容器", icon: "ResponseLayout3" },
-  ResponseLayoutItem: { type: "ResponseLayoutItem", name: "布局", icon: "ResponseLayout1" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
   "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
-  TreeGridField: { type: "TreeGridField", name: "树表格列" },
-  FieldSet: { type: "FieldSet", name: "分组", icon: "FieldSet" },
-  Form: { type: "Form", name: "卡片面板", icon: "Form" },
-  QueryForm: { type: "QueryForm", name: "查询面板", icon: "Form" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
   "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
-  Module: { type: "Module", name: "模块", icon: "Module" },
+  module: { type: "Module", name: "模块", icon: "Module" },
   component: { type: "component", name: "组件", icon: "Component" },
-  ExternalContainer: { type: "ExternalContainer", name: "外部容器", icon: "ContentContainer" },
-  Image: { type: "Image", name: "图像", icon: "Image" },
-  ImageUpload: { type: "ImageUpload", name: "图片上传", icon: "imageupload" },
-  HiddenContainer: { type: "HiddenContainer", name: "隐藏区域", icon: "ContentContainer" },
-  ModalContainer: { type: "ModalContainer", name: "弹窗容器", icon: "ContentContainer" },
-  RouteContainer: { type: "RouteContainer", name: "路由区域", icon: "ContentContainer" },
   tabs: { type: "tabs", name: "标签页", icon: "Tab" },
   "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
-  Tag: { type: "Tag", name: "Tag", icon: "Tag" },
-  Sidebar: { type: "Sidebar", name: "侧边栏", icon: "Sidebar" },
-  HtmlTemplate: { type: "HtmlTemplate", name: "模版容器", icon: "HtmlTemplate" },
-  ListView: { type: "ListView", name: "列表", icon: "ListView" },
-  RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
-  TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
-  TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
   section: { type: "section", name: "分组面板", icon: "Section" },
-  SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
-  SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
-  QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
-  FormHeader: { type: "FormHeader", name: "翻页" },
-  Splitter: { type: "Splitter", name: "分栏面板", icon: "Splitter" },
-  SplitterPane: { type: "SplitterPane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  WizardDetail: { type: "WizardDetail", name: "向导详情页" },
-  WizardDetailContainer: { type: "WizardDetailContainer", name: "向导详情容器" },
-  Wizard: { type: "Wizard", name: "向导", icon: "Wizard" },
-  MultiSelect: { type: "MultiSelect", name: "数据分配", icon: "MultiSelect" },
-  Steps: { type: "Steps", name: "步骤条", icon: "Steps" },
-  avatar: { type: "avatar", name: "头像", icon: "Avatar" },
-  ListFilter: { type: "ListFilter", name: "筛选条", icon: "ListFilter" },
-  ListNav: { type: "ListNav", name: "列表导航", icon: "ListNav" },
-  NumberRange: { type: "NumberRange", name: "数字区间选择", icon: "NumericBox" },
-  Scrollspy: { type: "Scrollspy", name: "滚动监听", icon: "Scrollspy" },
-  LanguageTextBox: { type: "LanguageTextBox", name: "多语言输入框", icon: "LanguageTextBox" },
-  ComponentRef: { type: "ComponentRef", name: "组件引用节点" },
-  FileUpload: { type: "FileUpload", name: "附件上传", icon: "FileUpload" },
-  FilePreview: { type: "FilePreview", name: "附件预览", icon: "FilePreview" },
-  ViewChange: { type: "ViewChange", name: "多视图切换", icon: "Button" },
-  MultiViewContainer: { type: "MultiViewContainer", name: "多视图", icon: "MultiViewContainer" },
-  MultiViewItem: { type: "MultiViewItem", name: "多视图项", dependentParentControl: "MultiViewContainer" },
-  Footer: { type: "Footer", name: "页脚" },
-  DiscussionEditor: { type: "DiscussionEditor", name: "评论编辑区", icon: "DiscussionEditor" },
-  DiscussionList: { type: "DiscussionList", name: "评论列表", icon: "DiscussionList" },
-  NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
-  Tags: { type: "Tags", name: "标记组", icon: "Tags" },
-  Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
-  ModalFooter: { type: "ModalFooter", name: "弹窗页脚", icon: "ModalFooter" },
-  ScrollCollapsibleArea: { type: "ScrollCollapsibleArea", name: "滚动收折区域", icon: "ScrollCollapsibleArea" },
-  PersonnelSelector: { type: "PersonnelSelector", name: "人员选择", icon: "PersonnelSelector" },
-  Table: { type: "Table", name: "表格", icon: "DataGrid" },
-  LoopContainer: { type: "LoopContainer", name: "循环容器", icon: "ContentContainer" },
-  FileUploadPreview: { type: "FileUploadPreview", name: "附件上传预览", icon: "FileUpload" },
-  DynamicArea: { type: "DynamicArea", name: "动态区域", icon: "ContentContainer" },
-  DynamicAreaItem: { type: "DynamicAreaItem", name: "动态区域项", icon: "ContentContainer" },
-  TabToolbar: { type: "TabToolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  HeaderToolBar: { type: "HeaderToolBar", name: "头部组件工具栏", icon: "HeaderToolBar" },
-  ModalFooterToolBar: { type: "ModalFooterToolBar", name: "底部组件工具栏", icon: "ModalFooterToolBar" },
-  HeaderToolBarItem: { type: "HeaderToolBarItem", name: "头部组件工具栏按钮", icon: "HeaderToolBarItem" },
-  ModalFooterToolBarItem: { type: "ModalFooterToolBarItem", name: "底部组件工具栏按钮", icon: "ModalFooterToolBarItem" },
-  OrganizationSelector: { type: "OrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  AdminOrganizationSelector: { type: "AdminOrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  EmployeeSelector: { type: "EmployeeSelector", name: "人员选择", icon: "PersonnelSelector" },
-  OaRelation: { type: "OaRelation", name: "关联行政审批", icon: "TextBox" },
-  CitySelector: { type: "CitySelector", name: "城市选择", icon: "CitySelector" },
-  ExtIntergration: { type: "ExtIntergration", name: "外部服务集成", icon: "ViewModel" },
-  AppointmentCalendar: { type: "AppointmentCalendar", name: "预约日历", icon: "DateBox" },
-  /** 查询类 start */
-  Charts: { type: "Charts", name: "图表", icon: "Charts" },
-  QdpFramework: { type: "QdpFramework", name: "查询结果工具栏", icon: "QdpFramework" },
-  SpreadSheet: { type: "SpreadSheet", name: "查询表格控件", icon: "Charts" },
-  QdpConditionDialog: { type: "QdpConditionDialog", name: "查询筛选对话框", icon: "ContentContainer" },
-  QdpConditionDialogTab: { type: "QdpConditionDialogTab", name: "查询筛选标签页", icon: "Tab" },
-  /** 查询类 end */
-  /** 审批类 start */
-  ApprovalLogs: { type: "ApprovalLogs", name: "审批记录", icon: "ApprovalLogs" },
-  ApprovalComments: { type: "ApprovalComments", name: "审批意见", icon: "shenpiyijian" }
-  /** 审批类 end */
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
 }, un = {
   convertFrom: (e, t, n) => {
-    var s;
-    const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((s = sn[r]) == null ? void 0 : s.name) || r;
+    var l;
+    const a = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((l = sn[a]) == null ? void 0 : l.name) || a;
   }
 }, cn = {
-  convertTo: (e, t, n, r) => {
+  convertTo: (e, t, n, a) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
 }, dn = {
-  convertFrom: (e, t) => e.binding ? e.binding.type + ":" + e.binding.path : "",
+  convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
-      const r = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = r.path, e.binding.field = r.refElementId, e.binding.fullPath = r.bindingPath;
+      const a = n[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = a.bindingField, e.binding.field = a.id, e.binding.fullPath = a.path, e.path = a.bindingPath;
     }
   }
 }, pn = {
-  convertTo: (e, t, n, r) => {
-    typeof e.pagination == "boolean" && (e.pagination = {}), e.pagination && (e.pagination[t] = n);
+  convertTo: (e, t, n, a) => {
+    e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
 };
-class mn {
+class fn {
   constructor() {
     /** 控件标题 */
-    V(this, "label", "");
+    A(this, "label", "");
     /** 控件id */
-    V(this, "id", "");
+    A(this, "id", "");
     /** 每个控件占用的栅格数 */
-    V(this, "columnInSM", 12);
-    V(this, "columnInMD", 6);
-    V(this, "columnInLG", 3);
-    V(this, "columnInEL", 2);
+    A(this, "columnInSM", 12);
+    A(this, "columnInMD", 6);
+    A(this, "columnInLG", 3);
+    A(this, "columnInEL", 2);
     /** 每个控件占用的列数 */
-    V(this, "displayWidthInSM", 1);
-    V(this, "displayWidthInMD", 1);
-    V(this, "displayWidthInLG", 1);
-    V(this, "displayWidthInEL", 1);
+    A(this, "displayWidthInSM", 1);
+    A(this, "displayWidthInMD", 1);
+    A(this, "displayWidthInLG", 1);
+    A(this, "displayWidthInEL", 1);
     /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    V(this, "displayColumnCountAtBreakPoint", "md");
+    A(this, "displayColumnCountAtBreakPoint", "md");
     /** 控件所在行，传0即可-----编辑器内部使用 */
-    V(this, "tagRow", 0);
+    A(this, "tagRow", 0);
     /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    V(this, "showTopBorder", 0);
+    A(this, "showTopBorder", 0);
     /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    V(this, "group", 1);
+    A(this, "group", 1);
     /** 控件是否符合标准的class配置(设计器用的) */
-    V(this, "isSupportedClass", !0);
+    A(this, "isSupportedClass", !0);
     /** 控件所在分组id(设计器用的) */
-    V(this, "fieldSetId", "");
+    A(this, "fieldSetId", "");
   }
 }
-function fn() {
+function mn() {
   let e, t;
   const n = /* @__PURE__ */ new Map();
-  let r = [];
-  function s(d, o) {
-    const l = d.split(" ").filter((F) => F.startsWith("col-"));
-    if (l.length === 0) {
+  let a = [];
+  function l(d, o) {
+    const r = d.split(" ").filter((S) => S.startsWith("col-"));
+    if (r.length === 0) {
       o.isSupportedClass = !1;
       return;
     }
-    let a = l.find((F) => /^col-([1-9]|10|11|12)$/.test(F)), i = l.find((F) => /^col-md-([1-9]|10|11|12)$/.test(F)), p = l.find((F) => /^col-xl-([1-9]|10|11|12)$/.test(F)), f = l.find((F) => /^col-el-([1-9]|10|11|12)$/.test(F));
-    a = a || "col-12", o.columnInSM = parseInt(a.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), i = i || "col-md-" + o.columnInSM, o.columnInMD = parseInt(i.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), p = p || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(p.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), f = f || "col-el-" + o.columnInLG, o.columnInEL = parseInt(f.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+    let u = r.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), i = r.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), p = r.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), m = r.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S));
+    u = u || "col-12", o.columnInSM = parseInt(u.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), i = i || "col-md-" + o.columnInSM, o.columnInMD = parseInt(i.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), p = p || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(p.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), m = m || "col-el-" + o.columnInLG, o.columnInEL = parseInt(m.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
   }
-  function m(d, o, u, l = !1) {
-    let a = !1;
+  function f(d, o, s, r = !1) {
+    let u = !1;
     d.contents.forEach((i) => {
       if (i.type === "FieldSet") {
-        u += 1, m(i, o, u, !0), a = !0;
+        s += 1, f(i, o, s, !0), u = !0;
         return;
       }
-      a && (u += 1, a = !1);
-      const p = i.appearance && i.appearance.class, f = new mn();
-      p ? s(p, f) : f.isSupportedClass = !1, f.label = i.label || i.id, f.id = i.id, f.group = u, l && (f.fieldSetId = d.id), t === i.id && (e = u), n.set(i.id, i), o.push(f);
+      u && (s += 1, u = !1);
+      const p = i.appearance && i.appearance.class, m = new fn();
+      p ? l(p, m) : m.isSupportedClass = !1, m.label = i.label || i.id, m.id = i.id, m.group = s, r && (m.fieldSetId = d.id), t === i.id && (e = s), n.set(i.id, i), o.push(m);
     });
   }
-  function y(d, o, u, l) {
-    l = l || d.id;
-    const a = u.closest(l, "content-container");
-    if (!a)
+  function v(d, o, s, r) {
+    r = r || d.id;
+    const u = s.closest(r, "content-container");
+    if (!u)
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    if (!a || !a.contents || a.contents.length === 0)
+    if (!u || !u.contents || u.contents.length === 0)
       return { result: !1, message: "Form区域内没有控件，请先添加控件" };
-    t = d.id, r = [], n.clear();
-    const i = a.contents[0].type === "FieldSet" ? 0 : 1;
-    m(a, r, i);
-    const p = r.find((F) => !F.isSupportedClass);
+    t = d.id, a = [], n.clear();
+    const i = u.contents[0].type === "FieldSet" ? 0 : 1;
+    f(u, a, i);
+    const p = a.find((S) => !S.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: e || 1,
         model: p ? "customize" : "standard"
       },
-      importData: r
+      importData: a
     };
   }
-  function B(d, o, u, l, a) {
-    a = a || d.id;
-    const i = l.closest(a, "response-form");
+  function P(d, o, s, r, u) {
+    u = u || d.id;
+    const i = r.closest(u, "response-form");
     if (!i)
       return;
     const p = [];
-    return u.forEach((f) => {
-      var A;
-      const F = n.get(f.id), O = F.appearance && F.appearance.class;
-      if (O) {
-        const I = O.split(" ").filter((G) => !G.startsWith("col-")), k = "col-" + f.columnInSM, M = "col-md-" + f.columnInMD, P = "col-xl-" + f.columnInLG, $ = "col-el-" + f.columnInEL, N = [k, M, P, $].concat(I);
-        F.appearance.class = N.join(" ");
+    return s.forEach((m) => {
+      var j;
+      const S = n.get(m.id), N = S.appearance && S.appearance.class;
+      if (N) {
+        const I = N.split(" ").filter((R) => !R.startsWith("col-")), k = "col-" + m.columnInSM, O = "col-md-" + m.columnInMD, B = "col-xl-" + m.columnInLG, G = "col-el-" + m.columnInEL, L = [k, O, B, G].concat(I);
+        S.appearance.class = L.join(" ");
       }
-      if (f.fieldSetId) {
-        const L = i.contents.find((k) => k.id === f.fieldSetId), I = p.find((k) => k.id === f.fieldSetId);
-        I ? (A = I.contents) == null || A.push(F) : (p.push(L), L.contents = [F]);
+      if (m.fieldSetId) {
+        const D = i.contents.find((k) => k.id === m.fieldSetId), I = p.find((k) => k.id === m.fieldSetId);
+        I ? (j = I.contents) == null || j.push(S) : (p.push(D), D.contents = [S]);
       } else
-        p.push(F);
+        p.push(S);
     }), i.contents = p, i.id;
   }
   return {
-    convertFrom: y,
-    convertTo: B
+    convertFrom: v,
+    convertTo: P
   };
 }
-const ie = fn(), yn = {
-  convertTo: (e, t, n, r, s) => ie.convertTo(e, t, n, r, s),
-  convertFrom: (e, t, n, r) => ie.convertFrom(e, t, n, r)
+const le = mn(), vn = {
+  convertTo: (e, t, n, a, l) => le.convertTo(e, t, n, a, l),
+  convertFrom: (e, t, n, a) => le.convertFrom(e, t, n, a)
 }, gn = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, vn = {
+}, yn = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
@@ -442,11 +370,11 @@ const ie = fn(), yn = {
   ["/converter/appearance.converter", rn],
   ["/converter/buttons.converter", an],
   ["/converter/property-editor.converter", ln],
-  ["/converter/response-form-layout.converter", yn],
+  ["/converter/response-form-layout.converter", vn],
   ["/converter/items-count.converter", gn],
   ["/converter/type.converter", un],
   ["/converter/change-editor.converter", cn],
-  ["/converter/form-group-label.converter", vn],
+  ["/converter/form-group-label.converter", yn],
   ["/converter/field-selector.converter", dn],
   ["/converter/pagination.converter", pn]
 ]), bn = {}, hn = /* @__PURE__ */ new Map([
@@ -472,73 +400,71 @@ const ie = fn(), yn = {
   ["number", { type: "number-spinner" }],
   ["events-editor", { type: "events-editor", hide: !0 }]
 ]), Cn = en();
-function fe(e, t) {
+function me(e, t) {
   return () => Cn.parseValueSchema(e, t);
 }
 function Fn(e, t, n) {
-  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : fe(t.visible, n) : () => !0;
+  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : me(t.visible, n) : () => !0;
 }
 function Sn(e, t, n) {
-  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : fe(t.readonly, n) : () => !1;
+  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : me(t.readonly, n) : () => !1;
 }
-function Tn(e, t) {
+function wn(e, t) {
   const n = e.$converter || t;
   return typeof n == "string" && n && te.has(n) ? te.get(n) || null : n || null;
 }
-function oe(e, t, n, r, s, m = "", y = "") {
+function oe(e, t, n, a, l, f = "", v = "") {
   return Object.keys(e).map((d) => {
-    const o = C(1), u = d, l = e[d], a = Object.keys(l), i = l.title, p = l.type, f = hn.get(p) || { type: "input-group", enableClear: !1 }, F = l.editor ? Object.assign({}, f, l.editor) : f, O = Fn(a, l, t), A = Sn(a, l, t), L = l.type === "cascade" ? oe(l.properties, t, n, r, s, m, y) : [], I = !0;
-    let k = Tn(l, y);
-    const M = E({
+    const o = C(1), s = d, r = e[d], u = Object.keys(r), i = r.title, p = r.type, m = hn.get(p) || { type: "input-group", enableClear: !1 }, S = r.editor ? Object.assign({}, m, r.editor) : m, N = Fn(u, r, t), j = Sn(u, r, t), D = r.type === "cascade" ? oe(r.properties, t, n, a, l, f, v) : [], I = !0;
+    let k = wn(r, v);
+    const O = E({
       get() {
         if (o.value) {
-          if (["class", "style"].find((G) => G == u) && !k && (k = te.get("/converter/appearance.converter") || null), k && k.convertFrom)
-            return k.convertFrom(n, d, s, m);
-          const N = n[d];
-          return typeof N == "string" && N == "" ? l.defaultValue || "" : N;
+          if (["class", "style"].find((R) => R == s) && !k && (k = te.get("/converter/appearance.converter") || null), k && k.convertFrom)
+            return k.convertFrom(n, d, l, f);
+          const L = n[d];
+          return typeof L == "string" && L == "" ? r.defaultValue || "" : L;
         }
         return null;
       },
-      set(N) {
-        o.value += 1, k && k.convertTo ? (k.convertTo(r, d, N, s, m), k.convertTo(n, d, N, s, m)) : (r[d] = N, n[d] = N);
+      set(L) {
+        o.value += 1, k && k.convertTo ? (k.convertTo(a, d, L, l, f), k.convertTo(n, d, L, l, f)) : (a[d] = L, n[d] = L);
       }
-    }), P = l.refreshPanelAfterChanged, $ = { propertyID: u, propertyName: i, propertyType: p, propertyValue: M, editor: F, visible: O, readonly: A, cascadeConfig: L, hideCascadeTitle: I, refreshPanelAfterChanged: P };
-    return t[u] = $, $;
+    }), B = r.refreshPanelAfterChanged, G = { propertyID: s, propertyName: i, propertyType: p, propertyValue: O, editor: S, visible: N, readonly: j, cascadeConfig: D, hideCascadeTitle: I, refreshPanelAfterChanged: B };
+    return t[s] = G, G;
   });
 }
-function wn(e, t, n, r, s = "") {
-  const m = t.$ref.schema, y = t.$ref.converter, B = n[m], d = B.type, o = me(B), u = {}, l = ne[d];
-  if (l && l.categories) {
-    const a = l.categories[e], i = a == null ? void 0 : a.title;
-    y && Object.keys(a.properties).forEach((F) => {
-      a.properties[F].$converter = y;
+function Tn(e, t, n, a, l = "") {
+  const f = t.$ref.schema, v = t.$ref.converter, P = n[f], d = P.type, o = fe(P), s = {}, r = ne[d];
+  if (r && r.categories) {
+    const u = r.categories[e], i = u == null ? void 0 : u.title;
+    v && Object.keys(u.properties).forEach((S) => {
+      u.properties[S].$converter = v;
     });
-    const p = (a == null ? void 0 : a.properties) || {}, f = oe(p, u, o, B, r, s);
-    return { categoryId: e, categoryName: i, properties: f };
+    const p = (u == null ? void 0 : u.properties) || {}, m = oe(p, s, o, P, a, l);
+    return { categoryId: e, categoryName: i, properties: m };
   }
   return { categoryId: e, categoryName: "", properties: [] };
 }
-function ee(e, t, n, r, s) {
-  var o;
-  let m = e.type;
-  const y = me(e), B = {};
-  ((o = e.editor) == null ? void 0 : o.type) === "lookup" && (m = "lookup"), m === "lookup" && n.elementRef.editorRef && (n = n.elementRef.editorRef);
-  let d = s || ne[m];
-  if (Object.keys(d).length === 0 && n && n.getPropConfig && (d = n.getPropConfig(r)), d && d.categories) {
-    const u = [];
-    return Object.keys(d.categories).map((l) => {
-      const a = d.categories[l];
-      if (a.$ref) {
-        u.push(wn(l, a, e, t, r));
+function ee(e, t, n, a, l) {
+  let f = e.type;
+  const v = fe(e), P = {};
+  let d = l || ne[f];
+  if (Object.keys(d).length === 0 && n && n.getPropConfig && (d = n.getPropConfig(a)), d && d.categories) {
+    const o = [];
+    return Object.keys(d.categories).map((s) => {
+      const r = d.categories[s];
+      if (r.$ref) {
+        o.push(Tn(s, r, e, t, a));
         return;
       }
-      const i = a == null ? void 0 : a.title, p = a == null ? void 0 : a.tabId, f = a == null ? void 0 : a.tabName, F = a == null ? void 0 : a.hide, O = a == null ? void 0 : a.hideTitle, A = oe(a.properties || {}, B, y, e, t, r, a.$converter), L = a.setPropertyRelates;
-      u.push({ categoryId: l, categoryName: i, tabId: p, tabName: f, hide: F, properties: A, hideTitle: O, setPropertyRelates: L });
-    }), u;
+      const u = r == null ? void 0 : r.title, i = r == null ? void 0 : r.tabId, p = r == null ? void 0 : r.tabName, m = r == null ? void 0 : r.hide, S = r == null ? void 0 : r.hideTitle, N = oe(r.properties || {}, P, v, e, t, a, r.$converter), j = r.setPropertyRelates;
+      o.push({ categoryId: s, categoryName: u, tabId: i, tabName: p, hide: m, properties: N, hideTitle: S, setPropertyRelates: j });
+    }), o;
   }
   return [];
 }
-const Bn = {
+const Pn = {
   /** 某一分类下的属性配置 */
   // as PropType<ElementPropertyConfig>
   category: { type: Object, default: {} },
@@ -547,14 +473,14 @@ const Bn = {
   propertyData: { type: Object, default: {} },
   valueChanged: { type: Function },
   triggerRefreshPanel: { type: Function }
-}, Pn = {
+}, Bn = {
   elementConfig: { type: Object, default: {} },
   category: { type: Object, default: {} }
 };
-function ye(e, t, n = /* @__PURE__ */ new Map(), r = (y, B, d) => B, s = {}, m = (y) => y) {
-  return ce[t.title] = t, tn[t.title] = r, ne[t.title] = s, bn[t.title] = m, (y = {}) => {
-    const B = on(y, t, n), d = Object.keys(e).reduce((o, u) => (o[u] = e[u].default, o), {});
-    return Object.assign(d, B);
+function ve(e, t, n = /* @__PURE__ */ new Map(), a = (v, P, d) => P, l = {}, f = (v) => v) {
+  return ce[t.title] = t, tn[t.title] = a, ne[t.title] = l, bn[t.title] = f, (v = {}) => {
+    const P = on(v, t, n), d = Object.keys(e).reduce((o, s) => (o[s] = e[s].default, o), {});
+    return Object.assign(d, P);
   };
 }
 function ge(e, t) {
@@ -562,7 +488,7 @@ function ge(e, t) {
 }
 const xn = /* @__PURE__ */ new Map([
   ["appearance", ge]
-]), In = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-design.gitee.io/form-group.schema.json", kn = "form-group", Ln = "A Farris Input Component", Mn = "object", Dn = {
+]), In = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-design.gitee.io/form-group.schema.json", kn = "form-group", On = "A Farris Input Component", Mn = "object", Nn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -603,18 +529,18 @@ const xn = /* @__PURE__ */ new Map([
     description: "",
     type: "number"
   }
-}, On = [
+}, Dn = [
   "id",
   "type"
-], Nn = {
+], Ln = {
   $schema: In,
   $id: En,
   title: kn,
-  description: Ln,
+  description: On,
   type: Mn,
-  properties: Dn,
-  required: On
-}, ve = {
+  properties: Nn,
+  required: Dn
+}, ye = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
@@ -628,43 +554,43 @@ const xn = /* @__PURE__ */ new Map([
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
 };
-ye(
-  ve,
-  Nn,
+ve(
+  ye,
+  Ln,
   xn,
   void 0
 );
-const An = {
+const jn = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, Vn = /* @__PURE__ */ z({
+}, An = /* @__PURE__ */ U({
   name: "FDynamicFormLabel",
-  props: An,
+  props: jn,
   emits: [],
   setup(e, t) {
-    const n = C(e.title || e.text), r = C(e.required), s = C(e.text);
-    return R(() => e.text, () => {
-      s.value = e.text;
-    }), R(() => e.required, (m, y) => {
-      m !== y && (r.value = m);
+    const n = C(e.title || e.text), a = C(e.required), l = C(e.text);
+    return V(() => e.text, () => {
+      l.value = e.text;
+    }), V(() => e.required, (f, v) => {
+      f !== v && (a.value = f);
     }), () => c("label", {
       class: "col-form-label",
       title: n.value
-    }, [r.value && c("span", {
+    }, [a.value && c("span", {
       class: "farris-label-info text-danger"
     }, [ue("*")]), c("span", {
       class: "farris-label-text"
-    }, [s.value])]);
+    }, [l.value])]);
   }
-}), jn = /* @__PURE__ */ new Map([
+}), $n = /* @__PURE__ */ new Map([
   ["appearance", ge]
 ]);
-function Rn(e, t, n) {
+function Vn(e, t, n) {
   return t;
 }
-const $n = "https://json-schema.org/draft/2020-12/schema", Gn = "https://farris-design.gitee.io/input-group.schema.json", Wn = "input-group", qn = "A Farris Input Component", Hn = "object", zn = {
+const Gn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", Wn = "input-group", qn = "A Farris Input Component", Hn = "object", Un = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -866,17 +792,17 @@ const $n = "https://json-schema.org/draft/2020-12/schema", Gn = "https://farris-
     type: "string",
     default: ""
   }
-}, Un = [
+}, _n = [
   "id",
   "type"
-], Qn = {
-  $schema: $n,
-  $id: Gn,
+], zn = {
+  $schema: Gn,
+  $id: Rn,
   title: Wn,
   description: qn,
   type: Hn,
-  properties: zn,
-  required: Un
+  properties: Un,
+  required: _n
 }, be = {
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -944,124 +870,124 @@ const $n = "https://json-schema.org/draft/2020-12/schema", Gn = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-ye(be, Qn, jn, Rn);
-function _n(e, t, n, r) {
-  const s = C(e.disabled), m = C(!1), y = C("text"), B = C(e.showBorder), d = C(e.textAlign), o = C(e.updateOn), u = E(() => e.editable || !e.readonly), l = E(() => e.editable && !e.disabled && !e.readonly), a = E(() => !e.disabled && m.value), i = E(() => n.value === "" || n.value === null || n.value === void 0), p = E(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = E(() => e.readonly || !e.editable), F = E(() => e.enableTitle ? n.value : ""), O = E(() => ({
+ve(be, zn, $n, Vn);
+function Xn(e, t, n, a) {
+  const l = C(e.disabled), f = C(!1), v = C("text"), P = C(e.showBorder), d = C(e.textAlign), o = C(e.updateOn), s = E(() => e.editable || !e.readonly), r = E(() => e.editable && !e.disabled && !e.readonly), u = E(() => !e.disabled && f.value), i = E(() => n.value === "" || n.value === null || n.value === void 0), p = E(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), m = E(() => e.readonly || !e.editable), S = E(() => e.enableTitle ? n.value : ""), N = E(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
     "text-left": d.value === "left",
     "text-center": d.value === "center",
     "text-right": d.value === "right"
-  })), A = E(() => {
+  })), j = E(() => {
     const x = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": s.value,
-      "f-state-editable": l.value,
-      "f-state-readonly": f.value,
-      "f-state-focus": a.value
+      "f-state-disable": l.value,
+      "f-state-editable": r.value,
+      "f-state-readonly": m.value,
+      "f-state-focus": u.value
     };
     return (e.customClass || "").split(" ").reduce((q, J) => (q[J] = !0, q), x), x;
-  }), L = E(() => B.value ? "" : "border-width : 0 ");
-  function I(x, j = !0) {
-    n.value = x, r.value !== x && (r.value = x), j && t.emit("change", x), t.emit("update:modelValue", x), t.emit("update:value", x);
+  }), D = E(() => P.value ? "" : "border-width : 0 ");
+  function I(x, $ = !0) {
+    n.value = x, a.value !== x && (a.value = x), $ && t.emit("change", x), t.emit("update:modelValue", x), t.emit("update:value", x);
   }
-  R(
+  V(
     () => e.modelValue,
-    (x, j) => {
-      x !== j && (n.value = x, r.value = x);
+    (x, $) => {
+      x !== $ && (n.value = x, a.value = x);
     }
-  ), R(() => e.disabled, (x, j) => {
-    x !== j && (s.value = x);
+  ), V(() => e.disabled, (x, $) => {
+    x !== $ && (l.value = x);
   });
   function k(x) {
-    return m.value = !1, t.emit("blur", x), x.stopPropagation(), !1;
+    return f.value = !1, t.emit("blur", x), x.stopPropagation(), !1;
   }
-  function M(x) {
+  function O(x) {
     t.emit("click", x);
   }
-  function P(x) {
-    e.disabled || (B.value && (m.value = !0), u.value && t.emit("focus", x));
+  function B(x) {
+    e.disabled || (P.value && (f.value = !0), s.value && t.emit("focus", x));
   }
-  function $(x) {
+  function G(x) {
     t.emit("input", x.target.value);
-    const j = x.target.value;
-    r.value = j, o.value === "input" && (t.emit("update:modelValue", j), t.emit("update:value", j));
+    const $ = x.target.value;
+    a.value = $, o.value === "input" && (t.emit("update:modelValue", $), t.emit("update:value", $));
   }
-  function N(x) {
+  function L(x) {
     t.emit("keydown", x);
   }
-  function G(x) {
+  function R(x) {
     t.emit("keyup", x);
   }
-  function U(x) {
+  function _(x) {
     x.target.tagName !== "INPUT" && x.preventDefault(), x.stopPropagation();
   }
-  function Q(x) {
+  function z(x) {
     if (o.value === "blur") {
-      const j = x.target.value;
-      x.stopPropagation(), I(j);
+      const $ = x.target.value;
+      x.stopPropagation(), I($);
     }
   }
   return {
     changeTextBoxValue: I,
-    disabled: s,
-    displayText: r,
-    editable: l,
-    hasFocused: a,
-    inputGroupClass: A,
-    inputType: y,
+    disabled: l,
+    displayText: a,
+    editable: r,
+    hasFocused: u,
+    inputGroupClass: j,
+    inputType: v,
     isEmpty: i,
     modelValue: n,
-    readonly: f,
+    readonly: m,
     onBlur: k,
-    onClick: M,
-    onFocus: P,
-    onInput: $,
-    onKeydown: N,
-    onKeyup: G,
-    onMousedown: U,
-    onTextBoxValueChange: Q,
+    onClick: O,
+    onFocus: B,
+    onInput: G,
+    onKeydown: L,
+    onKeyup: R,
+    onMousedown: _,
+    onTextBoxValueChange: z,
     placeholder: p,
-    textBoxClass: O,
-    textBoxTitle: F,
-    inputGroupStyle: L
+    textBoxClass: N,
+    textBoxTitle: S,
+    inputGroupStyle: D
   };
 }
-function Xn(e, t, n) {
-  const r = C(!1), s = E(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: m, displayText: y, hasFocused: B, isEmpty: d } = n;
-  function o(f) {
-    r.value = f;
+function Qn(e, t, n) {
+  const a = C(!1), l = E(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: f, displayText: v, hasFocused: P, isEmpty: d } = n;
+  function o(m) {
+    a.value = m;
   }
-  R(y, () => {
-    B != null && B.value ? o(!!(y != null && y.value)) : o(!1);
+  V(v, () => {
+    P != null && P.value ? o(!!(v != null && v.value)) : o(!1);
   });
-  const u = E(() => ({
+  const s = E(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), l = E(() => ({
+  })), r = E(() => ({
     width: "24px",
-    display: r.value ? "flex" : "none"
+    display: a.value ? "flex" : "none"
   }));
-  function a(f) {
-    f.stopPropagation(), s.value && (m("", !0), o(!r.value), t.emit("clear"));
+  function u(m) {
+    m.stopPropagation(), l.value && (f("", !0), o(!a.value), t.emit("clear"));
   }
-  function i(f) {
-    s.value && !d.value && o(!0);
+  function i(m) {
+    l.value && !d.value && o(!0);
   }
-  function p(f) {
-    s.value && o(!1);
+  function p(m) {
+    l.value && o(!1);
   }
-  return { clearButtonClass: u, clearButtonStyle: l, hasShownClearButton: r, onClearValue: a, onMouseEnter: i, onMouseLeave: p, shouldShowClearButton: s };
+  return { clearButtonClass: s, clearButtonStyle: r, hasShownClearButton: a, onClearValue: u, onMouseEnter: i, onMouseLeave: p, shouldShowClearButton: l };
 }
 const Zn = ["moz", "ms", "webkit"];
 function Jn() {
   let e = 0;
   return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (n - e)), s = setTimeout(() => {
-      t(n + r);
-    }, r);
-    return e = n + r, s;
+    const n = (/* @__PURE__ */ new Date()).getTime(), a = Math.max(0, 16 - (n - e)), l = setTimeout(() => {
+      t(n + a);
+    }, a);
+    return e = n + a, l;
   };
 }
 function Yn() {
@@ -1074,72 +1000,72 @@ function Yn() {
 }
 Yn();
 function Kn(e, t) {
-  const n = C(e.groupText), r = E(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), s = E(() => e.enableClear || !!e.groupText);
+  const n = C(e.groupText), a = E(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), l = E(() => e.enableClear || !!e.groupText);
   return { appendedButtonClass: E(() => ({
     "input-group-append": !0,
-    "append-force-show": r.value
-  })), appendedContent: n, shouldShowAppendedButton: s };
+    "append-force-show": a.value
+  })), appendedContent: n, shouldShowAppendedButton: l };
 }
-function eo(e, t, n, r) {
-  const { appendedContent: s } = r, m = C(e.enableViewPassword), y = E(() => e.type === "password"), B = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', d = '<span class="f-icon f-icon-eye"></span>', o = C(!1);
-  R(() => [e.readonly, e.disabled], ([a, i]) => {
-    y.value && (n.value = a || i ? "password" : n.value, s.value = a || i ? d : s.value);
+function eo(e, t, n, a) {
+  const { appendedContent: l } = a, f = C(e.enableViewPassword), v = E(() => e.type === "password"), P = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', d = '<span class="f-icon f-icon-eye"></span>', o = C(!1);
+  V(() => [e.readonly, e.disabled], ([u, i]) => {
+    v.value && (n.value = u || i ? "password" : n.value, l.value = u || i ? d : l.value);
   });
-  function u() {
-    return o.value = !o.value, n.value = o.value ? "text" : "password", s.value = o.value ? B : d, !1;
+  function s() {
+    return o.value = !o.value, n.value = o.value ? "text" : "password", l.value = o.value ? P : d, !1;
   }
-  function l() {
-    n.value = y.value ? "password" : "text", s.value = y.value ? m.value ? d : "" : s.value;
+  function r() {
+    n.value = v.value ? "password" : "text", l.value = v.value ? f.value ? d : "" : l.value;
   }
-  return l(), { isPassword: y, onClickAppendedButton: u };
+  return r(), { isPassword: v, onClickAppendedButton: s };
 }
 function to(e, t, n) {
-  const r = C(), {
-    onBlurTextBox: s,
-    onFocusTextBox: m,
-    onInput: y,
-    onKeyDown: B,
+  const a = C(), {
+    onBlurTextBox: l,
+    onFocusTextBox: f,
+    onInput: v,
+    onKeyDown: P,
     textBoxValue: d
-  } = n, o = E(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = E(() => ({
+  } = n, o = E(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), s = E(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), l = E(() => ({
+  })), r = E(() => ({
     "text-align": e.textAlign
   }));
-  function a(f) {
-    f.stopPropagation();
+  function u(m) {
+    m.stopPropagation();
   }
   function i() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function p(f) {
-    m(f), await ae, i();
+  async function p(m) {
+    f(m), await ae, i();
   }
   return H(async () => {
     await ae, i();
   }), () => c("input", {
-    ref: r,
-    class: u.value,
-    style: l.value,
+    ref: a,
+    class: s.value,
+    style: r.value,
     type: "text",
     value: d.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: o.value,
-    onBlur: s,
-    onChange: a,
+    onBlur: l,
+    onChange: u,
     onFocus: p,
-    onInput: y,
-    onKeydown: B
+    onInput: v,
+    onKeydown: P
   }, null);
 }
 function no(e, t, n) {
   const {
-    canDownward: r,
-    canUpward: s,
-    onClickDownButton: m,
-    onClickUpButton: y
-  } = n, B = E(() => ({
+    canDownward: a,
+    canUpward: l,
+    onClickDownButton: f,
+    onClickUpButton: v
+  } = n, P = E(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
@@ -1148,217 +1074,217 @@ function no(e, t, n) {
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), o = E(() => ({
-    cursor: s() ? "pointer" : "not-allowed",
+    cursor: l() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), u = E(() => ({
-    cursor: r() ? "pointer" : "not-allowed",
+  })), s = E(() => ({
+    cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => c("div", {
-    class: B.value
+    class: P.value
   }, [c("button", {
     title: "upButton",
     class: d.value,
     style: o.value,
-    onClick: y,
-    disabled: !s()
+    onClick: v,
+    disabled: !l()
   }, [c("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), c("button", {
     title: "downButton",
     class: d.value,
-    style: u.value,
-    onClick: m,
-    disabled: !r()
+    style: s.value,
+    onClick: f,
+    disabled: !a()
   }, [c("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
 function oo(e, t) {
-  const n = Ue(e, t), r = Qe(e, t, n), s = _e(e, t, r, n), m = Xe(e, t, r, n, s), y = no(e, t, s), {
-    displayValue: B,
+  const n = Ue(e, t), a = _e(e, t, n), l = ze(e, t, a, n), f = Xe(e, t, a, n, l), v = no(e, t, l), {
+    displayValue: P,
     modelValue: d,
     getRealValue: o
-  } = n, u = to(e, t, m), {
-    format: l
-  } = r, {
-    isFocus: a
-  } = m, i = E(() => !e.disabled && !e.readonly);
+  } = n, s = to(e, t, f), {
+    format: r
+  } = a, {
+    isFocus: u
+  } = f, i = E(() => !e.disabled && !e.readonly);
   return H(() => {
     const p = o(e.modelValue);
-    B.value = l(p);
-  }), R(() => [e.value], ([p]) => {
-    const f = o(p);
-    d.value = f, B.value = l(f);
-  }), R(() => [e.modelValue], ([p]) => {
-    p !== d.value && (d.value = p, !a.value && (B.value = l(o(p))));
-  }), R(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    B.value = l(d.value);
+    P.value = r(p);
+  }), V(() => [e.value], ([p]) => {
+    const m = o(p);
+    d.value = m, P.value = r(m);
+  }), V(() => [e.modelValue], ([p]) => {
+    p !== d.value && (d.value = p, !u.value && (P.value = r(o(p))));
+  }), V(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    P.value = r(d.value);
   }), () => c("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [u(), i.value && y()]);
+  }, [s(), i.value && v()]);
 }
-function ro(e, t, n, r) {
-  const s = C(), m = C(e.autocomplete), y = C(e.enableTitle), {
-    isPassword: B
-  } = n, d = C(e.minLength), o = C(e.maxLength), u = C(e.tabIndex), {
-    disabled: l,
-    displayText: a,
+function ro(e, t, n, a) {
+  const l = C(), f = C(e.autocomplete), v = C(e.enableTitle), {
+    isPassword: P
+  } = n, d = C(e.minLength), o = C(e.maxLength), s = C(e.tabIndex), {
+    disabled: r,
+    displayText: u,
     inputType: i,
     onBlur: p,
-    onFocus: f,
-    onInput: F,
-    onClick: O,
-    onKeydown: A,
-    onKeyup: L,
+    onFocus: m,
+    onInput: S,
+    onClick: N,
+    onKeydown: j,
+    onKeyup: D,
     onMousedown: I,
     onTextBoxValueChange: k,
-    readonly: M,
-    placeholder: P,
-    textBoxClass: $,
-    textBoxTitle: N
-  } = r;
+    readonly: O,
+    placeholder: B,
+    textBoxClass: G,
+    textBoxTitle: L
+  } = a;
   return H(() => {
     e.selectOnCreated, e.focusOnCreated;
   }), () => c("input", {
-    ref: s,
+    ref: l,
     name: "input-group-value",
-    autocomplete: m.value,
-    class: $.value,
-    disabled: l == null ? void 0 : l.value,
+    autocomplete: f.value,
+    class: G.value,
+    disabled: r == null ? void 0 : r.value,
     maxlength: o.value,
     minlength: d.value,
-    placeholder: P.value,
-    readonly: M == null ? void 0 : M.value,
-    tabindex: u.value,
-    title: y.value && !B.value ? N.value : "",
+    placeholder: B.value,
+    readonly: O == null ? void 0 : O.value,
+    tabindex: s.value,
+    title: v.value && !P.value ? L.value : "",
     type: i.value,
-    value: a == null ? void 0 : a.value,
+    value: u == null ? void 0 : u.value,
     onBlur: p,
-    onClick: O,
+    onClick: N,
     onChange: k,
-    onFocus: f,
-    onInput: F,
-    onKeydown: A,
-    onKeyup: L,
+    onFocus: m,
+    onInput: S,
+    onKeydown: j,
+    onKeyup: D,
     onMousedown: I
   }, null);
 }
 function ao(e, t) {
-  const n = E(() => e.useExtendInfo && !!e.extendInfo), r = Ve({
+  const n = E(() => e.useExtendInfo && !!e.extendInfo), a = Ae({
     content: e.extendInfo
   });
-  function s() {
+  function l() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && je(c("span", {
+  return () => n.value && $e(c("span", {
     class: "input-group-before-tips",
-    onMouseenter: s
+    onMouseenter: l
   }, [c("i", {
     class: "f-icon f-icon-info-circle"
   }, null), c("b", {
     class: "tips-arrow"
-  }, null)]), [[Re("tooltip"), r]]);
+  }, null)]), [[Ve("tooltip"), a]]);
 }
-function io(e, t, n, r, s) {
+function lo(e, t, n, a, l) {
   const {
-    appendedButtonClass: m,
-    appendedContent: y
-  } = n, B = E(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), d = E(() => y.value && !t.slots.groupTextTemplate), o = E(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: u,
-    clearButtonStyle: l,
-    onClearValue: a,
+    appendedButtonClass: f,
+    appendedContent: v
+  } = n, P = E(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), d = E(() => v.value && !t.slots.groupTextTemplate), o = E(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: s,
+    clearButtonStyle: r,
+    onClearValue: u,
     shouldShowClearButton: i
-  } = r;
+  } = a;
   function p() {
     return c("span", {
       id: "clearIcon",
-      class: u.value,
-      style: l.value,
-      onClick: (P) => a(P)
+      class: s.value,
+      style: r.value,
+      onClick: (B) => u(B)
     }, [c("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function f(P) {
-    t.emit("iconMouseEnter", P);
+  function m(B) {
+    t.emit("iconMouseEnter", B);
   }
-  function F(P) {
-    t.emit("iconMouseLeave", P);
+  function S(B) {
+    t.emit("iconMouseLeave", B);
   }
-  function O(P) {
-    B.value && t.emit("clickHandle", {
-      originalEvent: P
-    }), P.stopPropagation();
+  function N(B) {
+    P.value && t.emit("clickHandle", {
+      originalEvent: B
+    }), B.stopPropagation();
   }
-  const A = e.type === "password" ? s.onClickAppendedButton : O;
-  function L() {
+  const j = e.type === "password" ? l.onClickAppendedButton : N;
+  function D() {
     return c("span", {
       class: "input-group-text",
-      onMouseenter: (P) => f(P),
-      onMouseleave: (P) => F(P),
-      innerHTML: y.value,
-      onClick: (P) => A(P)
+      onMouseenter: (B) => m(B),
+      onMouseleave: (B) => S(B),
+      innerHTML: v.value,
+      onClick: (B) => j(B)
     }, null);
   }
   function I() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function k() {
-    return d.value ? L : o.value ? I : "";
+    return d.value ? D : o.value ? I : "";
   }
-  const M = k();
+  const O = k();
   return () => c("div", {
-    class: m.value
-  }, [i.value && p(), M && M()]);
+    class: f.value
+  }, [i.value && p(), O && O()]);
 }
-const lo = /* @__PURE__ */ z({
+const io = /* @__PURE__ */ U({
   name: "FInputGroup",
   props: be,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = C(e.modelValue), r = C(e.modelValue), s = _n(e, t, n, r), {
-      inputGroupClass: m,
-      inputType: y,
-      inputGroupStyle: B
-    } = s, d = Kn(e), {
+    const n = C(e.modelValue), a = C(e.modelValue), l = Xn(e, t, n, a), {
+      inputGroupClass: f,
+      inputType: v,
+      inputGroupStyle: P
+    } = l, d = Kn(e), {
       shouldShowAppendedButton: o
-    } = d, u = Xn(e, t, s), {
-      onMouseEnter: l,
-      onMouseLeave: a
-    } = u, i = eo(e, t, y, d), p = oo(e, t), f = ro(e, t, i, s), F = io(e, t, d, u, i), O = ao(e, t), A = E(() => e.type === "number");
-    R(() => [e.value], ([I]) => {
-      n.value = I, r.value = I;
-    }), R(() => [e.modelValue], ([I]) => {
-      n.value = I, r.value = I;
+    } = d, s = Qn(e, t, l), {
+      onMouseEnter: r,
+      onMouseLeave: u
+    } = s, i = eo(e, t, v, d), p = oo(e, t), m = ro(e, t, i, l), S = lo(e, t, d, s, i), N = ao(e, t), j = E(() => e.type === "number");
+    V(() => [e.value], ([I]) => {
+      n.value = I, a.value = I;
+    }), V(() => [e.modelValue], ([I]) => {
+      n.value = I, a.value = I;
     }), H(() => {
-      e.value && (n.value = e.value, r.value = e.value);
+      e.value && (n.value = e.value, a.value = e.value);
     });
-    const L = () => c(Z, null, [c("div", {
+    const D = () => c(Z, null, [c("div", {
       id: "inputGroup",
-      class: m.value,
-      style: B.value,
-      onMouseenter: l,
-      onMouseleave: a
-    }, [A.value ? p() : c(Z, null, [O(), f(), o.value && F()])])]);
-    return () => L();
+      class: f.value,
+      style: P.value,
+      onMouseenter: r,
+      onMouseleave: u
+    }, [j.value ? p() : c(Z, null, [N(), m(), o.value && S()])])]);
+    return () => D();
   }
-}), g = {}, v = {}, b = {}, h = {};
-let le = !1;
+}), g = {}, y = {}, b = {}, h = {};
+let ie = !1;
 function so() {
-  le || (le = !0, Je.register(g, v, b, h), Ze.register(g, v, b, h), Ye.register(g, v, b, h), Ke.register(g, v, b, h), et.register(g, v, b, h), tt.register(g, v, b, h), nt.register(g, v, b, h), ot.register(g, v, b, h), rt.register(g, v, b, h), at.register(g, v, b, h), lt.register(g, v, b, h), it.register(g, v, b, h), st.register(g, v, b, h), ut.register(g, v, b, h), ct.register(g, v, b, h), dt.register(g, v, b, h), pt.register(g, v, b, h), mt.register(g, v, b, h), ft.register(g, v, b, h), yt.register(g, v, b, h), gt.register(g, v, b, h), vt.register(g, v, b, h), ht.register(g, v, b, h), bt.register(g, v, b, h), Ct.register(g, v, b, h), Ft.register(g, v, b, h), St.register(g, v, b, h), Tt.register(g, v, b, h), ze.register(g, v, b, h), wt.register(g, v, b, h), Bt.register(g, v, b, h), Pt.register(g, v, b, h), xt.register(g, v, b, h), It.register(g, v, b, h), Et.register(g, v, b, h), kt.register(g, v, b, h), Lt.register(g, v, b, h), Dt.register(g, v, b, h), Ot.register(g, v, b, h), Mt.register(g, v, b, h), Yt.register(g, v, b), Nt.register(g, v, b, h), At.register(g, v, b, h), Vt.register(g, v, b, h), jt.register(g, v, b, h), Rt.register(g, v, b, h), $t.register(g, v, b, h), Gt.register(g, v, b, h), Wt.register(g, v, b, h), qt.register(g, v, b, h), Ht.register(g, v, b, h), zt.register(g, v, b, h), Ut.register(g, v, b, h), _t.register(g, v, b, h), Qt.register(g, v, b, h), Xt.register(g, v, b, h), Zt.register(g, v, b, h), Jt.register(g, v, b, h));
+  ie || (ie = !0, Ze.register(g, y, b, h), Qe.register(g, y, b, h), Je.register(g, y, b, h), Ye.register(g, y, b, h), Ke.register(g, y, b, h), et.register(g, y, b, h), tt.register(g, y, b, h), nt.register(g, y, b, h), ot.register(g, y, b, h), rt.register(g, y, b, h), lt.register(g, y, b, h), at.register(g, y, b, h), it.register(g, y, b, h), st.register(g, y, b, h), ut.register(g, y, b, h), ct.register(g, y, b, h), dt.register(g, y, b, h), pt.register(g, y, b, h), ft.register(g, y, b, h), mt.register(g, y, b, h), vt.register(g, y, b, h), gt.register(g, y, b, h), bt.register(g, y, b, h), yt.register(g, y, b, h), ht.register(g, y, b, h), Ct.register(g, y, b, h), Ft.register(g, y, b, h), St.register(g, y, b, h), He.register(g, y, b, h), wt.register(g, y, b, h), Tt.register(g, y, b, h), Pt.register(g, y, b, h), Bt.register(g, y, b, h), xt.register(g, y, b, h), It.register(g, y, b, h), Et.register(g, y, b, h), kt.register(g, y, b, h), Mt.register(g, y, b, h), Nt.register(g, y, b, h), Ot.register(g, y, b, h), Jt.register(g, y, b), Dt.register(g, y, b, h), Lt.register(g, y, b, h), jt.register(g, y, b, h), At.register(g, y, b, h), $t.register(g, y, b, h), Vt.register(g, y, b, h), Gt.register(g, y, b, h), Rt.register(g, y, b, h), Wt.register(g, y, b, h), qt.register(g, y, b, h), Ht.register(g, y, b, h), Ut.register(g, y, b, h), zt.register(g, y, b, h), _t.register(g, y, b, h), Xt.register(g, y, b, h), Qt.register(g, y, b, h), Zt.register(g, y, b, h), Yt.register(g, y, b, h));
 }
 function uo() {
   so();
-  function e(s, m) {
-    const y = v[s];
-    return y ? y(m) : {};
+  function e(l, f) {
+    const v = y[l];
+    return v ? v(f) : {};
   }
-  function t(s) {
-    return g[s] || lo;
+  function t(l) {
+    return g[l] || io;
   }
-  function n(s) {
-    switch (s) {
+  function n(l) {
+    switch (l) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -1410,117 +1336,120 @@ function uo() {
         return "onSchemaSelected";
       case "mapping-editor":
         return "onMappingFieldsChanged";
+      case "textarea":
+        return "onValueChange";
     }
   }
-  function r(s) {
-    switch (s) {
+  function a(l) {
+    switch (l) {
       case "combo-list":
       case "input-group":
+      case "textarea":
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: r };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: a };
 }
-const co = /* @__PURE__ */ z({
+const co = /* @__PURE__ */ U({
   name: "FDynamicFormGroup",
-  props: ve,
+  props: ye,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = C(e.id), r = C(e.customClass), s = C(e.editor), m = C(e.label), y = C(e.modelValue), B = C(e.readonly), d = C(e.required), o = C(e.showLabel), u = C(e.visible);
+    const n = C(e.id), a = C(e.customClass), l = C(e.editor), f = C(e.label), v = C(e.modelValue), P = C(e.readonly), d = C(e.required), o = C(e.showLabel), s = C(e.visible);
     C(e.type);
-    const l = C(), {
-      resolveEditorProps: a,
+    const r = C(), {
+      resolveEditorProps: u,
       resolveEditorType: i,
       getChangeFunctionName: p,
-      getClearFunctionName: f
-    } = uo(), F = E(() => ({
+      getClearFunctionName: m
+    } = uo(), S = E(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
-      "q-state-readonly": B.value
+      "q-state-readonly": P.value
     }));
-    function O(I, k) {
-      y.value = k !== void 0 ? k : I, t.emit("update:modelValue", y.value), t.emit("change", y.value);
+    function N(I, k) {
+      v.value = k !== void 0 ? k : I, t.emit("update:modelValue", v.value), t.emit("change", v.value);
     }
-    function A() {
+    function j() {
       t.emit("update:modelValue", "");
     }
-    const L = E(() => {
-      const I = s.value.type || "input-group", k = i(I), M = a(I, s.value), P = p(I), $ = f(s.value.type);
-      return M[P] = O, M[$] = A, () => c(k, $e({
-        ref: l
-      }, M, {
-        modelValue: y.value,
-        "onUpdate:modelValue": (N) => y.value = N
+    const D = E(() => {
+      const I = l.value.type || "input-group", k = i(I), O = u(I, l.value), B = p(I), G = m(l.value.type);
+      return O[B] = N, O[G] = j, () => c(k, Ge({
+        ref: r
+      }, O, {
+        modelValue: v.value,
+        "onUpdate:modelValue": (L) => v.value = L
       }), null);
     });
-    return R([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([I, k, M, P, $, N, G, U, Q]) => {
-      n.value = I, r.value = k, s.value = M, m.value = P, y.value = $, B.value = N, d.value = G, o.value = U, u.value = Q;
+    return V([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([I, k, O, B, G, L, R, _, z]) => {
+      n.value = I, a.value = k, l.value = O, f.value = B, v.value = G, P.value = L, d.value = R, o.value = _, s.value = z;
     }), t.expose({
-      editorRef: l
-    }), () => u.value && c("div", {
+      editorRef: r
+    }), () => s.value && c("div", {
       id: `${n.value}-input-group`,
-      class: r.value
+      class: a.value
     }, [c("div", {
       class: "farris-group-wrap"
     }, [c("div", {
-      class: F.value
-    }, [o.value && c(Vn, {
+      class: S.value
+    }, [o.value && c(An, {
       id: `${n.value}-lable`,
       required: d.value,
-      text: m.value,
-      title: m.value
+      text: f.value,
+      title: f.value
     }, null), c("div", {
       class: "farris-input-wrap"
-    }, [L.value()])])])]);
+    }, [D.value()])])])]);
   }
-}), po = /* @__PURE__ */ z({
+}), po = /* @__PURE__ */ U({
   name: "FPropertyPanelItem",
-  props: Pn,
+  props: Bn,
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, t) {
     var o;
-    const n = C((o = e.category) == null ? void 0 : o.categoryId), r = C(e.elementConfig.propertyID), s = C(e.elementConfig.propertyName), m = C(e.elementConfig.editor), y = C(e.elementConfig.propertyValue), B = E(() => {
-      const u = e.elementConfig.visible;
+    const n = C((o = e.category) == null ? void 0 : o.categoryId), a = C(e.elementConfig.propertyID), l = C(e.elementConfig.propertyName), f = C(e.elementConfig.editor), v = C(e.elementConfig.propertyValue), P = E(() => {
+      const s = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
         "property-item": !0,
-        "d-none": !(typeof u == "boolean" ? u : u == null ? !0 : u())
+        "d-none": !(typeof s == "boolean" ? s : s == null ? !0 : s())
       };
     });
-    R(() => {
-      var u;
-      return (u = e.elementConfig) == null ? void 0 : u.propertyValue;
-    }, (u) => {
-      y.value = u;
+    V(() => {
+      var s;
+      return (s = e.elementConfig) == null ? void 0 : s.propertyValue;
+    }, (s) => {
+      v.value = s;
     });
-    function d(u) {
-      e.elementConfig.propertyValue = u;
-      const l = {
+    function d(s) {
+      e.elementConfig.propertyValue = s;
+      const r = {
         propertyID: e.elementConfig.propertyID,
-        propertyValue: u
+        propertyValue: s
       };
-      t.emit("propertyChange", l), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
+      t.emit("propertyChange", r), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
     }
     return () => c("div", {
-      class: B.value
+      class: P.value
     }, [c(co, {
-      id: r.value,
-      customClass: `${n.value}-${r.value}`,
-      label: s.value,
-      editor: m.value,
-      modelValue: y.value,
+      id: a.value,
+      customClass: `${n.value}-${a.value}`,
+      label: l.value,
+      editor: f.value,
+      modelValue: v.value,
       onChange: d,
       editorParams: e.elementConfig.editorParams
     }, null)]);
   }
-}), mo = /* @__PURE__ */ z({
+}), fo = /* @__PURE__ */ U({
   name: "FPropertyPanelItemList",
-  props: Bn,
+  props: Pn,
   emits: ["valueChanged", "submitModal", "triggerRefreshPanel"],
   setup(e, t) {
     const n = C(e.category);
-    function r(i) {
+    function a(i) {
       if (!i.hideCascadeTitle)
         return c("div", {
           class: "farris-input-wrap"
@@ -1532,10 +1461,10 @@ const co = /* @__PURE__ */ z({
           readonly: !0
         }, null)]);
     }
-    function s(i, p) {
+    function l(i, p) {
       p.isExpand = !p.isExpand;
     }
-    function m(i) {
+    function f(i) {
       return c("div", {
         class: "landscape"
       }, [c("button", {
@@ -1543,10 +1472,10 @@ const co = /* @__PURE__ */ z({
         class: ["btn f-btn-collapse-expand f-btn-mx px-1", {
           "f-state-expand": i.isExpand
         }],
-        onClick: (p) => s(p, i)
+        onClick: (p) => l(p, i)
       }, [c("span", null, null)])]);
     }
-    function y(i) {
+    function v(i) {
       return c("div", {
         class: "f-section-formgroup-legend"
       }, [c("div", {
@@ -1563,7 +1492,7 @@ const co = /* @__PURE__ */ z({
         class: "farris-label-text"
       }, [i.propertyName])])])]);
     }
-    function B(i) {
+    function P(i) {
       return `${e.categoryKey}_${i.propertyID}`;
     }
     function d(i) {
@@ -1574,18 +1503,18 @@ const co = /* @__PURE__ */ z({
     function o() {
       t.emit("triggerRefreshPanel");
     }
-    function u(i) {
+    function s(i) {
       return c("div", {
         class: "px-2 mb-2"
       }, [c(po, {
-        key: B(i),
+        key: P(i),
         elementConfig: i,
         category: n.value,
         onPropertyChange: d,
         onTriggerRefreshPanel: o
       }, null)]);
     }
-    function l(i) {
+    function r(i) {
       var p;
       return c("div", {
         class: "propertyCascadeItem farris-panel px-2 mb-2"
@@ -1595,165 +1524,163 @@ const co = /* @__PURE__ */ z({
         }]
       }, [c("div", {
         class: "card-header",
-        onClick: (f) => s(f, i)
+        onClick: (m) => l(m, i)
       }, [c("div", {
         class: "panel-item-title"
       }, [c("div", {
         class: "form-group farris-form-group line-item"
-      }, [y(i), r(i), m(i)])])]), c("div", {
+      }, [v(i), a(i), f(i)])])]), c("div", {
         class: ["card-body", {
           hidden: !i.isExpand
         }]
-      }, [(p = i.cascadeConfig) == null ? void 0 : p.map((f) => u(f))])])]);
+      }, [(p = i.cascadeConfig) == null ? void 0 : p.map((m) => s(m))])])]);
     }
-    R(() => e.category, () => {
+    V(() => e.category, () => {
       n.value = e.category;
     });
-    function a(i) {
-      return i.propertyType === "cascade" ? l : u;
+    function u(i) {
+      return i.propertyType === "cascade" ? r : s;
     }
-    return () => c(Z, null, [n.value.properties.map((i) => a(i)(i))]);
+    return () => c(Z, null, [n.value.properties.map((i) => u(i)(i))]);
   }
-}), se = /* @__PURE__ */ z({
+}), se = /* @__PURE__ */ U({
   name: "FPropertyPanel",
   props: Kt,
   emits: ["propertyChanged"],
   setup(e, t) {
-    const n = C(e.width), r = C(e.isWidePanel), s = C(e.enableSearch), m = C(e.mode), y = C(e.isPersitOpenState), B = C(e.isShowPanel), d = C(), o = C(), u = C(e.showCloseBtn), l = C(e.selectedTabId), a = C(!0), i = C(e.isWhiteTheme);
-    let p = [], f = [];
-    const F = C(""), O = C(), A = C(), L = Ge("SchemaService");
-    let I = [], k = null, M = "";
-    const P = C(), {
-      proxy: $
-    } = We();
-    function N() {
-      f = [], P.value && P.value.categoryList && Array.isArray(P.value.categoryList) && P.value.categoryList.length > 0 && P.value.categoryList.forEach((S) => {
-        if (S.properties.forEach((T) => T.categoryId = S.categoryId), S.properties && Array.isArray(S.properties) && S.properties.length > 0) {
-          const T = S.properties.map((D) => (D.category = S, D));
-          f = f.concat(T);
+    const n = C(e.width), a = C(e.isWidePanel), l = C(e.enableSearch), f = C(e.mode), v = C(e.isPersitOpenState), P = C(e.isShowPanel), d = C(), o = C(), s = C(e.showCloseBtn), r = C(e.selectedTabId), u = C(!0), i = C(e.isWhiteTheme);
+    let p = [], m = [];
+    const S = C(""), N = C(), j = C(), D = Re("SchemaService");
+    let I = [], k = null, O = "";
+    const B = C(), G = C(0);
+    function L() {
+      m = [], B.value && B.value.categoryList && Array.isArray(B.value.categoryList) && B.value.categoryList.length > 0 && B.value.categoryList.forEach((w) => {
+        if (w.properties.forEach((F) => F.categoryId = w.categoryId), w.properties && Array.isArray(w.properties) && w.properties.length > 0) {
+          const F = w.properties.map((M) => (M.category = w, M));
+          m = m.concat(F);
         }
       });
     }
-    function G(w) {
-      let S = w.offsetTop, T = w.offsetParent;
-      for (; T !== null; )
-        S += T.offsetTop, T = T.offsetParent;
-      return S;
+    function R(T) {
+      let w = T.offsetTop, F = T.offsetParent;
+      for (; F !== null; )
+        w += F.offsetTop, F = F.offsetParent;
+      return w;
     }
-    function U(w, S) {
-      w && S && Object.keys(S).length > 0 && Object.keys(S).forEach((T) => {
+    function _(T, w) {
+      T && w && Object.keys(w).length > 0 && Object.keys(w).forEach((F) => {
         var W;
-        const D = S[T];
-        (W = w.style) == null || W.setProperty(T, D);
+        const M = w[F];
+        (W = T.style) == null || W.setProperty(F, M);
       });
     }
-    function Q() {
-      return f.filter((S) => S.visible ? !!(S.propertyID && S.propertyID.startsWith(F.value) || S.propertyName && (S.propertyName.startsWith(F.value) || S.propertyName.includes(F.value))) : !1);
+    function z() {
+      return m.filter((w) => w.visible ? !!(w.propertyID && w.propertyID.startsWith(S.value) || w.propertyName && (w.propertyName.startsWith(S.value) || w.propertyName.includes(S.value))) : !1);
     }
-    function x(w, S, T) {
-      if (w === 0) {
-        const D = G(S), K = G(T) - D - 5;
-        S == null || S.scroll({
+    function x(T, w, F) {
+      if (T === 0) {
+        const M = R(w), K = R(F) - M - 5;
+        w == null || w.scroll({
           top: K,
           behavior: "smooth"
         });
       }
     }
-    function j(w) {
-      I && I.length > 0 && (I.forEach((T) => {
-        T.style.cssText = "";
-      }), I = []), F.value = w || F.value;
-      const S = document.querySelector(".panel-body");
-      if (!F.value)
-        O.value && S && (S.scrollTop = 0);
-      else if (N(), f && f.length > 0) {
-        const T = Q();
-        T && T.length > 0 && (T[0].category.status === "closed" && (T[0].category.status = "open"), setTimeout(() => {
-          T.forEach((D, W) => {
-            const K = D.propertyType === "cascade" ? `.${D.categoryId}-${D.propertyID} div.col-form-label` : `.property-item .${D.categoryId}-${D.propertyID} label.col-form-label`, X = document.querySelector(K);
-            X && (x(W, S, X), U(X, {
+    function $(T) {
+      I && I.length > 0 && (I.forEach((F) => {
+        F.style.cssText = "";
+      }), I = []), S.value = T || S.value;
+      const w = document.querySelector(".panel-body");
+      if (!S.value)
+        N.value && w && (w.scrollTop = 0);
+      else if (L(), m && m.length > 0) {
+        const F = z();
+        F && F.length > 0 && (F[0].category.status === "closed" && (F[0].category.status = "open"), setTimeout(() => {
+          F.forEach((M, W) => {
+            const K = M.propertyType === "cascade" ? `.${M.categoryId}-${M.propertyID} div.col-form-label` : `.property-item .${M.categoryId}-${M.propertyID} label.col-form-label`, Q = document.querySelector(K);
+            Q && (x(W, w, Q), _(Q, {
               color: "#5B89FE"
-            }), I.push(X));
+            }), I.push(Q));
           });
         }, 50));
       }
     }
-    function q(w) {
-      j(w);
+    function q(T) {
+      $(T);
     }
-    function J(w) {
+    function J(T) {
       const {
-        value: S
-      } = w.target;
-      w.key === "Enter" && q(S);
+        value: w
+      } = T.target;
+      T.key === "Enter" && q(w);
     }
-    function he(w) {
+    function he(T) {
       const {
-        value: S
-      } = w.target;
-      q(S);
+        value: w
+      } = T.target;
+      q(w);
     }
     function Ce() {
-      y.value || (a.value = !1), t.emit("closePropertyPanel");
+      v.value || (u.value = !1), t.emit("closePropertyPanel");
     }
-    function Y(w) {
-      F.value = "", j();
+    function Y(T) {
+      S.value = "", $();
     }
-    function Fe(w) {
-      !w.status || w.status === "open" ? w.status = "closed" : w.status = "open";
+    function Fe(T) {
+      !T.status || T.status === "open" ? T.status = "closed" : T.status = "open";
     }
-    function _() {
-      var w, S;
+    function X() {
+      var T, w;
       if (p = [], !d.value || d.value.length === 0) {
         p = [{
           tabId: "default",
           tabName: "属性",
           categoryList: []
-        }], P.value = null;
+        }], B.value = null;
         return;
       }
-      if ((w = d == null ? void 0 : d.value) == null || w.forEach((T) => {
-        if (T.tabId) {
-          const D = p.find((W) => W.tabId === T.tabId);
-          D ? (D.categoryList.push(T), D.hide && (D.hide = T.hide || T.properties.length === 0)) : p.push({
-            tabId: T.tabId,
-            tabName: T.tabName,
-            categoryList: [T],
-            hide: T.hide || T.properties.length === 0
+      if ((T = d == null ? void 0 : d.value) == null || T.forEach((F) => {
+        if (F.tabId) {
+          const M = p.find((W) => W.tabId === F.tabId);
+          M ? (M.categoryList.push(F), M.hide && (M.hide = F.hide || F.properties.length === 0)) : p.push({
+            tabId: F.tabId,
+            tabName: F.tabName,
+            categoryList: [F],
+            hide: F.hide || F.properties.length === 0
           });
         } else {
-          const D = p.find((W) => W.tabId === "default");
-          D ? D.categoryList.push(T) : p.push({
+          const M = p.find((W) => W.tabId === "default");
+          M ? M.categoryList.push(F) : p.push({
             tabId: "default",
             tabName: "属性",
-            categoryList: [T]
+            categoryList: [F]
           });
         }
-      }), l.value) {
-        let T = p == null ? void 0 : p.find((D) => D.tabId === l.value && !D.hide);
-        P.value = T || p[0];
+      }), r.value) {
+        let F = p == null ? void 0 : p.find((M) => M.tabId === r.value && !M.hide);
+        B.value = F || p[0];
       } else
-        P.value = p[0];
-      l.value = (S = P.value) == null ? void 0 : S.tabId;
+        B.value = p[0];
+      r.value = (w = B.value) == null ? void 0 : w.tabId;
     }
-    R(() => [e.schema, e.isShowPanel], () => {
-      o.value = e.schema, d.value = ee(o.value, L, k, M), _(), Y(F.value), $.$forceUpdate();
+    V(() => [e.schema, e.isShowPanel], () => {
+      o.value = e.schema, !e.schema || !e.schema.type ? d.value = [] : d.value = ee(o.value, D, k, O), X(), Y(S.value), G.value++;
     }), H(() => {
-      _();
+      X();
     });
-    function Se(w, S) {
-      (!o.value || S) && (o.value = S || e.schema), d.value = ee(o.value, L, k, M, w), _(), Y(F.value);
+    function Se(T, w) {
+      (!o.value || w) && (o.value = w || e.schema), d.value = ee(o.value, D, k, O, T), X(), Y(S.value);
     }
-    function Te(w, S) {
-      k = w, M = S;
+    function we(T, w) {
+      k = T, O = w;
     }
     function re() {
-      m.value = m.value === "panel" ? "sidebar" : "panel", m.value === "panel" ? (setTimeout(() => {
+      f.value = f.value === "panel" ? "sidebar" : "panel", f.value === "panel" ? (setTimeout(() => {
         q();
       }, 100), n.value = "300px") : n.value = "41px";
     }
-    function we() {
-      if (u.value)
+    function Te() {
+      if (s.value)
         return c("div", {
           class: "title-actions"
         }, [c("div", {
@@ -1770,12 +1697,12 @@ const co = /* @__PURE__ */ z({
           class: "f-icon f-icon-close"
         }, null)])])])])]);
     }
-    function Be() {
-      d.value = ee(o.value, L, k, M), _();
-    }
     function Pe() {
-      var w;
-      if (s.value && ((w = P.value) == null ? void 0 : w.tabId) !== "commands")
+      d.value = ee(o.value, D, k, O), X();
+    }
+    function Be() {
+      var T;
+      if (l.value && ((T = B.value) == null ? void 0 : T.tabId) !== "commands")
         return c("div", {
           class: "search"
         }, [c("div", {
@@ -1785,65 +1712,66 @@ const co = /* @__PURE__ */ z({
           type: "text",
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
-          onKeyup: (S) => J(S),
-          value: F.value
+          onKeyup: (w) => J(w),
+          value: S.value
         }, null), c("div", {
           class: "input-group-append",
           style: "margin-left: 0px;"
         }, [c("span", {
           class: "input-group-text input-group-clear",
           style: [{
-            display: F.value && F.value.length > 0 ? "" : "none"
+            display: S.value && S.value.length > 0 ? "" : "none"
           }],
-          onClick: (S) => Y()
+          onClick: (w) => Y()
         }, [c("i", {
           class: "f-icon modal_close"
         }, null)]), c("span", {
           class: "input-group-text input-group-clear",
-          onClick: (S) => he(S)
+          onClick: (w) => he(w)
         }, [c("i", {
           class: "f-icon f-icon-search"
         }, null)])])])]);
     }
-    function xe(w) {
-      return `${e.propertyName}_${w.categoryId}`;
+    function xe(T) {
+      return `${e.propertyName}_${T.categoryId}`;
     }
-    function Ie(w) {
-      t.emit("propertyChanged", w);
+    function Ie(T) {
+      t.emit("propertyChanged", T);
     }
     function Ee() {
-      var w, S;
-      if (P.value)
+      var T, w;
+      if (B.value)
         return c("div", {
           class: "panel-body",
-          ref: A
+          ref: j
         }, [c("ul", {
           class: ["property-grid", {
-            "wide-panel": r.value
+            "wide-panel": a.value
           }]
-        }, [(S = (w = P.value) == null ? void 0 : w.categoryList) == null ? void 0 : S.map((T) => c("li", {
-          key: xe(T),
-          "data-category-id": T == null ? void 0 : T.categoryId
-        }, [!T.hide && !T.hideTitle && c("span", {
+        }, [(w = (T = B.value) == null ? void 0 : T.categoryList) == null ? void 0 : w.map((F) => c("li", {
+          key: xe(F),
+          "data-category-id": F == null ? void 0 : F.categoryId
+        }, [!F.hide && !F.hideTitle && c("span", {
           class: "group-label",
-          onClick: () => Fe(T)
+          onClick: () => Fe(F)
         }, [c("span", {
           class: ["f-icon  mr-2", {
-            "f-legend-show": T.status === "closed"
+            "f-legend-show": F.status === "closed"
           }, {
-            "f-legend-collapse": T.status === "open" || T.status === void 0
+            "f-legend-collapse": F.status === "open" || F.status === void 0
           }]
-        }, null), T.categoryName]), c("div", {
-          hidden: T.status === "closed"
-        }, [c(mo, {
-          category: T,
+        }, null), F.categoryName]), c("div", {
+          hidden: F.status === "closed"
+        }, [c(fo, {
+          key: `${F == null ? void 0 : F.categoryId}-${G.value}`,
+          category: F,
           propertyData: o.value,
-          onTriggerRefreshPanel: Be,
+          onTriggerRefreshPanel: Pe,
           onValueChanged: Ie
         }, null)])]))])]);
     }
     function ke() {
-      if (m.value === "sidebar")
+      if (f.value === "sidebar")
         return c("div", {
           class: "side-panel h-100",
           onClick: re
@@ -1851,9 +1779,9 @@ const co = /* @__PURE__ */ z({
           class: "f-icon f-icon-engineering w-100 icon"
         }, null), c("span", null, [ue("属性")])]);
     }
-    function Le() {
+    function Oe() {
       return {
-        display: a.value ? "block" : "none",
+        display: u.value ? "block" : "none",
         width: n.value
       };
     }
@@ -1863,51 +1791,51 @@ const co = /* @__PURE__ */ z({
       }, [c("i", {
         class: "f-icon f-icon-exhale-discount",
         style: [{
-          transform: m.value === "sidebar" ? "none" : "rotate(180deg)"
+          transform: f.value === "sidebar" ? "none" : "rotate(180deg)"
         }],
         onClick: re
       }, null)]);
     }
-    function De(w) {
-      P.value = w, l.value = P.value.tabId, F.value = "";
+    function Ne(T) {
+      B.value = T, r.value = B.value.tabId, S.value = "";
     }
-    function Oe() {
-      return p.map((w) => c("div", {
+    function De() {
+      return p.map((T) => c("div", {
         class: ["title-label", {
-          active: P.value && P.value.tabId === w.tabId
+          active: B.value && B.value.tabId === T.tabId
         }, {
-          hidden: w.hide
+          hidden: T.hide
         }],
-        onClick: () => De(w)
-      }, [c("span", null, [w.tabName])]));
+        onClick: () => Ne(T)
+      }, [c("span", null, [T.tabName])]));
     }
     return H(() => {
-      q(F.value);
-    }), qe(() => {
-      y.value && (a.value = B.value), _(), q(F.value);
-    }), R(P, () => {
+      q(S.value);
+    }), We(() => {
+      v.value && (u.value = P.value), X(), q(S.value);
+    }), V(B, () => {
     }), t.expose({
       updatePropertyConfig: Se,
-      updateDesignerItem: Te
+      updateDesignerItem: we
     }), () => c(Z, null, [c("div", {
-      ref: O,
+      ref: N,
       class: ["property-panel", {
         "white-theme": i.value
       }],
-      style: Le()
+      style: Oe()
     }, [c("div", {
       class: "propertyPanel panel flex-column",
-      hidden: m.value !== "panel"
+      hidden: f.value !== "panel"
     }, [c("div", {
       class: ["title d-flex", {
-        "p-right": u.value
+        "p-right": s.value
       }, {
         only: p.length === 1
       }]
-    }, [Oe(), we()]), Pe(), Ee()]), Me(), ke()])]);
+    }, [De(), Te()]), Be(), Ee()]), Me(), ke()])]);
   }
 });
-var fo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(fo || {});
+var mo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(mo || {});
 const Tr = {
   install(e) {
     e.component(se.name, se);
@@ -1915,8 +1843,8 @@ const Tr = {
 };
 export {
   se as FPropertyPanel,
-  fo as PropertyType,
+  mo as PropertyType,
   Tr as default,
-  Pn as propertyPanelItemProps,
+  Bn as propertyPanelItemProps,
   Kt as propertyPanelProps
 };