@utogether/udp-core 1.0.1-beta.27 → 1.0.1-beta.30

package/src/components/udp/form/form.vue

@@ -1,109 +1,109 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-03-02 17:07:59
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-09-11 16:24:13
- * @Description: SuForm
--->
-
-<template>
-  <div class="width: 100%">
-    <vxe-form
-      ref="xForm"
-      :data="record"
-      :items="formItems"
-      :rules="rules"
-      :loading="loading"
-      :vertical="vertical"
-      :title-width="titleWidth"
-      title-overflow
-      title-align="right"
-      title-bold
-      v-bind="$attrs"
-    >
-      <template #dividerPrefix />
-      <template #collapseNode>
-        <vxe-checkbox
-          v-model="collapseStatus"
-          content="查看更多"
-          :checked-value="false"
-          :unchecked-value="true"
-          class="pl-10"
-          @change="onChange"
-        />
-      </template>
-    </vxe-form>
-  </div>
-</template>
-
-<script lang="ts">
-export default {
-  name: 'UtForm'
-};
-</script>
-<script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import { ref, computed } from 'vue';
-import { formatRules, formatItems } from '@utogether/utils';
-import { clone } from 'xe-utils';
-
-export interface IProps {
-  record: IRecord; // 数据对象
-  items: Array<IFormItemProps>; // form item
-  loading?: boolean;
-  vertical?: boolean;
-  titleWidth?: number;
-  span?: number;
-  dataStatus?: string;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  record: (): IRecord => {
-    return {};
-  },
-  items: () => [],
-  loading: false,
-  vertical: false,
-  titleWidth: 100,
-  span: 6,
-  dataStatus: 'detail'
-});
-const xForm = ref(undefined);
-const { t } = useI18n();
-const collapseStatus = ref(true);
-/**
- * @description: 根据items 获取必填选
- */
-const rules = computed(() => {
-  if (!props.items.length) return {};
-  return formatRules(props.items, t);
-});
-
-const formItems = computed(() => {
-  if (!props.items.length) return props.items;
-  return formatItems(clone(props.items, true), props.dataStatus, 6);
-});
-
-const onChange = () => {
-  xForm.value.toggleCollapse();
-};
-
-/**
- * @deprecated
- * @description 使用validate替换
- * @param cb
- */
-const validateForm = (cb: Function) => {
-  (xForm as any).value.validate(cb);
-};
-const validate = (cb: Function) => {
-  (xForm as any).value.validate(cb);
-  setTimeout(() => {
-    xForm.value.clearValidate();
-  }, 1600);
-};
-defineExpose({
-  validateForm,
-  validate
-});
-</script>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-02 17:07:59
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-09-11 16:24:13
+ * @Description: SuForm
+-->
+
+<template>
+  <div class="width: 100%">
+    <vxe-form
+      ref="xForm"
+      :data="record"
+      :items="formItems"
+      :rules="rules"
+      :loading="loading"
+      :vertical="vertical"
+      :title-width="titleWidth"
+      title-overflow
+      title-align="right"
+      title-bold
+      v-bind="$attrs"
+    >
+      <template #dividerPrefix />
+      <template #collapseNode>
+        <vxe-checkbox
+          v-model="collapseStatus"
+          content="查看更多"
+          :checked-value="false"
+          :unchecked-value="true"
+          class="pl-10"
+          @change="onChange"
+        />
+      </template>
+    </vxe-form>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'UtForm'
+};
+</script>
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n';
+import { ref, computed } from 'vue';
+import { formatRules, formatItems } from '@utogether/utils';
+import { clone } from 'xe-utils';
+
+export interface IProps {
+  record: IRecord; // 数据对象
+  items: Array<IFormItemProps>; // form item
+  loading?: boolean;
+  vertical?: boolean;
+  titleWidth?: number;
+  span?: number;
+  dataStatus?: string;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  items: () => [],
+  loading: false,
+  vertical: false,
+  titleWidth: 100,
+  span: 6,
+  dataStatus: 'detail'
+});
+const xForm = ref(undefined);
+const { t } = useI18n();
+const collapseStatus = ref(true);
+/**
+ * @description: 根据items 获取必填选
+ */
+const rules = computed(() => {
+  if (!props.items.length) return {};
+  return formatRules(props.items, t);
+});
+
+const formItems = computed(() => {
+  if (!props.items.length) return props.items;
+  return formatItems(clone(props.items, true), props.dataStatus, 6);
+});
+
+const onChange = () => {
+  xForm.value.toggleCollapse();
+};
+
+/**
+ * @deprecated
+ * @description 使用validate替换
+ * @param cb
+ */
+const validateForm = (cb: Function) => {
+  (xForm as any).value.validate(cb);
+};
+const validate = (cb: Function) => {
+  (xForm as any).value.validate(cb);
+  setTimeout(() => {
+    xForm.value.clearValidate();
+  }, 1600);
+};
+defineExpose({
+  validateForm,
+  validate
+});
+</script>