@farris/ui-vue 1.2.5 → 1.2.7

package/components/radio-group/index.esm.js

@@ -1,7 +1,7 @@
 var _ = Object.defineProperty;
 var X = (n, e, t) => e in n ? _(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var b = (n, e, t) => X(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as E, inject as V, onMounted as G, createVNode as h, Fragment as Y, computed as P, ref as T, provide as Z } from "vue";
+var C = (n, e, t) => X(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as E, inject as V, onMounted as G, createVNode as h, Fragment as Y, computed as P, ref as S, provide as Z } from "vue";
 import { useCheck as J } from "@farris/ui-vue/components/common";
 import { cloneDeep as K } from "lodash-es";
 const ee = {
@@ -14,7 +14,7 @@ const ee = {
   label: { type: String, default: "" },
   /** 标识 */
   id: { type: String, default: "" }
-}, $ = Symbol("radioGroupContext"), z = /* @__PURE__ */ E({
+}, $ = Symbol("radioGroupContext"), U = /* @__PURE__ */ E({
   name: "FRadio",
   props: ee,
   emits: ["update:value"],
@@ -32,7 +32,7 @@ const ee = {
     } = J(n, e, t == null ? void 0 : t.parentProps, t == null ? void 0 : t.parentContext);
     return G(() => {
     }), () => {
-      var s, y, g, S, M, F;
+      var s, y, g, T, M, k;
       return h(Y, null, [u.value && h("div", {
         class: o.value,
         style: "border-radius:0;border: 1px solid #E8EBF2;",
@@ -42,7 +42,7 @@ const ee = {
         onClick: c
       }, [h("div", {
         class: "title"
-      }, [(S = (g = e.slots).default) == null ? void 0 : S.call(g)]), h("div", {
+      }, [(T = (g = e.slots).default) == null ? void 0 : T.call(g)]), h("div", {
         class: "tip"
       }, null), h("span", {
         class: "f-icon f-icon-check f-radio-icon"
@@ -59,14 +59,14 @@ const ee = {
         disabled: p.value
       }, null), h("div", {
         class: "custom-control-label"
-      }, [(F = (M = e.slots).default) == null ? void 0 : F.call(M)])])]);
+      }, [(k = (M = e.slots).default) == null ? void 0 : k.call(M)])])]);
     };
   }
 });
 function te(n, e, t) {
   return e;
 }
-const j = {}, H = {};
+const j = {}, W = {};
 function O(n) {
   const { properties: e, title: t } = n, o = Object.keys(e).reduce((r, p) => (r[p] = e[p].type === "object" && e[p].properties ? O(e[p]) : K(e[p].default), r), {});
   return o.id = `${t}-${Date.now()}`, o;
@@ -75,7 +75,7 @@ function A(n, e = {}) {
   const t = j[n];
   if (t) {
     let o = O(t);
-    const r = H[n];
+    const r = W[n];
     return o = r ? r({ getSchemaByType: A }, o, e) : o, o;
   }
   return null;
@@ -152,17 +152,17 @@ function ie(n = {}) {
     return p(a).reduce((y, g) => y && m(g, l), !0);
   }
   function u(a, l) {
-    const c = Object.keys(a), s = c.includes("allOf"), y = c.includes("anyOf"), g = s || y, F = (g ? a[g ? s ? "allOf" : "anyOf" : "allOf"] : [a]).map((D) => d(D, l));
-    return s ? !F.includes(!1) : F.includes(!0);
+    const c = Object.keys(a), s = c.includes("allOf"), y = c.includes("anyOf"), g = s || y, k = (g ? a[g ? s ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => d(B, l));
+    return s ? !k.includes(!1) : k.includes(!0);
   }
   return { parseValueSchema: u };
 }
 const i = {
   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" },
@@ -189,15 +189,15 @@ const i = {
   "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" },
@@ -206,7 +206,7 @@ const i = {
   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" },
@@ -236,7 +236,7 @@ const i = {
   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" },
@@ -271,7 +271,7 @@ const i = {
 }, re = {}, le = {};
 ie();
 function ce(n, e, t = /* @__PURE__ */ new Map(), o = (m, d, u) => d, r = {}, p = (m) => m) {
-  return j[e.title] = e, H[e.title] = o, re[e.title] = r, le[e.title] = p, (m = {}) => {
+  return j[e.title] = e, W[e.title] = o, re[e.title] = r, le[e.title] = p, (m = {}) => {
     const d = ae(m, e, t), u = Object.keys(n).reduce((a, l) => (a[l] = n[l].default, a), {});
     return Object.assign(u, d);
   };
@@ -373,7 +373,7 @@ const se = /* @__PURE__ */ new Map([
   type: fe,
   properties: ge,
   required: he
-}, Ce = {
+}, be = {
   /**
    * 是否被选中
    */
@@ -391,7 +391,7 @@ const se = /* @__PURE__ */ new Map([
    */
   size: { type: String, default: "middle" }
 }, N = {
-  ...Ce,
+  ...be,
   /**
    * 组件标识
    */
@@ -431,7 +431,7 @@ const se = /* @__PURE__ */ new Map([
    */
   valueField: { type: String, default: "value" }
 }, I = ce(N, ve, se, te);
-function W(n, e, t) {
+function R(n, e, t) {
   const o = P(() => !n.disabled), r = P(() => n.enumData || []);
   function p(u) {
     return u[n.valueField];
@@ -458,14 +458,14 @@ const w = /* @__PURE__ */ E({
   props: N,
   emits: ["changeValue", "update:modelValue"],
   setup(n, e) {
-    const t = T(n.modelValue), {
+    const t = S(n.modelValue), {
       enumData: o,
       onClickRadio: r,
       getValue: p,
       getText: m
-    } = W(n, e, t), d = P(() => ({
+    } = R(n, e, t), d = P(() => ({
       "farris-checkradio-hor": n.direction === "horizontal"
-    })), u = T([]);
+    })), u = S([]);
     return Z($, {
       radios: u,
       parentProps: n,
@@ -493,13 +493,13 @@ const w = /* @__PURE__ */ E({
     })]);
   }
 });
-function be(n, e, t) {
-  var U;
+function Ce(n, e, t) {
+  var x;
   function o() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   o();
-  const r = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", m = T();
+  const r = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", m = S();
   function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
@@ -517,12 +517,12 @@ function be(n, e, t) {
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const C = T(f == null ? void 0 : f.value.parent), v = c(C);
+    const b = S(f == null ? void 0 : f.value.parent), v = c(b);
     return v || null;
   }
   function s(f = e) {
-    const { componentInstance: C, designerItemElementRef: v } = f;
-    return !C || !C.value ? null : C.value.canMove ? v : s(f.parent);
+    const { componentInstance: b, designerItemElementRef: v } = f;
+    return !b || !b.value ? null : b.value.canMove ? v : s(f.parent);
   }
   function y(f) {
     return !!t && t.canAccepts(f);
@@ -530,27 +530,27 @@ function be(n, e, t) {
   function g() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function S() {
+  function T() {
   }
-  function M(f, C) {
-    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
+  function M(f, b) {
+    b && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(b);
   }
-  function F(f) {
-    const { componentType: C } = f;
-    let v = A(C, f);
+  function k(f) {
+    const { componentType: b } = f;
+    let v = A(b, f);
     t && t.onResolveNewComponentSchema && (v = t.onResolveNewComponentSchema(f, v));
-    const B = C.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === C && (v.id = `${B}_${Math.random().toString().slice(2, 6)}`), v;
+    const D = b.toLowerCase().replace("-", "_");
+    return v && !v.id && v.type === b && (v.id = `${D}_${Math.random().toString().slice(2, 6)}`), v;
   }
-  function L(f, C) {
-    const v = String(f.getAttribute("data-controltype")), B = f.getAttribute("data-feature"), x = B ? JSON.parse(B) : {};
-    x.parentComponentInstance = m.value;
-    let k = A(v, x);
-    t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(f, C, k));
+  function L(f, b) {
+    const v = String(f.getAttribute("data-controltype")), D = f.getAttribute("data-feature"), z = D ? JSON.parse(D) : {};
+    z.parentComponentInstance = m.value;
+    let F = A(v, z);
+    t && t.onAcceptNewChildElement && (F = t.onAcceptNewChildElement(f, b, F));
     const q = v.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === v && (k.id = `${q}_${Math.random().toString().slice(2, 6)}`), k;
+    return F && !F.id && F.type === v && (F.id = `${q}_${Math.random().toString().slice(2, 6)}`), F;
   }
-  function D(f) {
+  function B(f) {
   }
   function Q(...f) {
     if (t && t.getPropsConfig)
@@ -563,7 +563,7 @@ function be(n, e, t) {
     canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (U = e == null ? void 0 : e.parent) == null ? void 0 : U.componentInstance,
+    parent: (x = e == null ? void 0 : e.parent) == null ? void 0 : x.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: r,
     designerClass: p,
@@ -572,25 +572,26 @@ function be(n, e, t) {
     getDraggableDesignItemElement: s,
     getDraggingDisplayText: g,
     getPropConfig: Q,
-    getDragScopeElement: S,
+    getDragScopeElement: T,
     onAcceptMovedChildElement: M,
     onAcceptNewChildElement: L,
-    onChildElementMovedOut: D,
-    addNewChildComponentSchema: F,
+    onChildElementMovedOut: B,
+    addNewChildComponentSchema: k,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || T(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || T(!1)
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
   }, m;
 }
-class R {
+class H {
   static getEditorTypesByMDataType(e) {
-    return this.fieldControlTypeMapping[e];
+    const t = this.fieldControlTypeMapping[e];
+    return t || [{ key: "", value: "" }];
   }
 }
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-b(R, "fieldControlTypeMapping", {
+C(H, "fieldControlTypeMapping", {
   String: [
     { key: i["input-group"].type, value: i["input-group"].name },
     { key: i.lookup.type, value: i.lookup.name },
@@ -645,24 +646,29 @@ b(R, "fieldControlTypeMapping", {
     { key: i.AdminOrganizationSelector.type, value: i.AdminOrganizationSelector.name }
   ]
 });
-class Te {
+class Se {
   constructor(e, t) {
-    b(this, "componentId");
-    b(this, "viewModelId");
-    b(this, "eventsEditorUtils");
-    b(this, "formSchemaUtils");
-    b(this, "formMetadataConverter");
-    b(this, "designViewModelUtils");
-    b(this, "designViewModelField");
-    b(this, "controlCreatorUtils");
-    b(this, "designerHostService");
-    b(this, "metadataService", null);
-    b(this, "propertyConfig", {
+    C(this, "componentId");
+    C(this, "viewModelId");
+    C(this, "eventsEditorUtils");
+    C(this, "formSchemaUtils");
+    C(this, "formMetadataConverter");
+    C(this, "designViewModelUtils");
+    C(this, "designViewModelField");
+    C(this, "controlCreatorUtils");
+    C(this, "designerHostService");
+    C(this, "schemaService", null);
+    C(this, "metadataService", null);
+    C(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var o;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.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 = ((o = this.formSchemaUtils) == null ? void 0 : o.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;
@@ -677,6 +683,7 @@ class Te {
   changeFieldEditorType(e, t) {
   }
   getBasicPropConfig(e) {
+    var o, r;
     var t = this;
     return this.setDesignViewModelField(e), {
       description: "Basic Information",
@@ -698,7 +705,8 @@ class Te {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: R.getEditorTypesByMDataType(t.designViewModelField.type.name)
+            data: H.getEditorTypesByMDataType(((r = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : r.name) || ""),
+            editable: !1
           }
         },
         label: {
@@ -707,11 +715,11 @@ class Te {
           $converter: "/converter/form-group-label.converter"
         }
       },
-      setPropertyRelates(o, r) {
-        if (o)
-          switch (o && o.propertyID) {
+      setPropertyRelates(p, m) {
+        if (p)
+          switch (p && p.propertyID) {
             case "type": {
-              t.changeControlType(e, o);
+              t.changeControlType(e, p);
               break;
             }
           }
@@ -799,29 +807,8 @@ class Te {
         return o;
     }
   }
-  getBindingFieldEditorOptions(e) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: e,
-        formBasicInfo: t
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (o) => {
-        const r = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(r);
-      },
-      textField: "bindingField"
-    };
-  }
 }
-class Se extends Te {
+class Te extends Se {
   constructor(e, t) {
     super(e, t);
   }
@@ -856,10 +843,14 @@ class Se extends Te {
           { field: "bindingField", title: "绑定字段" },
           { field: "fieldType", title: "字段类型" }
         ],
+        textField: "bindingField",
         data: o
       }
     };
   }
+  getBindingOtions(e) {
+    return this.getFieldSelectorOptions(e);
+  }
   getComponentConfig(e, t = {}, o = {}) {
     const r = Object.assign({
       description: "组件信息",
@@ -891,7 +882,7 @@ class Se extends Te {
     return { ...r, properties: { ...p } };
   }
 }
-class Me extends Se {
+class Me extends Te {
   constructor(e, t) {
     super(e, t);
   }
@@ -927,9 +918,9 @@ class Me extends Se {
     });
   }
 }
-function Fe(n, e) {
+function ke(n, e) {
   n.schema;
-  const t = T(!0), o = T(!0);
+  const t = S(!0), o = S(!0);
   function r(c) {
     return !1;
   }
@@ -961,7 +952,7 @@ function Fe(n, e) {
     getPropsConfig: l
   };
 }
-function ke(n, e) {
+function Fe(n, e) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
@@ -971,7 +962,7 @@ function ke(n, e) {
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: a
-  } = Fe(n), l = n.schema;
+  } = ke(n), l = n.schema;
   function c(s) {
     return new Me(s, e).getPropertyConfig(l);
   }
@@ -992,28 +983,28 @@ const we = /* @__PURE__ */ E({
   props: N,
   emits: ["changeValue", "update:modelValue"],
   setup(n, e) {
-    const t = T(n.modelValue), {
+    const t = S(n.modelValue), {
       enumData: o,
       onClickRadio: r,
       getValue: p,
       getText: m
-    } = W(n, e, t), d = P(() => ({
+    } = R(n, e, t), d = P(() => ({
       "farris-checkradio-hor": n.horizontal
-    })), u = T(), a = V("designer-host-service"), l = V("design-item-context"), c = ke(l, a), s = be(u, l, c);
+    })), u = S(), a = V("designer-host-service"), l = V("design-item-context"), c = Fe(l, a), s = Ce(u, l, c);
     return G(() => {
       u.value.componentInstance = s;
     }), e.expose(s.value), () => h("div", {
       class: ["farris-input-wrap", d.value],
       ref: u
     }, [o.value.map((y, g) => {
-      const S = "radio_" + n.name + g;
+      const T = "radio_" + n.name + g;
       return h("div", {
         class: "custom-control custom-radio"
       }, [h("input", {
         type: "radio",
         class: "custom-control-input",
         name: n.name,
-        id: S,
+        id: T,
         value: p(y),
         checked: p(y) === t.value,
         disabled: n.disabled,
@@ -1021,13 +1012,13 @@ const we = /* @__PURE__ */ E({
         onClick: (M) => r(y, M)
       }, null), h("label", {
         class: "custom-control-label",
-        for: S
+        for: T
       }, [m(y)])]);
     })]);
   }
 });
 w.install = (n) => {
-  n.component(w.name, w), n.component(z.name, z);
+  n.component(w.name, w), n.component(U.name, U);
 };
 w.register = (n, e, t, o) => {
   n["radio-group"] = w, e["radio-group"] = I;