@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,16 +1,16 @@
-import g from "./form-item-wrapper.vue.js";
-import w from "../../../svg-icon/index.vue.js";
-import C from "../../../../utils/emitter.js";
-import y from "../../../../utils/i18n.js";
-import _ from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as a, openBlock as f, withCtx as i, withDirectives as v, createVNode as d, createSlots as F, vShow as I, createElementVNode as x, toDisplayString as B } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, withDirectives, createVNode, createSlots, vShow, createElementVNode, toDisplayString } from "vue";
 /* empty css                  */
-import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "input-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [C, _, y],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +19,7 @@ const z = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,8 +38,8 @@ const z = {
     }
   },
   components: {
-    FormItemWrapper: g,
-    SvgIcon: w
+    FormItemWrapper,
+    SvgIcon
   },
   data() {
     return {
@@ -51,16 +51,30 @@ const z = {
   },
   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";
+      }
     },
     inputType() {
-      return this.field.options.type === "number" ? "text" : this.field.options.type;
+      if (this.field.options.type === "number") {
+        return "text";
+      }
+      return this.field.options.type;
     }
   },
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -69,54 +83,59 @@ const z = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, R = { class: "readonly-mode-field" };
-function k(t, l, e, L, n, s) {
-  const u = o("svg-icon"), m = o("a-button"), p = o("a-input"), c = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? a("", !0) : (f(), r(h, {
+};
+const _hoisted_1 = { class: "readonly-mode-field" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = resolveComponent("svg-icon");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_input = resolveComponent("a-input");
+  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: n.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: i(() => [
-      v(d(p, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_a_input, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": l[0] || (l[0] = (b) => n.fieldModel = b),
-        disabled: t.handleDisabled(),
-        readonly: e.field.options.readonly,
-        size: s.size,
+        value: $data.fieldModel,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+        disabled: _ctx.handleDisabled(),
+        readonly: $props.field.options.readonly,
+        size: $options.size,
         class: "hide-spin-button",
-        type: s.inputType,
-        "show-password": e.field.options.showPassword,
-        placeholder: e.field.options.placeholder,
-        allowClear: e.field.options.allowClear,
-        maxlength: e.field.options.maxLength,
-        showCount: e.field.options.showCount,
-        addonBefore: e.field.options.addonBefore,
-        addonAfter: e.field.options.addonAfter,
-        onFocus: t.handleFocusCustomEvent,
-        onBlur: t.handleBlurCustomEvent,
-        onInput: t.handleInputCustomEvent,
-        onChange: t.handleChangeEvent
-      }, F({ _: 2 }, [
-        e.field.options.appendButton ? {
+        type: $options.inputType,
+        "show-password": $props.field.options.showPassword,
+        placeholder: $props.field.options.placeholder,
+        allowClear: $props.field.options.allowClear,
+        maxlength: $props.field.options.maxLength,
+        showCount: $props.field.options.showCount,
+        addonBefore: $props.field.options.addonBefore,
+        addonAfter: $props.field.options.addonAfter,
+        onFocus: _ctx.handleFocusCustomEvent,
+        onBlur: _ctx.handleBlurCustomEvent,
+        onInput: _ctx.handleInputCustomEvent,
+        onChange: _ctx.handleChangeEvent
+      }, createSlots({ _: 2 }, [
+        $props.field.options.appendButton ? {
           name: "append",
-          fn: i(() => [
-            d(m, {
-              disabled: t.handleDisabled() || e.field.options.appendButtonDisabled,
-              onClick: t.emitAppendButtonClick
+          fn: withCtx(() => [
+            createVNode(_component_a_button, {
+              disabled: _ctx.handleDisabled() || $props.field.options.appendButtonDisabled,
+              onClick: _ctx.emitAppendButtonClick
             }, {
-              default: i(() => [
-                d(u, {
-                  "icon-class": e.field.options.buttonIcon
+              default: withCtx(() => [
+                createVNode(_component_svg_icon, {
+                  "icon-class": $props.field.options.buttonIcon
                 }, null, 8, ["icon-class"])
               ]),
               _: 1
@@ -125,24 +144,24 @@ function k(t, l, e, L, n, s) {
           key: "0"
         } : void 0
       ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "addonBefore", "addonAfter", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [I, !t.isReadMode]
+        [vShow, !_ctx.isReadMode]
       ]),
-      t.isReadMode ? (f(), r(c, {
+      _ctx.isReadMode ? (openBlock(), createBlock(_component_a_tooltip, {
         key: 0,
         placement: "topLeft",
-        title: n.fieldModel,
+        title: $data.fieldModel,
         overlayStyle: { zIndex: 1e3 }
       }, {
-        default: i(() => [
-          x("span", R, B(n.fieldModel), 1)
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, toDisplayString($data.fieldModel), 1)
         ]),
         _: 1
-      }, 8, ["title"])) : a("", !0)
+      }, 8, ["title"])) : createCommentVNode("", true)
     ]),
     _: 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__ */ M(z, [["render", k], ["__scopeId", "data-v-141f5d9c"]]);
+const inputWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-141f5d9c"]]);
 export {
-  j as default
+  inputWidget as default
 };

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

@@ -1,15 +1,15 @@
-import c from "./form-item-wrapper.vue.js";
-import h from "../../../../utils/emitter.js";
-import b from "../../../../utils/i18n.js";
-import g from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as l, withCtx as s, withDirectives as w, createVNode as _, vShow as x, createElementVNode as F, toDisplayString as C } 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 { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, withDirectives, createVNode, vShow, createElementVNode, toDisplayString } from "vue";
 /* empty css                   */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "number-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [h, g, b],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +18,7 @@ const y = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +37,7 @@ const y = {
     }
   },
   components: {
-    FormItemWrapper: c
+    FormItemWrapper
   },
   data() {
     return {
@@ -49,13 +49,24 @@ const y = {
   },
   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";
+      }
     }
   },
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -64,58 +75,61 @@ const y = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, M = { class: "readonly-mode-field" };
-function z(i, n, e, I, t, a) {
-  const m = o("a-input-number"), u = o("a-tooltip"), f = o("form-item-wrapper");
-  return i.handleHidden() ? r("", !0) : (l(), d(f, {
+};
+const _hoisted_1 = { class: "readonly-mode-field" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input_number = resolveComponent("a-input-number");
+  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: t.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(() => [
-      w(_(m, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_a_input_number, {
         ref: "fieldEditor",
-        size: a.size,
-        value: t.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (p) => t.fieldModel = p),
+        size: $options.size,
+        value: $data.fieldModel,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
         class: "full-width-input",
-        disabled: i.handleDisabled(),
-        "controls-position": e.field.options.controlsPosition,
-        placeholder: e.field.options.placeholder,
-        min: e.field.options.min,
-        max: e.field.options.max,
-        precision: e.field.options.precision,
-        step: e.field.options.step,
-        onFocus: i.handleFocusCustomEvent,
-        onBlur: i.handleBlurCustomEvent,
-        onChange: i.handleChangeEvent
+        disabled: _ctx.handleDisabled(),
+        "controls-position": $props.field.options.controlsPosition,
+        placeholder: $props.field.options.placeholder,
+        min: $props.field.options.min,
+        max: $props.field.options.max,
+        precision: $props.field.options.precision,
+        step: $props.field.options.step,
+        onFocus: _ctx.handleFocusCustomEvent,
+        onBlur: _ctx.handleBlurCustomEvent,
+        onChange: _ctx.handleChangeEvent
       }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur", "onChange"]), [
-        [x, !i.isReadMode]
+        [vShow, !_ctx.isReadMode]
       ]),
-      i.isReadMode ? (l(), d(u, {
+      _ctx.isReadMode ? (openBlock(), createBlock(_component_a_tooltip, {
         key: 0,
         placement: "topLeft",
-        title: t.fieldModel,
+        title: $data.fieldModel,
         overlayStyle: { zIndex: 1e3 }
       }, {
-        default: s(() => [
-          F("span", M, C(t.fieldModel), 1)
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, toDisplayString($data.fieldModel), 1)
         ]),
         _: 1
-      }, 8, ["title"])) : r("", !0)
+      }, 8, ["title"])) : createCommentVNode("", true)
     ]),
     _: 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 W = /* @__PURE__ */ v(y, [["render", z], ["__scopeId", "data-v-a0ea9354"]]);
+const numberWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a0ea9354"]]);
 export {
-  W as default
+  numberWidget as default
 };