@kp-ui/lowcode-pc 1.0.0-alpha.1

package/assets/input-widget.mjs

@@ -0,0 +1,98 @@
+import { defineComponent, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, withDirectives, createElementBlock, createVNode, isRef, createSlots, vShow, toDisplayString } from "vue";
+import FormItemWrapper from "./form-item-wrapper.mjs";
+import { SvgIcon } from "tmgc2-share";
+import { u as useField } from "./useField.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false,
+    name: WidgetTypeEnum.input,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "input-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      handleHidden,
+      handleDisabled,
+      handleClickIcon,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    const inputType = computed(() => {
+      if (field.options.type === "number") {
+        return "text";
+      }
+      return field.options.type;
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_input = resolveComponent("a-input");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          withDirectives(createVNode(_component_a_input, {
+            ref_key: "fieldEditor",
+            ref: fieldEditor,
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            disabled: unref(handleDisabled),
+            readonly: unref(field).options.readonly,
+            size: unref(size),
+            class: "hide-spin-button",
+            type: inputType.value,
+            "show-password": unref(field).options.showPassword,
+            placeholder: unref(field).options.placeholder,
+            allowClear: unref(field).options.allowClear,
+            maxlength: unref(field).options.maxLength,
+            showCount: unref(field).options.showCount,
+            onFocus: unref(handleFocusCustomEvent),
+            onBlur: unref(handleBlurCustomEvent)
+          }, createSlots({ _: 2 }, [
+            unref(field).options.useModal ? {
+              name: "addonAfter",
+              fn: withCtx(() => [
+                createVNode(unref(SvgIcon), {
+                  "icon-class": "icon-sousuo",
+                  onClick: unref(handleClickIcon)
+                }, null, 8, ["onClick"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur"]), [
+            [vShow, !unref(isReadMode)]
+          ]),
+          unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const inputWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85e49c87"]]);
+export {
+  inputWidget as default
+};