@farris/ui-vue 1.2.7 → 1.2.8

package/components/textarea/index.esm.js

@@ -1,106 +1,106 @@
-var Q = Object.defineProperty;
-var q = (n, e, t) => e in n ? Q(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var v = (n, e, t) => q(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as U, ref as C, computed as S, onMounted as $, createVNode as M, inject as O } from "vue";
-import { cloneDeep as _ } from "lodash-es";
-const z = {}, j = {};
-function D(n) {
-  const { properties: e, title: t } = n, o = Object.keys(e).reduce((i, p) => (i[p] = e[p].type === "object" && e[p].properties ? D(e[p]) : _(e[p].default), i), {});
+var X = Object.defineProperty;
+var Y = (n, e, t) => e in n ? X(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var v = (n, e, t) => Y(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as G, ref as M, computed as P, onMounted as W, createVNode as w, withDirectives as Z, vModelText as H, inject as O } from "vue";
+import { cloneDeep as I } from "lodash-es";
+import { useTextBox as K, useClear as R } from "../common/index.esm.js";
+import { getSchemaByType as q } from "../dynamic-resolver/index.esm.js";
+const z = {}, J = {};
+function $(n) {
+  const { properties: e, title: t } = n, o = Object.keys(e).reduce((r, s) => (r[s] = e[s].type === "object" && e[s].properties ? $(e[s]) : I(e[s].default), r), {});
   return o.id = `${t}-${Date.now()}`, o;
 }
-function x(n, e = {}) {
+function N(n, e = {}) {
   const t = z[n];
   if (t) {
-    let o = D(t);
-    const i = j[n];
-    return o = i ? i({ getSchemaByType: x }, o, e) : o, o;
+    let o = $(t);
+    const r = J[n];
+    return o = r ? r({ getSchemaByType: N }, o, e) : o, o;
   }
   return null;
 }
-function X(n, e) {
-  const t = D(e);
-  return Object.keys(n).reduce((o, i) => (o[i] = n[i], o), t), t;
+function ee(n, e) {
+  const t = $(e);
+  return Object.keys(n).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], n[r]) : o[r] = n[r], o), t), t;
 }
-function Y(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, i) => {
-    if (e.has(i)) {
-      const p = e.get(i);
-      if (typeof p == "string")
-        o[p] = n[i];
+function te(n, e) {
+  return Object.keys(n).filter((o) => n[o] != null).reduce((o, r) => {
+    if (e.has(r)) {
+      const s = e.get(r);
+      if (typeof s == "string")
+        o[s] = n[r];
       else {
-        const m = p(i, n[i], n);
-        Object.assign(o, m);
+        const d = s(r, n[r], n);
+        Object.assign(o, d);
       }
     } else
-      o[i] = n[i];
+      o[r] = n[r];
     return o;
   }, {});
 }
-function Z(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = X(n, e);
-  return Y(o, t);
+function ne(n, e, t = /* @__PURE__ */ new Map()) {
+  const o = ee(n, e);
+  return te(o, t);
 }
-function R(n = {}) {
-  function e(r, c, l, s) {
-    if (typeof l == "number")
-      return s[r].length === l;
-    if (typeof l == "object") {
-      const g = Object.keys(l)[0], h = l[g];
-      if (g === "not")
-        return Number(s[r].length) !== Number(h);
-      if (g === "moreThan")
-        return Number(s[r].length) >= Number(h);
-      if (g === "lessThan")
-        return Number(s[r].length) <= Number(h);
+function oe(n = {}) {
+  function e(a, l, c, u) {
+    if (typeof c == "number")
+      return u[a].length === c;
+    if (typeof c == "object") {
+      const f = Object.keys(c)[0], h = c[f];
+      if (f === "not")
+        return Number(u[a].length) !== Number(h);
+      if (f === "moreThan")
+        return Number(u[a].length) >= Number(h);
+      if (f === "lessThan")
+        return Number(u[a].length) <= Number(h);
     }
     return !1;
   }
-  function t(r, c, l, s) {
-    return s[r] && s[r].propertyValue && String(s[r].propertyValue.value) === String(l);
+  function t(a, l, c, u) {
+    return u[a] && u[a].propertyValue && String(u[a].propertyValue.value) === String(c);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((r, c) => (r.set(c, n[c]), r), o);
-  function i(r, c) {
-    const l = r;
-    return typeof c == "number" ? [{ target: l, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: l, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((s) => {
-      if (s === "length")
-        return { target: l, operator: "length", param: null, value: c[s] };
-      const g = s, h = c[s];
-      return { target: l, operator: "getProperty", param: g, value: h };
+  Object.keys(n).reduce((a, l) => (a.set(l, n[l]), a), o);
+  function r(a, l) {
+    const c = a;
+    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
+      if (u === "length")
+        return { target: c, operator: "length", param: null, value: l[u] };
+      const f = u, h = l[u];
+      return { target: c, operator: "getProperty", param: f, value: h };
     }) : [];
   }
-  function p(r) {
-    return Object.keys(r).reduce((l, s) => {
-      const g = i(s, r[s]);
-      return l.push(...g), l;
+  function s(a) {
+    return Object.keys(a).reduce((c, u) => {
+      const f = r(u, a[u]);
+      return c.push(...f), c;
     }, []);
   }
-  function m(r, c) {
-    if (o.has(r.operator)) {
-      const l = o.get(r.operator);
-      return l && l(r.target, r.param, r.value, c) || !1;
+  function d(a, l) {
+    if (o.has(a.operator)) {
+      const c = o.get(a.operator);
+      return c && c(a.target, a.param, a.value, l) || !1;
     }
     return !1;
   }
-  function u(r, c) {
-    return p(r).reduce((g, h) => g && m(h, c), !0);
+  function p(a, l) {
+    return s(a).reduce((f, h) => f && d(h, l), !0);
   }
-  function y(r, c) {
-    const l = Object.keys(r), s = l.includes("allOf"), g = l.includes("anyOf"), h = s || g, w = (h ? r[h ? s ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => u(P, c));
-    return s ? !w.includes(!1) : w.includes(!0);
+  function m(a, l) {
+    const c = Object.keys(a), u = c.includes("allOf"), f = c.includes("anyOf"), h = u || f, T = (h ? a[h ? u ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => p(B, l));
+    return u ? !T.includes(!1) : T.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: m };
 }
-const a = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const i = {
+  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" },
@@ -111,114 +111,43 @@ const a = {
   "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 */
-}, J = {}, K = {};
-R();
-function ee(n, e, t = /* @__PURE__ */ new Map(), o = (m, u, y) => u, i = {}, p = (m) => m) {
-  return z[e.title] = e, j[e.title] = o, J[e.title] = i, K[e.title] = p, (m = {}) => {
-    const u = Z(m, e, t), y = Object.keys(n).reduce((r, c) => (r[c] = n[c].default, r), {});
-    return Object.assign(y, u);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, re = {}, ae = {};
+oe();
+function ie(n, e, t = /* @__PURE__ */ new Map(), o = (d, p, m) => p, r = {}, s = (d) => d) {
+  return z[e.title] = e, J[e.title] = o, re[e.title] = r, ae[e.title] = s, (d = {}) => {
+    const p = ne(d, e, t), m = Object.keys(n).reduce((a, l) => (a[l] = n[l].default, a), {});
+    return Object.assign(m, p);
   };
 }
-function te(n, e) {
+function le(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ne = /* @__PURE__ */ new Map([
-  ["appearance", te]
-]), oe = "https://json-schema.org/draft/2020-12/schema", ae = "https://farris-design.gitee.io/switch.schema.json", re = "textarea", ie = "A Farris Component", le = "object", ce = {
+const ce = /* @__PURE__ */ new Map([
+  ["appearance", le]
+]), se = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/switch.schema.json", ue = "textarea", de = "A Farris Component", me = "object", ye = {
   id: {
     description: "The unique identifier for a textarea",
     type: "string"
@@ -280,28 +209,30 @@ const ne = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, pe = [
+}, fe = [
   "id",
   "type"
-], se = {
-  $schema: oe,
-  $id: ae,
-  title: re,
-  description: ie,
-  type: le,
-  properties: ce,
-  required: pe
+], ge = {
+  $schema: se,
+  $id: pe,
+  title: ue,
+  description: de,
+  type: me,
+  properties: ye,
+  required: fe
 };
-function ue(n, e, t) {
+function he(n, e, t) {
   return e;
 }
-const V = {
+const L = {
   /** 自动聚焦 */
   autofocus: { type: Boolean, default: !1 },
   /** 自动完成 */
   autocomplete: { type: Boolean, default: !1 },
   /** 禁用 */
   disabled: { type: Boolean, default: !1 },
+  /** 启用清除按钮 */
+  enableClear: { type: Boolean, default: !1 },
   /** 组件标识 */
   id: { type: String, default: "" },
   /** 最小字符长度 */
@@ -318,207 +249,156 @@ const V = {
   rows: { type: Boolean },
   /** 展示输入文本数量 */
   showCount: { type: Boolean, default: !1 },
+  /** 展示边线 */
+  showBorder: { Type: Boolean, default: !0 },
   /** 键盘按键索引 */
   tabIndex: { type: Number, default: -1 }
-}, W = ee(V, se, ne, ue), k = /* @__PURE__ */ U({
+}, _ = ie(L, ge, ce, he), E = /* @__PURE__ */ G({
   name: "FTextarea",
-  props: V,
+  props: L,
   emits: ["update:modelValue", "valueChange"],
   setup(n, e) {
-    const t = C(), o = S(() => n.maxLength ? n.maxLength : n.modelValue.length), i = (r) => {
-      var c, l;
-      e.emit("update:modelValue", (c = r.target) == null ? void 0 : c.value), e.emit("valueChange", (l = r.target) == null ? void 0 : l.value);
-    }, p = (r) => {
-      t.value = r;
-    }, m = S(() => ({
-      position: "relative"
-    })), u = S(() => ({
-      "box-shadow": "0 0 0 1px #dcdfe6 inset",
-      border: "none",
-      padding: "5px 10px",
-      width: "100%"
-    })), y = {
-      position: "absolute",
-      bottom: "5px",
-      right: "10px"
+    const t = M(), o = M(n.modelValue), r = P(() => n.modelValue), s = K(n, e, o, r), {
+      inputGroupClass: d,
+      onBlur: p,
+      onFocus: m
+    } = s, a = R(n, e, s), {
+      onMouseEnter: l,
+      onMouseLeave: c,
+      clearButtonClass: u,
+      shouldShowClearButton: f,
+      clearButtonStyle: h
+    } = a, x = P(() => n.maxLength ? n.maxLength : n.modelValue.length), D = (C) => {
+      var B, S;
+      C.stopPropagation(), e.emit("update:modelValue", (B = C.target) == null ? void 0 : B.value), e.emit("valueChange", (S = C.target) == null ? void 0 : S.value);
+    }, T = (C) => {
+      C.stopPropagation(), t.value.value = "", e.emit("update:modelValue", ""), e.emit("valueChange", "");
     };
-    return $(() => {
-      p(n.modelValue);
-    }), () => M("div", {
-      style: m.value
-    }, [M("textarea", {
+    return W(() => {
+    }), () => w("div", {
+      class: d.value,
+      onMouseenter: l,
+      onMouseleave: c,
+      style: "position:relative"
+    }, [Z(w("textarea", {
       id: n.id,
+      "onUpdate:modelValue": (C) => n.modelValue = C,
       ref: t,
       minlength: n.minLength,
-      maxlength: n.maxLength,
+      maxlength: n.maxLength ? n.maxLength : null,
       tabindex: n.tabIndex,
       disabled: n.disabled,
       readonly: n.readonly,
       autocomplete: n.autocomplete,
-      style: u.value,
       placeholder: n.placeholder,
       autofocus: n.autofocus,
       rows: n.rows,
-      onInput: i
-    }, null), n.showCount && M("span", {
-      style: y
-    }, [`${n.modelValue.length}/${o.value}`])]);
+      onInput: D,
+      onFocus: m,
+      onBlur: p,
+      style: "box-shadow: 0 0 0 1px #dcdfe6 inset; border: none; border-radius:6px; padding:5px 10px; width:100%"
+    }, null), [[H, n.modelValue]]), f.value && w("span", {
+      id: "clearIcon",
+      class: u.value,
+      style: h.value,
+      onClick: (C) => T(C)
+    }, [w("i", {
+      class: "f-icon modal_close"
+    }, null)]), n.showCount && w("span", {
+      style: "position: absolute;bottom: 5px;right: 10px"
+    }, [`${n.modelValue.length}/${x.value}`])]);
   }
 });
-function de(n, e, t) {
-  var L;
+function be(n, e, t) {
+  var U;
   function o() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   o();
-  const i = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", m = C();
-  function u() {
+  const r = t && t.getStyles && t.getStyles() || "", s = t && t.getDesignerClass && t.getDesignerClass() || "", d = M();
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function y() {
+  function m() {
     return !1;
   }
-  function r() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function c() {
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(d) {
-    if (!d || !d.value)
+  function c(y) {
+    if (!y || !y.value)
       return null;
-    if (d.value.schema && d.value.schema.type === "component")
-      return d.value;
-    const b = C(d == null ? void 0 : d.value.parent), f = l(b);
-    return f || null;
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const b = M(y == null ? void 0 : y.value.parent), g = c(b);
+    return g || null;
   }
-  function s(d = e) {
-    const { componentInstance: b, designerItemElementRef: f } = d;
-    return !b || !b.value ? null : b.value.canMove ? f : s(d.parent);
+  function u(y = e) {
+    const { componentInstance: b, designerItemElementRef: g } = y;
+    return !b || !b.value ? null : b.value.canMove ? g : u(y.parent);
   }
-  function g(d) {
-    return !!t && t.canAccepts(d);
+  function f(y) {
+    return !!t && t.canAccepts(y);
   }
   function h() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function B() {
+  function x() {
   }
-  function A(d, b) {
+  function D(y, b) {
     b && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(b);
   }
-  function w(d) {
-    const { componentType: b } = d;
-    let f = x(b, d);
-    t && t.onResolveNewComponentSchema && (f = t.onResolveNewComponentSchema(d, f));
+  function T(y) {
+    const { componentType: b } = y;
+    let g = N(b, y);
+    t && t.onResolveNewComponentSchema && (g = t.onResolveNewComponentSchema(y, g));
     const F = b.toLowerCase().replace("-", "_");
-    return f && !f.id && f.type === b && (f.id = `${F}_${Math.random().toString().slice(2, 6)}`), f;
+    return g && !g.id && g.type === b && (g.id = `${F}_${Math.random().toString().slice(2, 6)}`), g;
   }
-  function E(d, b) {
-    const f = String(d.getAttribute("data-controltype")), F = d.getAttribute("data-feature"), N = F ? JSON.parse(F) : {};
-    N.parentComponentInstance = m.value;
-    let T = x(f, N);
-    t && t.onAcceptNewChildElement && (T = t.onAcceptNewChildElement(d, b, T));
-    const G = f.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === f && (T.id = `${G}_${Math.random().toString().slice(2, 6)}`), T;
+  function C(y, b) {
+    const g = String(y.getAttribute("data-controltype")), F = y.getAttribute("data-feature"), j = F ? JSON.parse(F) : {};
+    j.parentComponentInstance = d.value;
+    let k = N(g, j);
+    t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(y, b, k));
+    const Q = g.toLowerCase().replace("-", "_");
+    return k && !k.id && k.type === g && (k.id = `${Q}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function P(d) {
+  function B(y) {
   }
-  function I(...d) {
+  function S(...y) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...d);
+      return t.getPropsConfig(...y);
   }
-  return m.value = {
-    canMove: u(),
-    canSelectParent: y(),
-    canDelete: r(),
-    canNested: !c(),
+  return d.value = {
+    canMove: p(),
+    canSelectParent: m(),
+    canDelete: a(),
+    canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
+    parent: (U = e == null ? void 0 : e.parent) == null ? void 0 : U.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: p,
-    canAccepts: g,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: s,
+    styles: r,
+    designerClass: s,
+    canAccepts: f,
+    getBelongedComponentInstance: c,
+    getDraggableDesignItemElement: u,
     getDraggingDisplayText: h,
-    getPropConfig: I,
-    getDragScopeElement: B,
-    onAcceptMovedChildElement: A,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: w,
+    getPropConfig: S,
+    getDragScopeElement: x,
+    onAcceptMovedChildElement: D,
+    onAcceptNewChildElement: C,
+    onChildElementMovedOut: B,
+    addNewChildComponentSchema: T,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || C(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || C(!1)
-  }, m;
-}
-class H {
-  static getEditorTypesByMDataType(e) {
-    const t = this.fieldControlTypeMapping[e];
-    return t || [{ key: "", value: "" }];
-  }
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
+  }, d;
 }
-/**
- * <字段类型,可配置的控件类型列表>的映射
- */
-v(H, "fieldControlTypeMapping", {
-  String: [
-    { key: a["input-group"].type, value: a["input-group"].name },
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a.Image.type, value: a.Image.name },
-    { key: a["date-picker"].type, value: a["date-picker"].name },
-    { key: a["check-box"].type, value: a["check-box"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a.textarea.type, value: a.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
-  ],
-  Text: [
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a.avatar.type, value: a.avatar.name },
-    { key: a.lookup.type, value: a.lookup.name }
-  ],
-  Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
-  ],
-  DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
-  ],
-  Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
-  ],
-  Enum: [
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
-  ],
-  Object: [
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: a.EmployeeSelector.type, value: a.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: a.AdminOrganizationSelector.type, value: a.AdminOrganizationSelector.name }
-  ]
-});
-class me {
+class ve {
   constructor(e, t) {
     v(this, "componentId");
     v(this, "viewModelId");
@@ -547,7 +427,7 @@ class me {
     if (t) {
       if (!this.designViewModelField) {
         const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((i) => i.id === t);
+        this.designViewModelField = o.fields.find((r) => r.id === t);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
@@ -555,9 +435,135 @@ class me {
   changeFieldEditorType(e, t) {
   }
   getBasicPropConfig(e) {
-    var o, i;
-    var t = this;
-    return this.setDesignViewModelField(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",
+            data: [{ value: e.type, name: i[e.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(e = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+}
+const V = class V {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(e) {
+    const t = V.fieldControlTypeMapping[e];
+    return t || [{ key: "", value: "" }];
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (let t in V.fieldControlTypeMapping)
+      V.fieldControlTypeMapping[t].forEach((o) => {
+        e.find((r) => r.key === o.key && r.value === o.value) || e.push({ key: o.key, value: o.value });
+      });
+    return e;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+v(V, "fieldControlTypeMapping", {
+  String: [
+    { key: i["input-group"].type, value: i["input-group"].name },
+    { key: i.lookup.type, value: i.lookup.name },
+    { key: i["date-picker"].type, value: i["date-picker"].name },
+    { key: i["check-box"].type, value: i["check-box"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name },
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i.textarea.type, value: i.textarea.name }
+  ],
+  Text: [
+    { key: i.textarea.type, value: i.textarea.name },
+    { key: i.lookup.type, value: i.lookup.name }
+  ],
+  Decimal: [
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
+  ],
+  Integer: [
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
+  ],
+  Number: [
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
+  ],
+  BigNumber: [
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
+  ],
+  Date: [
+    { key: i["date-picker"].type, value: i["date-picker"].name }
+  ],
+  DateTime: [
+    { key: i["date-picker"].type, value: i["date-picker"].name }
+  ],
+  Boolean: [
+    { key: i.switch.type, value: i.switch.name },
+    { key: i["check-box"].type, value: i["check-box"].name }
+  ],
+  Enum: [
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name }
+  ],
+  Object: [
+    { key: i.lookup.type, value: i.lookup.name },
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name }
+  ]
+});
+let A = V;
+const Ce = M(0);
+class Me extends ve {
+  constructor(e, t) {
+    super(e, t);
+  }
+  getPropertyConfig(e, t) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, t) {
+    var d;
+    var o = this;
+    this.setDesignViewModelField(e);
+    const r = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -577,63 +583,48 @@ class me {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: H.getEditorTypesByMDataType(((i = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : i.name) || ""),
-            editable: !1
+            editable: !1,
+            data: o.designViewModelField ? A.getEditorTypesByMDataType((d = o.designViewModelField.type) == null ? void 0 : d.name) : A.getAllInputTypes()
           }
         },
         label: {
           title: "标签",
           type: "string",
           $converter: "/converter/form-group-label.converter"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          $converter: "/converter/field-selector.converter",
+          editor: {
+            type: "field-selector",
+            bindingType: { enable: !1 },
+            editorParams: {
+              propertyData: e,
+              formBasicInfo: r
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: s
+          }
         }
       },
       setPropertyRelates(p, m) {
         if (p)
           switch (p && p.propertyID) {
             case "type": {
-              t.changeControlType(e, p);
+              o.changeControlType(e, p, t);
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(e, t) {
-    var r, c, l, s, g;
-    const o = t.propertyValue, i = this.formSchemaUtils.getComponentById(this.componentId);
-    let p = this.getControlParentContainer(e.id, i);
-    if (!p)
-      return;
-    const m = p.contents.findIndex((h) => h.id === e.id), u = p.contents[m];
-    let y;
-    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
-      editor: {
-        $type: o
-      },
-      name: this.designViewModelField.name,
-      require: this.designViewModelField.require,
-      readonly: this.designViewModelField.readonly
-    }, !1), y = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(y, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label
-    }), Object.assign(y.editor, {
-      isTextArea: y.isTextArea && u.isTextArea,
-      type: o || "",
-      placeHolder: (r = u.editor) == null ? void 0 : r.placeHolder,
-      holdPlace: (c = u.editor) == null ? void 0 : c.holdPlace,
-      readonly: (l = u.editor) == null ? void 0 : l.readonly,
-      require: (s = u.editor) == null ? void 0 : s.require,
-      visible: (g = u.editor) == null ? void 0 : g.visible
-    }), p.contents.splice(m, 1, y);
-  }
-  getAppearanceConfig(e = null) {
+  getAppearanceProperties(e) {
     return {
       title: "样式",
       description: "Appearance",
@@ -663,73 +654,52 @@ class me {
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(e, t) {
-    let o;
-    if (!t || !t.contents || t.contents.length === 0)
-      return null;
-    for (const i of t.contents) {
-      if (i.id === e)
-        return o = t, t;
-      if (o = this.getControlParentContainer(e, i), o)
-        return o;
-    }
-  }
-}
-class ye extends me {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getBasicProperties(e) {
-    let t = this.getBasicPropConfig(e);
-    return t.properties.binding = this.getFieldSelectorOptions(e), t;
-  }
-  getAppearanceProperties(e) {
-    return this.getAppearanceConfig(e);
-  }
   getEditorProperties(e) {
     return this.getComponentConfig(e);
   }
-  getPropertyConfig(e) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getFieldSelectorOptions(e) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo(), o = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
-      description: "绑定的表单字段",
-      title: "绑定",
-      $converter: "/converter/field-selector.converter",
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(e, t, o) {
+    var a, l, c, u;
+    const r = t.propertyValue, s = o && o.parent && o.parent.schema;
+    if (!s)
+      return;
+    const d = s.contents.findIndex((f) => f.id === e.id), p = s.contents[d];
+    let m;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        type: "field-selector",
-        bindingType: { enable: !1 },
-        editorParams: {
-          propertyData: e,
-          formBasicInfo: t
-        },
-        columns: [
-          { field: "name", title: "字段名称" },
-          { field: "bindingField", title: "绑定字段" },
-          { field: "fieldType", title: "字段类型" }
-        ],
-        textField: "bindingField",
-        data: o
-      }
-    };
-  }
-  getBindingOtions(e) {
-    return this.getFieldSelectorOptions(e);
+        $type: r
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), m = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r)), m || (m = q("form-group") || {}, m.editor = q(r) || {}, delete m.editor.id, delete m.editor.binding, delete m.editor.appearance), Object.assign(m, {
+      id: p.id,
+      appearance: p.appearance,
+      size: p.size,
+      label: p.label,
+      binding: p.binding,
+      visible: p.visible
+    }), Object.assign(m.editor, {
+      isTextArea: m.isTextArea && p.isTextArea,
+      placeholder: (a = p.editor) == null ? void 0 : a.placeholder,
+      holdPlace: (l = p.editor) == null ? void 0 : l.holdPlace,
+      readonly: (c = p.editor) == null ? void 0 : c.readonly,
+      require: (u = p.editor) == null ? void 0 : u.require
+    }), s.contents.splice(d, 1), s.contents.splice(d, 0, m), o.schema = Object.assign(p, m), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), Ce.value++;
   }
   getComponentConfig(e, t = {}, o = {}) {
-    const i = Object.assign({
+    const r = Object.assign({
       description: "组件信息",
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), p = Object.assign({
+    }, t), s = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -751,82 +721,82 @@ class ye extends me {
         type: "string"
       }
     }, o);
-    return { ...i, properties: { ...p } };
+    return { ...r, properties: { ...s } };
   }
 }
-class ge extends ye {
+class we extends Me {
   constructor(e, t) {
     super(e, t);
   }
 }
-function fe(n, e) {
+function ke(n, e) {
   n.schema;
-  const t = C(!0), o = C(!0);
-  function i(l) {
+  const t = M(!0), o = M(!0);
+  function r(c) {
     return !1;
   }
-  function p() {
+  function s() {
     return !1;
   }
-  function m() {
+  function d() {
     return !1;
   }
-  function u() {
+  function p() {
     return !0;
   }
-  function y(l) {
+  function m(c) {
   }
-  function r() {
+  function a() {
   }
-  function c(l) {
+  function l(c) {
     return null;
   }
   return {
-    canAccepts: i,
-    checkCanDeleteComponent: p,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: y,
-    resolveComponentContext: r,
+    canAccepts: r,
+    checkCanDeleteComponent: s,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: p,
+    onAcceptMovedChildElement: m,
+    resolveComponentContext: a,
     triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: c
+    getPropsConfig: l
   };
 }
-function he(n, e) {
+function Te(n, e) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: y,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = fe(n), c = n.schema;
-  function l(s) {
-    return new ge(s, e).getPropertyConfig(c);
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: s,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = ke(n), l = n.schema;
+  function c(u, f) {
+    return new we(u, e).getPropertyConfig(l, f);
   }
   return {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: y,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: l
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: s,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: c
   };
 }
-const be = /* @__PURE__ */ U({
+const Be = /* @__PURE__ */ G({
   name: "FTextareaDesign",
-  props: V,
+  props: L,
   emits: [""],
   setup(n, e) {
-    const t = C(), o = C(), i = O("designer-host-service"), p = O("design-item-context"), m = he(p, i), u = de(o, p, m), y = S(() => n.maxLength ? n.maxLength : n.modelValue.length), r = S(() => ({
+    const t = M(), o = O("designer-host-service"), r = O("design-item-context"), s = Te(r, o), d = be(t, r, s), p = P(() => n.maxLength ? n.maxLength : n.modelValue.length), m = P(() => ({
       position: "relative"
-    })), c = S(() => ({
+    })), a = P(() => ({
       "box-shadow": "0 0 0 1px #dcdfe6 inset",
       border: "none",
       padding: "5px 10px",
@@ -836,44 +806,43 @@ const be = /* @__PURE__ */ U({
       bottom: "5px",
       right: "10px"
     };
-    return $(() => {
-      t.value = n.modelValue, o.value.componentInstance = u;
-    }), e.expose(u.value), () => M("div", {
-      style: r.value,
-      ref: o
-    }, [M("textarea", {
+    return W(() => {
+      t.value.componentInstance = d;
+    }), e.expose(d.value), () => w("div", {
+      style: m.value,
+      ref: t
+    }, [w("textarea", {
       id: n.id,
-      ref: t,
       minlength: n.minLength,
       maxlength: n.maxLength,
       tabindex: n.tabIndex,
       disabled: n.disabled,
       readonly: n.readonly,
       autocomplete: n.autocomplete,
-      style: c.value,
+      style: a.value,
       placeholder: n.placeholder,
       autofocus: n.autofocus,
       rows: n.rows
-    }, null), n.showCount && M("span", {
+    }, null), n.showCount && w("span", {
       style: l
-    }, [`${n.modelValue.length}/${y.value}`])]);
+    }, [`${n.modelValue.length}/${p.value}`])]);
   }
-}), ve = (n) => {
+}), Ve = (n) => {
   const e = n;
   return e.install = function(t) {
     t.component(e.name, n);
   }, n;
 };
-k.register = (n, e, t, o) => {
-  n.textarea = k, e.textarea = W;
+E.register = (n, e, t, o) => {
+  n.textarea = E, e.textarea = _;
 };
-k.registerDesigner = (n, e, t) => {
-  n.textarea = be, e.textarea = W;
+E.registerDesigner = (n, e, t) => {
+  n.textarea = Be, e.textarea = _;
 };
-const Me = ve(k);
+const Ee = Ve(E);
 export {
-  k as FTextarea,
-  Me as default,
-  W as propsResolver,
-  V as textAreaProps
+  E as FTextarea,
+  Ee as default,
+  _ as propsResolver,
+  L as textAreaProps
 };