@farris/ui-vue 1.2.4 → 1.2.6

package/components/switch/index.esm.js

@@ -1,24 +1,24 @@
-var Q = Object.defineProperty;
-var q = (o, e, t) => e in o ? Q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var C = (o, e, t) => q(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as $, toRefs as j, ref as w, computed as T, watch as _, createVNode as b, inject as z, onMounted as X } from "vue";
+var q = Object.defineProperty;
+var _ = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var C = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as $, toRefs as j, ref as T, computed as k, watch as U, createVNode as b, inject as z, onMounted as X } from "vue";
 import { cloneDeep as Y } from "lodash-es";
-const H = {}, x = {};
-function N(o) {
-  const { properties: e, title: t } = o, n = Object.keys(e).reduce((i, c) => (i[c] = e[c].type === "object" && e[c].properties ? N(e[c]) : Y(e[c].default), i), {});
+const x = {}, W = {};
+function A(o) {
+  const { properties: e, title: t } = o, n = Object.keys(e).reduce((i, c) => (i[c] = e[c].type === "object" && e[c].properties ? A(e[c]) : Y(e[c].default), i), {});
   return n.id = `${t}-${Date.now()}`, n;
 }
-function O(o, e = {}) {
-  const t = H[o];
+function V(o, e = {}) {
+  const t = x[o];
   if (t) {
-    let n = N(t);
-    const i = x[o];
-    return n = i ? i({ getSchemaByType: O }, n, e) : n, n;
+    let n = A(t);
+    const i = W[o];
+    return n = i ? i({ getSchemaByType: V }, n, e) : n, n;
   }
   return null;
 }
 function Z(o, e) {
-  const t = N(e);
+  const t = A(e);
   return Object.keys(o).reduce((n, i) => (n[i] = o[i], n), t), t;
 }
 function J(o, e) {
@@ -28,8 +28,8 @@ function J(o, e) {
       if (typeof c == "string")
         n[c] = o[i];
       else {
-        const d = c(i, o[i], o);
-        Object.assign(n, d);
+        const m = c(i, o[i], o);
+        Object.assign(n, m);
       }
     } else
       n[i] = o[i];
@@ -45,12 +45,12 @@ function K(o = {}) {
     if (typeof s == "number")
       return p[a].length === s;
     if (typeof s == "object") {
-      const y = Object.keys(s)[0], f = s[y];
-      if (y === "not")
+      const g = Object.keys(s)[0], f = s[g];
+      if (g === "not")
         return Number(p[a].length) !== Number(f);
-      if (y === "moreThan")
+      if (g === "moreThan")
         return Number(p[a].length) >= Number(f);
-      if (y === "lessThan")
+      if (g === "lessThan")
         return Number(p[a].length) <= Number(f);
     }
     return !1;
@@ -68,17 +68,17 @@ function K(o = {}) {
     return typeof l == "number" ? [{ target: s, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: s, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((p) => {
       if (p === "length")
         return { target: s, operator: "length", param: null, value: l[p] };
-      const y = p, f = l[p];
-      return { target: s, operator: "getProperty", param: y, value: f };
+      const g = p, f = l[p];
+      return { target: s, operator: "getProperty", param: g, value: f };
     }) : [];
   }
   function c(a) {
     return Object.keys(a).reduce((s, p) => {
-      const y = i(p, a[p]);
-      return s.push(...y), s;
+      const g = i(p, a[p]);
+      return s.push(...g), s;
     }, []);
   }
-  function d(a, l) {
+  function m(a, l) {
     if (n.has(a.operator)) {
       const s = n.get(a.operator);
       return s && s(a.target, a.param, a.value, l) || !1;
@@ -86,20 +86,20 @@ function K(o = {}) {
     return !1;
   }
   function u(a, l) {
-    return c(a).reduce((y, f) => y && d(f, l), !0);
+    return c(a).reduce((g, f) => g && m(f, l), !0);
   }
-  function g(a, l) {
-    const s = Object.keys(a), p = s.includes("allOf"), y = s.includes("anyOf"), f = p || y, S = (f ? a[f ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => u(B, l));
+  function y(a, l) {
+    const s = Object.keys(a), p = s.includes("allOf"), g = s.includes("anyOf"), f = p || g, S = (f ? a[f ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((D) => u(D, l));
     return p ? !S.includes(!1) : S.includes(!0);
   }
-  return { parseValueSchema: g };
+  return { parseValueSchema: y };
 }
 const r = {
   Button: { type: "Button", name: "按钮", icon: "Button" },
   ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
-  ToolBar: { type: "ToolBar", name: "工具栏", icon: "ButtonGroup" },
-  ToolBarItem: { type: "ToolBarItem", name: "工具栏项", icon: "Button" },
-  ContentContainer: { type: "ContentContainer", name: "容器", icon: "ContentContainer" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "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" },
@@ -126,15 +126,15 @@ const r = {
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
   Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
   Module: { type: "Module", name: "模块", icon: "Module" },
-  Component: { type: "Component", name: "组件", icon: "Component" },
+  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" },
-  Tab: { type: "Tab", name: "标签页", icon: "Tab" },
-  TabPage: { type: "TabPage", name: "标签页项", dependentParentControl: "Tab" },
+  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" },
@@ -143,7 +143,7 @@ const r = {
   RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
   TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
   TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
-  Section: { type: "Section", name: "分组面板", icon: "Section" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
   SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
   SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
   QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
@@ -173,7 +173,7 @@ const r = {
   NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
   Tags: { type: "Tags", name: "标记组", icon: "Tags" },
   Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
-  Header: { type: "Header", name: "页头", icon: "Header" },
+  "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" },
@@ -207,10 +207,10 @@ const r = {
   /** 审批类 end */
 }, ee = {}, te = {};
 K();
-function ne(o, e, t = /* @__PURE__ */ new Map(), n = (d, u, g) => u, i = {}, c = (d) => d) {
-  return H[e.title] = e, x[e.title] = n, ee[e.title] = i, te[e.title] = c, (d = {}) => {
-    const u = R(d, e, t), g = Object.keys(o).reduce((a, l) => (a[l] = o[l].default, a), {});
-    return Object.assign(g, u);
+function ne(o, e, t = /* @__PURE__ */ new Map(), n = (m, u, y) => u, i = {}, c = (m) => m) {
+  return x[e.title] = e, W[e.title] = n, ee[e.title] = i, te[e.title] = c, (m = {}) => {
+    const u = R(m, e, t), y = Object.keys(o).reduce((a, l) => (a[l] = o[l].default, a), {});
+    return Object.assign(y, u);
   };
 }
 function oe(o, e) {
@@ -305,7 +305,7 @@ const ie = /* @__PURE__ */ new Map([
 function me(o, e, t) {
   return e;
 }
-const L = {
+const E = {
   /** 组件值*/
   modelValue: { type: Boolean, default: !1 },
   /** 禁用 */
@@ -321,9 +321,9 @@ const L = {
   /** 开关值变化事件 */
   onModelValueChanged: { type: Function, default: () => {
   } }
-}, W = ne(L, de, ie, me), A = /* @__PURE__ */ $({
+}, I = ne(E, de, ie, me), P = /* @__PURE__ */ $({
   name: "FSwitch",
-  props: L,
+  props: E,
   emits: ["update:modelValue", "modelValueChanged"],
   setup(o, e) {
     const {
@@ -331,11 +331,11 @@ const L = {
       size: n,
       onLabel: i,
       offLabel: c,
-      onBackground: d,
+      onBackground: m,
       offBackground: u,
-      onColor: g,
+      onColor: y,
       offColor: a
-    } = j(o), l = w(o.modelValue), s = T(() => ({
+    } = j(o), l = T(o.modelValue), s = k(() => ({
       switch: !0,
       "f-cmp-switch": !0,
       checked: l.value,
@@ -343,28 +343,30 @@ const L = {
       "switch-large": n.value === "large",
       "switch-medium": n.value === "medium",
       "switch-small": n.value === "small"
-    })), p = T(() => l.value ? {
+    })), p = k(() => l.value ? {
       outline: "none",
-      background: d.value
+      background: m.value
     } : {
       outline: "none",
       backgroundColor: u.value
-    }), y = T(() => l.value ? {
-      background: g.value
+    }), g = k(() => l.value ? {
+      background: y.value
     } : {
       backgroundColor: a.value
-    }), f = T(() => (i == null ? void 0 : i.value) || (c == null ? void 0 : c.value));
-    function k() {
+    }), f = k(() => (i == null ? void 0 : i.value) || (c == null ? void 0 : c.value));
+    function F() {
       t.value || (l.value = !l.value, e.emit("update:modelValue", l.value));
     }
-    return _(l, (M, S) => {
-      M !== S && e.emit("modelValueChanged", M);
+    return U(l, (w, S) => {
+      w !== S && e.emit("modelValueChanged", w);
+    }), U(() => o.modelValue, (w, S) => {
+      w !== S && (l.value = w);
     }), () => b("span", {
       tabindex: "0",
       role: "button",
       class: s.value,
       style: p.value,
-      onClick: k
+      onClick: F
     }, [f.value && b("span", {
       class: "switch-pane"
     }, [b("span", {
@@ -372,21 +374,21 @@ const L = {
     }, [i == null ? void 0 : i.value]), b("span", {
       class: "switch-label-unchecked"
     }, [c == null ? void 0 : c.value])]), b("small", {
-      style: y.value
+      style: g.value
     }, [e.slots.default && e.slots.default()])]);
   }
 });
 function ye(o, e, t) {
-  var D;
+  var N;
   function n() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   n();
-  const i = t && t.getStyles && t.getStyles() || "", c = t && t.getDesignerClass && t.getDesignerClass() || "", d = w();
+  const i = t && t.getStyles && t.getStyles() || "", c = t && t.getDesignerClass && t.getDesignerClass() || "", m = T();
   function u() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function g() {
+  function y() {
     return !1;
   }
   function a() {
@@ -395,79 +397,80 @@ function ye(o, e, t) {
   function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function s(m) {
-    if (!m || !m.value)
+  function s(d) {
+    if (!d || !d.value)
       return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const v = w(m == null ? void 0 : m.value.parent), h = s(v);
+    if (d.value.schema && d.value.schema.type === "component")
+      return d.value;
+    const v = T(d == null ? void 0 : d.value.parent), h = s(v);
     return h || null;
   }
-  function p(m = e) {
-    const { componentInstance: v, designerItemElementRef: h } = m;
-    return !v || !v.value ? null : v.value.canMove ? h : p(m.parent);
+  function p(d = e) {
+    const { componentInstance: v, designerItemElementRef: h } = d;
+    return !v || !v.value ? null : v.value.canMove ? h : p(d.parent);
   }
-  function y(m) {
-    return !!t && t.canAccepts(m);
+  function g(d) {
+    return !!t && t.canAccepts(d);
   }
   function f() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function k() {
+  function F() {
   }
-  function M(m, v) {
+  function w(d, v) {
     v && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(v);
   }
-  function S(m) {
-    const { componentType: v } = m;
-    let h = O(v, m);
-    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(m, h));
-    const V = v.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === v && (h.id = `${V}_${Math.random().toString().slice(2, 6)}`), h;
+  function S(d) {
+    const { componentType: v } = d;
+    let h = V(v, d);
+    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(d, h));
+    const B = v.toLowerCase().replace("-", "_");
+    return h && !h.id && h.type === v && (h.id = `${B}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function P(m, v) {
-    const h = String(m.getAttribute("data-controltype")), V = m.getAttribute("data-feature"), U = V ? JSON.parse(V) : {};
-    U.parentComponentInstance = d.value;
-    let F = O(h, U);
-    t && t.onAcceptNewChildElement && (F = t.onAcceptNewChildElement(m, v, F));
-    const I = h.toLowerCase().replace("-", "_");
-    return F && !F.id && F.type === h && (F.id = `${I}_${Math.random().toString().slice(2, 6)}`), F;
+  function O(d, v) {
+    const h = String(d.getAttribute("data-controltype")), B = d.getAttribute("data-feature"), L = B ? JSON.parse(B) : {};
+    L.parentComponentInstance = m.value;
+    let M = V(h, L);
+    t && t.onAcceptNewChildElement && (M = t.onAcceptNewChildElement(d, v, M));
+    const Q = h.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === h && (M.id = `${Q}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function B(m) {
+  function D(d) {
   }
-  function E(...m) {
+  function H(...d) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...m);
+      return t.getPropsConfig(...d);
   }
-  return d.value = {
+  return m.value = {
     canMove: u(),
-    canSelectParent: g(),
+    canSelectParent: y(),
     canDelete: a(),
     canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: o,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: i,
     designerClass: c,
-    canAccepts: y,
+    canAccepts: g,
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: p,
     getDraggingDisplayText: f,
-    getPropConfig: E,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: M,
-    onAcceptNewChildElement: P,
-    onChildElementMovedOut: B,
+    getPropConfig: H,
+    getDragScopeElement: F,
+    onAcceptMovedChildElement: w,
+    onAcceptNewChildElement: O,
+    onChildElementMovedOut: D,
     addNewChildComponentSchema: S,
     updateDragAndDropRules: n,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
-  }, d;
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || T(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || T(!1)
+  }, m;
 }
 class G {
   static getEditorTypesByMDataType(e) {
-    return this.fieldControlTypeMapping[e];
+    const t = this.fieldControlTypeMapping[e];
+    return t || [{ key: "", value: "" }];
   }
 }
 /**
@@ -539,13 +542,18 @@ class ge {
     C(this, "designViewModelField");
     C(this, "controlCreatorUtils");
     C(this, "designerHostService");
+    C(this, "schemaService", null);
     C(this, "metadataService", null);
     C(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var n;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+  }
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(e) {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
@@ -560,6 +568,7 @@ class ge {
   changeFieldEditorType(e, t) {
   }
   getBasicPropConfig(e) {
+    var n, i;
     var t = this;
     return this.setDesignViewModelField(e), {
       description: "Basic Information",
@@ -581,7 +590,8 @@ class ge {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: G.getEditorTypesByMDataType(t.designViewModelField.type.name)
+            data: G.getEditorTypesByMDataType(((i = (n = t.designViewModelField) == null ? void 0 : n.type) == null ? void 0 : i.name) || ""),
+            editable: !1
           }
         },
         label: {
@@ -590,11 +600,11 @@ class ge {
           $converter: "/converter/form-group-label.converter"
         }
       },
-      setPropertyRelates(n, i) {
-        if (n)
-          switch (n && n.propertyID) {
+      setPropertyRelates(c, m) {
+        if (c)
+          switch (c && c.propertyID) {
             case "type": {
-              t.changeControlType(e, n);
+              t.changeControlType(e, c);
               break;
             }
           }
@@ -607,13 +617,13 @@ class ge {
   * @param newControlType 新控件类型
   */
   changeControlType(e, t) {
-    var a, l, s, p, y;
+    var a, l, s, p, g;
     const n = t.propertyValue, i = this.formSchemaUtils.getComponentById(this.componentId);
     let c = this.getControlParentContainer(e.id, i);
     if (!c)
       return;
-    const d = c.contents.findIndex((f) => f.id === e.id), u = c.contents[d];
-    let g;
+    const m = c.contents.findIndex((f) => f.id === e.id), u = c.contents[m];
+    let y;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: n
@@ -621,20 +631,20 @@ class ge {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), g = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, n)), Object.assign(g, {
+    }, !1), y = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, n)), Object.assign(y, {
       id: u.id,
       appearance: u.appearance,
       size: u.size,
       label: u.label
-    }), Object.assign(g.editor, {
-      isTextArea: g.isTextArea && u.isTextArea,
+    }), Object.assign(y.editor, {
+      isTextArea: y.isTextArea && u.isTextArea,
       type: n || "",
       placeHolder: (a = u.editor) == null ? void 0 : a.placeHolder,
       holdPlace: (l = u.editor) == null ? void 0 : l.holdPlace,
       readonly: (s = u.editor) == null ? void 0 : s.readonly,
       require: (p = u.editor) == null ? void 0 : p.require,
-      visible: (y = u.editor) == null ? void 0 : y.visible
-    }), c.contents.splice(d, 1, g);
+      visible: (g = u.editor) == null ? void 0 : g.visible
+    }), c.contents.splice(m, 1, y);
   }
   getAppearanceConfig(e = null) {
     return {
@@ -831,20 +841,20 @@ class he extends fe {
 }
 function ve(o, e) {
   o.schema;
-  const t = w(!0), n = w(!0);
+  const t = T(!0), n = T(!0);
   function i(s) {
     return !1;
   }
   function c() {
     return !1;
   }
-  function d() {
+  function m() {
     return !1;
   }
   function u() {
     return !0;
   }
-  function g(s) {
+  function y(s) {
   }
   function a() {
   }
@@ -854,9 +864,9 @@ function ve(o, e) {
   return {
     canAccepts: i,
     checkCanDeleteComponent: c,
-    checkCanMoveComponent: d,
+    checkCanMoveComponent: m,
     hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: g,
+    onAcceptMovedChildElement: y,
     resolveComponentContext: a,
     triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: n,
@@ -869,9 +879,9 @@ function Ce(o, e) {
     checkCanDeleteComponent: n,
     checkCanMoveComponent: i,
     hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
+    onAcceptMovedChildElement: m,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: g,
+    triggerBelongedComponentToMoveWhenMoved: y,
     triggerBelongedComponentToDeleteWhenDeleted: a
   } = ve(o), l = o.schema;
   function s(p) {
@@ -882,73 +892,44 @@ function Ce(o, e) {
     checkCanDeleteComponent: n,
     checkCanMoveComponent: i,
     hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
+    onAcceptMovedChildElement: m,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: g,
+    triggerBelongedComponentToMoveWhenMoved: y,
     triggerBelongedComponentToDeleteWhenDeleted: a,
     getPropsConfig: s
   };
 }
 const be = /* @__PURE__ */ $({
   name: "FSwitchDesign",
-  props: L,
+  props: E,
   emits: ["update:modelValue"],
   setup(o, e) {
     const {
-      disabled: t,
-      size: n,
-      onLabel: i,
-      offLabel: c
-    } = j(o), d = w(o.modelValue), u = w(), g = z("designer-host-service"), a = z("design-item-context"), l = Ce(a, g), s = ye(u, a, l);
+      size: t,
+      onLabel: n,
+      offLabel: i
+    } = j(o), c = T(), m = z("designer-host-service"), u = z("design-item-context"), y = Ce(u, m), a = ye(c, u, y);
     X(() => {
-      u.value.componentInstance = s;
-    }), e.expose(s.value);
-    function p() {
-      return "";
-    }
-    function y() {
-      return "";
-    }
-    function f() {
-      return "";
-    }
-    const k = T(() => ({
+      c.value.componentInstance = a;
+    }), e.expose(a.value);
+    const l = k(() => ({
       switch: !0,
       "f-cmp-switch": !0,
-      checked: d.value,
-      disabled: t.value,
-      "switch-large": n.value === "large",
-      "switch-medium": n.value === "medium",
-      "switch-small": n.value === "small"
-    })), M = T(() => ({
-      outline: "none",
-      "backgroud-color": p(),
-      "border-color": y()
-    })), S = T(() => ({
-      background: f()
-    })), P = T(() => (i == null ? void 0 : i.value) || (c == null ? void 0 : c.value));
-    function B(D, m = !0) {
-      t.value || (d.value = !d.value, e.emit("update:modelValue", d.value));
-    }
-    function E(D) {
-      B();
-    }
+      checked: !1,
+      "switch-large": t.value === "large",
+      "switch-medium": t.value === "medium",
+      "switch-small": t.value === "small"
+    })), s = k(() => (n == null ? void 0 : n.value) || (i == null ? void 0 : i.value));
     return () => b("span", {
-      ref: u,
+      ref: c,
       tabindex: "0",
       role: "button",
-      class: k.value,
-      style: M.value,
-      onClick: E
-    }, [P.value && b("span", {
+      class: l.value
+    }, [s.value && b("span", {
       class: "switch-pane"
     }, [b("span", {
-      class: "switch-label-checked"
-    }, [i == null ? void 0 : i.value]), b("span", {
       class: "switch-label-unchecked"
-    }, [c == null ? void 0 : c.value])]), b("small", {
-      style: S.value
-    }, [e.slots.default && e.slots.default()])]);
+    }, [i == null ? void 0 : i.value])]), b("small", null, [e.slots.default && e.slots.default()])]);
   }
 }), we = (o) => {
   const e = o;
@@ -956,16 +937,16 @@ const be = /* @__PURE__ */ $({
     t.component(e.name, o);
   }, o;
 };
-A.register = (o, e, t, n) => {
-  o.switch = A, e.switch = W;
+P.register = (o, e, t, n) => {
+  o.switch = P, e.switch = I;
 };
-A.registerDesigner = (o, e, t) => {
-  o.switch = be, e.switch = W;
+P.registerDesigner = (o, e, t) => {
+  o.switch = be, e.switch = I;
 };
-const Me = we(A);
+const ke = we(P);
 export {
-  A as FSwitch,
-  Me as default,
-  W as propsResolver,
-  L as switchProps
+  P as FSwitch,
+  ke as default,
+  I as propsResolver,
+  E as switchProps
 };