easybill-ui 0.1.0 → 0.1.1

package/components/CurdForm/src/CurdForm.vue

@@ -1,7 +1,7 @@
 <template>
   <el-form ref="schemaFormRef" :model="formModel" :rules="rules" v-bind="{ ...$attrs, ...getFormProps }" class="curd-form" :style="getFormStyle()" @submit.prevent>
     <template v-for="formItem in schemaItems" :key="formItem.prop">
-      <el-form-item v-if="!$slots[formItem.type + 'Item']" :label="formItem.label" :prop="formItem.prop" :label-width="formItem.labelWidth" :style="getFormItemStyle(formItem)" v-bind="getFormItemProps(formItem)">
+      <el-form-item v-if="!$slots[formItem.prop + 'Item']" :label="formItem.label" :prop="formItem.prop" :label-width="formItem.labelWidth" :style="getFormItemStyle(formItem)" v-bind="getFormItemProps(formItem)">
         <slot :name="formItem.prop" :form-item="formItem" :form-model="formModel"></slot>
         <FormItem v-if="!(formItem.prop && $slots[formItem.prop])" :form-item="formItem" :form-model="formModel" @change="onChange">
           <template #prefix>

package/components/CurdForm/src/components/index.ts

@@ -9,6 +9,7 @@ import SchemaFormTimePicker from "./schema-form-time-picker.vue"
 import SchemaFormColorPicker from "./schema-form-color-picker.vue"
 import SchemaFormValue from "./schema-form-value.vue"
 import SchemaFormCascader from "./schema-form-cascader.vue"
+import SchemaFormAutocomplete from "./schema-form-autocomplete.vue"
 import { isReactive, isRef, createVNode, isVNode } from "vue"
 interface PresetMap {
   [key: string]: any
@@ -25,6 +26,7 @@ const presetMap: PresetMap = {
   "schema-color-picker": SchemaFormColorPicker,
   "schema-value": SchemaFormValue,
   "schema-cascader": SchemaFormCascader,
+  "schema-autocomplete": SchemaFormAutocomplete,
 }
 
 export default presetMap
@@ -38,6 +40,6 @@ export const getComponent = (type = "input") => {
     return createVNode(type)
   } else {
     // 不识别组件
-    return null
+    return type
   }
 }

package/components/CurdForm/src/components/schema-form-autocomplete.vue

@@ -0,0 +1,25 @@
+<template>
+  <el-autocomplete v-model="model" v-bind="props" v-on="eventObject">
+    <template #default="{ item }">
+      <div v-if="item.html" v-html="item.html"></div>
+      <div v-else>{{ item.label || item.value }}</div>
+    </template>
+  </el-autocomplete>
+</template>
+<script lang="ts" setup>
+import { computed, PropType } from "vue"
+import { ElCascader, CascaderOption, CascaderValue } from "element-plus"
+import { FormItemProps } from "easybill-ui/components/CurdForm/src/types"
+const props = defineProps({
+  ...FormItemProps,
+  modelValue: {
+    type: [String, Number] as PropType<CascaderValue>,
+    default: undefined,
+  }, // 表单项值
+})
+const emits = defineEmits(["update:modelValue"])
+const model = computed({
+  get: () => props.modelValue,
+  set: (val) => emits("update:modelValue", val),
+})
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easybill-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A component library for easybill",
   "author": "tuchongyang <779311998@qq.com>",
   "private": false,
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "20250696a8d4cbd888728e8d2f34737b5975503a"
+  "gitHead": "4e76935a08a07f4e2b3eea6066e988537e612370"
 }