@kp-ui/lowcode 1.0.24 → 1.0.26

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js

@@ -1,17 +1,17 @@
-import p from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import g from "../../../../utils/i18n.js";
-import y from "./fieldMixin.js";
-import { formateTreeToName as v } from "../../../../utils/format.js";
-import { isArray as w } from "lodash-es";
-import { resolveComponent as o, createBlock as n, createCommentVNode as r, openBlock as a, withCtx as s, createElementVNode as f, normalizeClass as C, withDirectives as F, createVNode as M, vShow as _, toDisplayString as x } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { formateTreeToName } from "../../../../utils/format.js";
+import { isArray } from "lodash-es";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, withDirectives, createVNode, vShow, toDisplayString } from "vue";
 /* empty css                       */
-import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const I = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "treeSelect-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, y, g],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -20,7 +20,7 @@ const I = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -39,7 +39,7 @@ const I = {
     }
   },
   components: {
-    FormItemWrapper: p
+    FormItemWrapper
   },
   data() {
     return {
@@ -51,7 +51,14 @@ const I = {
   },
   computed: {
     size() {
-      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+      if (!!this.field.options && !!this.field.options.size) {
+        return this.field.options.size;
+      }
+      if (!!this.designer) {
+        return this.designer.formConfig.size || "middle";
+      } else {
+        return this.formConfig.size || "middle";
+      }
     },
     labelKey() {
       return this.field.options.labelKey || "label";
@@ -67,8 +74,8 @@ const I = {
     // },
     contentForReadMode() {
       if (!this.fieldModel) return "";
-      const t = w(this.fieldModel) ? this.fieldModel : [this.fieldModel];
-      return v(t, this.field.options.optionItems, {
+      const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];
+      return formateTreeToName(val, this.field.options.optionItems, {
         label: this.labelKey,
         value: this.valueKey,
         children: this.childrenKey
@@ -78,7 +85,12 @@ const I = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initOptionItems();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -91,61 +103,64 @@ const I = {
     hideDropDownOnClick() {
     }
   }
-}, K = { class: "readonly-mode-field" };
-function z(t, d, e, N, l, i) {
-  const m = o("a-tree-select"), u = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? r("", !0) : (a(), n(h, {
+};
+const _hoisted_1 = { class: "readonly-mode-field" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_tree_select = resolveComponent("a-tree-select");
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: l.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: s(() => [
-      f("div", {
-        class: C(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(["full-width-input", { "readonly-mode-cascader": _ctx.isReadMode }])
       }, [
-        F(M(m, {
-          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+        withDirectives(createVNode(_component_a_tree_select, {
+          "tree-default-expand-all": $props.field.options.treeDefaultExpandAll,
           ref: "fieldEditor",
-          size: i.size,
-          treeData: e.field.options.optionItems,
-          value: l.fieldModel,
-          "onUpdate:value": d[0] || (d[0] = (c) => l.fieldModel = c),
-          disabled: t.handleDisabled(),
-          allowClear: e.field.options.allowClear,
-          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
-          fieldNames: { value: i.valueKey, label: i.labelKey, children: i.childrenKey },
-          multiple: e.field.options.multiple,
-          onFocus: t.handleFocusCustomEvent,
-          onBlur: t.handleBlurCustomEvent,
-          onChange: t.handleChangeEvent
+          size: $options.size,
+          treeData: $props.field.options.optionItems,
+          value: $data.fieldModel,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+          disabled: _ctx.handleDisabled(),
+          allowClear: $props.field.options.allowClear,
+          placeholder: $props.field.options.placeholder || _ctx.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: $options.valueKey, label: $options.labelKey, children: $options.childrenKey },
+          multiple: $props.field.options.multiple,
+          onFocus: _ctx.handleFocusCustomEvent,
+          onBlur: _ctx.handleBlurCustomEvent,
+          onChange: _ctx.handleChangeEvent
         }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]), [
-          [_, !t.isReadMode]
+          [vShow, !_ctx.isReadMode]
         ]),
-        t.isReadMode ? (a(), n(u, {
+        _ctx.isReadMode ? (openBlock(), createBlock(_component_a_tooltip, {
           key: 0,
           placement: "topLeft",
-          title: i.contentForReadMode,
+          title: $options.contentForReadMode,
           overlayStyle: { zIndex: 1e3 }
         }, {
-          default: s(() => [
-            f("span", K, x(i.contentForReadMode), 1)
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_1, toDisplayString($options.contentForReadMode), 1)
           ]),
           _: 1
-        }, 8, ["title"])) : r("", !0)
+        }, 8, ["title"])) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-801e372a"]]);
+const treeSelectWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-801e372a"]]);
 export {
-  j as default
+  treeSelectWidget as default
 };

package/src/components/form-designer/form-widget/index.vue.js

@@ -1,7 +1,7 @@
-import u from "../../../utils/i18n.js";
-import { resolveComponent as s, createBlock as a, openBlock as n, withCtx as d, createElementVNode as g, createVNode as m, normalizeClass as C, createElementBlock as v, createCommentVNode as D, toDisplayString as _, normalizeStyle as y, mergeProps as b, resolveDynamicComponent as f } from "vue";
+import i18n from "../../../utils/i18n.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, normalizeStyle, mergeProps, resolveDynamicComponent } from "vue";
 /* empty css                        */
-import w from "../../../../_virtual/_plugin-vue_export-helper.js";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
 /* empty css                                        */
 /* empty css                                        */
@@ -19,14 +19,14 @@ import "./container-widget/vf-collapse-widget.vue2.js";
 /* empty css                                         */
 import "./container-widget/vf-dialog-widget.vue.js";
 import "./container-widget/vf-drawer-widget.vue.js";
-import x from "./field-widget/index.js";
+import comps from "./field-widget/index.js";
 /* empty css           */
-const F = {
+const _sfc_main = {
   name: "VFormWidget",
   componentName: "VFormWidget",
-  mixins: [u],
+  mixins: [i18n],
   components: {
-    ...x
+    ...comps
   },
   props: {
     designer: Object,
@@ -49,11 +49,11 @@ const F = {
       // 全局数据源变量
       globalOptionData: this.optionData,
       getOptionData: () => this.optionData,
-      getReadMode: () => !1,
+      getReadMode: () => false,
       globalModel: {
         formModel: this.formModel
       },
-      getSubFormFieldFlag: () => !1,
+      getSubFormFieldFlag: () => false,
       getSubFormName: () => "",
       getDSResultCache: () => this.dsResultCache
     };
@@ -68,10 +68,16 @@ const F = {
   },
   computed: {
     labelPosition() {
-      return this.designer.formConfig && this.designer.formConfig.labelPosition ? this.designer.formConfig.labelPosition : "horizontal";
+      if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {
+        return this.designer.formConfig.labelPosition;
+      }
+      return "horizontal";
     },
     size() {
-      return this.designer.formConfig && this.designer.formConfig.size ? this.designer.formConfig.size : "default";
+      if (!!this.designer.formConfig && !!this.designer.formConfig.size) {
+        return this.designer.formConfig.size;
+      }
+      return "default";
     },
     customClass() {
       return this.designer.formConfig.customClass || "";
@@ -80,119 +86,137 @@ const F = {
       return this.designer.getLayoutType();
     },
     canvasMinHeight() {
-      return this.getDesignerConfig().logoHeader !== !1 ? "calc(100vh - 56px - 68px)" : "calc(100vh - 56px - 68px + 48px)";
+      return this.getDesignerConfig().logoHeader !== false ? "calc(100vh - 56px - 68px)" : "calc(100vh - 56px - 68px + 48px)";
     }
   },
   watch: {
     "designer.widgetList": {
-      deep: !0,
-      handler(e) {
+      deep: true,
+      handler(val) {
       }
     },
     "designer.formConfig": {
-      deep: !0,
-      handler(e) {
+      deep: true,
+      handler(val) {
       }
     }
   },
   created() {
-    this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson), this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);
+    this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson);
+    this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);
   },
   mounted() {
-    this.disableFirefoxDefaultDrop(), this.designer.registerFormWidget(this);
+    this.disableFirefoxDefaultDrop();
+    this.designer.registerFormWidget(this);
   },
   methods: {
-    getWidgetName(e) {
-      return e.type + "-widget";
+    getWidgetName(widget) {
+      return widget.type + "-widget";
     },
     disableFirefoxDefaultDrop() {
-      navigator.userAgent.toLowerCase().indexOf("firefox") !== -1 && (document.body.ondrop = function(o) {
-        o.stopPropagation(), o.preventDefault();
-      });
+      const isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+      if (isFirefox) {
+        document.body.ondrop = function(event) {
+          event.stopPropagation();
+          event.preventDefault();
+        };
+      }
     },
-    onDragEnd(e) {
+    onDragEnd(evt) {
     },
-    onDragAdd(e) {
-      const o = e.newIndex;
-      this.designer.widgetList[o] && this.designer.setSelected(this.designer.widgetList[o]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", null);
+    onDragAdd(evt) {
+      const newIndex = evt.newIndex;
+      if (!!this.designer.widgetList[newIndex]) {
+        this.designer.setSelected(this.designer.widgetList[newIndex]);
+      }
+      this.designer.emitHistoryChange();
+      this.designer.emitEvent("field-selected", null);
     },
     onDragUpdate() {
       this.designer.emitHistoryChange();
     },
-    checkMove(e) {
-      return this.designer.checkWidgetMove(e);
+    checkMove(evt) {
+      return this.designer.checkWidgetMove(evt);
     },
     getFormData() {
       return this.formModel;
     },
-    getWidgetRef(e, o = !1) {
-      const i = this.widgetRefList[e];
-      return !i && o && this.$message.error(this.i18nt("designer.hint.refNotFound") + e), i;
+    getWidgetRef(widgetName, showError = false) {
+      const foundRef = this.widgetRefList[widgetName];
+      if (!foundRef && !!showError) {
+        this.$message.error(this.i18nt("designer.hint.refNotFound") + widgetName);
+      }
+      return foundRef;
     },
     getSelectedWidgetRef() {
-      const e = this.designer.selectedWidgetName;
-      return this.getWidgetRef(e);
+      const wName = this.designer.selectedWidgetName;
+      return this.getWidgetRef(wName);
     },
     clearWidgetRefList() {
-      Object.keys(this.widgetRefList).forEach((e) => {
-        delete this.widgetRefList[e];
+      Object.keys(this.widgetRefList).forEach((key) => {
+        delete this.widgetRefList[key];
       });
     }
   }
-}, L = { class: "form-widget-container" }, z = {
+};
+const _hoisted_1 = { class: "form-widget-container" };
+const _hoisted_2 = {
   key: 0,
   class: "no-widget-hint"
-}, R = { class: "transition-group-el" };
-function W(e, o, i, k, M, t) {
-  const c = s("draggable"), h = s("a-form"), p = s("a-config-provider");
-  return n(), a(p, {
-    "component-size": t.size,
+};
+const _hoisted_3 = { class: "transition-group-el" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_draggable = resolveComponent("draggable");
+  const _component_a_form = resolveComponent("a-form");
+  const _component_a_config_provider = resolveComponent("a-config-provider");
+  return openBlock(), createBlock(_component_a_config_provider, {
+    "component-size": $options.size,
     input: { autocomplete: "off" }
   }, {
-    default: d(() => [
-      g("div", L, [
-        m(h, {
-          class: C(["full-height-width widget-form tpf-form", [t.customClass, t.layoutType + "-layout"]]),
-          layout: ["horizontal", "vertical", "inline"].includes(t.labelPosition) ? t.labelPosition : "horizontal",
-          size: t.size,
-          "validate-on-rule-change": !1
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createVNode(_component_a_form, {
+          class: normalizeClass(["full-height-width widget-form tpf-form", [$options.customClass, $options.layoutType + "-layout"]]),
+          layout: ["horizontal", "vertical", "inline"].includes($options.labelPosition) ? $options.labelPosition : "horizontal",
+          size: $options.size,
+          "validate-on-rule-change": false
         }, {
-          default: d(() => [
-            i.designer.widgetList.length === 0 ? (n(), v("div", z, _(e.i18nt("designer.noWidgetHint")), 1)) : D("", !0),
-            g("div", {
+          default: withCtx(() => [
+            $props.designer.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.i18nt("designer.noWidgetHint")), 1)) : createCommentVNode("", true),
+            createElementVNode("div", {
               class: "form-widget-canvas",
-              style: y({ minHeight: t.canvasMinHeight })
+              style: normalizeStyle({ minHeight: $options.canvasMinHeight })
             }, [
-              m(c, b({
-                list: i.designer.widgetList,
+              createVNode(_component_draggable, mergeProps({
+                list: $props.designer.widgetList,
                 "item-key": "id"
               }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
                 tag: "transition-group",
                 "component-data": { name: "fade" },
                 handle: ".drag-handler",
-                onEnd: t.onDragEnd,
-                onAdd: t.onDragAdd,
-                onUpdate: t.onDragUpdate,
-                move: t.checkMove
+                onEnd: $options.onDragEnd,
+                onAdd: $options.onDragAdd,
+                onUpdate: $options.onDragUpdate,
+                move: $options.checkMove
               }), {
-                item: d(({ element: r, index: l }) => [
-                  g("div", R, [
-                    r.category === "container" ? (n(), a(f(t.getWidgetName(r)), {
-                      widget: r,
-                      designer: i.designer,
-                      key: r.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
+                item: withCtx(({ element: widget, index }) => [
+                  createElementVNode("div", _hoisted_3, [
+                    "container" === widget.category ? (openBlock(), createBlock(resolveDynamicComponent($options.getWidgetName(widget)), {
+                      widget,
+                      designer: $props.designer,
+                      key: widget.id,
+                      "parent-list": $props.designer.widgetList,
+                      "index-of-parent-list": index,
                       "parent-widget": null,
-                      "design-state": !0
-                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list"])) : (n(), a(f(t.getWidgetName(r)), {
-                      field: r,
-                      designer: i.designer,
-                      key: r.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
+                      "design-state": true
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list"])) : (openBlock(), createBlock(resolveDynamicComponent($options.getWidgetName(widget)), {
+                      field: widget,
+                      designer: $props.designer,
+                      key: widget.id,
+                      "parent-list": $props.designer.widgetList,
+                      "index-of-parent-list": index,
                       "parent-widget": null,
-                      "design-state": !0
+                      "design-state": true
                     }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list"]))
                   ])
                 ]),
@@ -207,7 +231,7 @@ function W(e, o, i, k, M, t) {
     _: 1
   }, 8, ["component-size"]);
 }
-const te = /* @__PURE__ */ w(F, [["render", W], ["__scopeId", "data-v-e8409324"]]);
+const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e8409324"]]);
 export {
-  te as default
+  VFormWidget as default
 };

package/src/components/form-designer/refMixinDesign.js

@@ -1,18 +1,28 @@
-const e = {
+const refMixinDesign = {
   methods: {
     initRefList() {
-      this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this);
+      if (this.refList !== null && !!this.widget.options.name) {
+        this.refList[this.widget.options.name] = this;
+      }
     },
-    getWidgetRef(t, s) {
-      const i = this.refList[t];
-      return !i && s && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
+    getWidgetRef(widgetName, showError) {
+      const foundRef = this.refList[widgetName];
+      if (!foundRef && !!showError) {
+        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
+      }
+      return foundRef;
     },
     /* 该方法用于组件重名检查！！ */
-    registerToRefList(t) {
-      this.refList !== null && this.widget.options.name && (t && delete this.refList[t], this.refList[this.widget.options.name] = this);
+    registerToRefList(oldRefName) {
+      if (this.refList !== null && !!this.widget.options.name) {
+        if (!!oldRefName) {
+          delete this.refList[oldRefName];
+        }
+        this.refList[this.widget.options.name] = this;
+      }
     }
   }
 };
 export {
-  e as default
+  refMixinDesign as default
 };