xkit-editor 2.0.0-alpha.0

package/src/validation-rules.ts

@@ -0,0 +1,104 @@
+import { ref } from 'vue'
+import type { FormItemRule } from 'element-plus'
+
+export interface EditorValidationRulePreset {
+  type: string
+  label: string
+  rule: FormItemRule & Record<string, any>
+}
+
+const presetMap = new Map<string, EditorValidationRulePreset>()
+const validationRulePresetVersion = ref(0)
+
+const trackValidationRulePresetVersion = () => validationRulePresetVersion.value
+
+const cloneRule = (rule: EditorValidationRulePreset['rule']) => ({
+  ...rule
+})
+
+export const registerEditorValidationRule = (preset: EditorValidationRulePreset) => {
+  const previous = presetMap.get(preset.type)
+  presetMap.set(preset.type, {
+    ...preset,
+    rule: cloneRule(preset.rule)
+  })
+  validationRulePresetVersion.value += 1
+
+  return () => {
+    if (previous) {
+      presetMap.set(preset.type, previous)
+    } else {
+      presetMap.delete(preset.type)
+    }
+    validationRulePresetVersion.value += 1
+  }
+}
+
+export const getEditorValidationRulePresets = (): EditorValidationRulePreset[] => {
+  trackValidationRulePresetVersion()
+  return Array.from(presetMap.values()).map((preset) => ({
+    ...preset,
+    rule: cloneRule(preset.rule)
+  }))
+}
+
+export const getEditorValidationRulePreset = (type: string): EditorValidationRulePreset | undefined => {
+  trackValidationRulePresetVersion()
+  const preset = presetMap.get(type)
+  return preset
+    ? {
+        ...preset,
+        rule: cloneRule(preset.rule)
+      }
+    : undefined
+}
+
+registerEditorValidationRule({
+  type: 'email',
+  label: '邮箱',
+  rule: {
+    type: 'email',
+    message: '请输入正确的邮箱地址',
+    trigger: 'blur'
+  }
+})
+
+registerEditorValidationRule({
+  type: 'mobile',
+  label: '手机号',
+  rule: {
+    pattern: '^1[3-9]\\d{9}$',
+    message: '请输入正确的手机号',
+    trigger: 'blur'
+  }
+})
+
+registerEditorValidationRule({
+  type: 'url',
+  label: 'URL',
+  rule: {
+    type: 'url',
+    message: '请输入正确的 URL',
+    trigger: 'blur'
+  }
+})
+
+registerEditorValidationRule({
+  type: 'id-card-cn',
+  label: '身份证号',
+  rule: {
+    pattern: '(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)',
+    message: '请输入正确的身份证号',
+    trigger: 'blur'
+  }
+})
+
+registerEditorValidationRule({
+  type: 'number',
+  label: '数字',
+  rule: {
+    pattern: '^-?\\d+(\\.\\d+)?$',
+    message: '请输入数字',
+    trigger: 'blur'
+  }
+})