reborn-ui 0.1.80 → 0.1.82

package/dist/index.js

@@ -728,7 +728,7 @@ var TEMPLATES = {
   "web": {
     "lib/tv.ts": 'import { createTV } from "tailwind-variants";\r\nimport { twMergeConfig } from "./utils";\r\n\r\nexport const tv = createTV({\r\n  twMergeConfig,\r\n});\r\nexport type { VariantProps } from "tailwind-variants";\r\n',
     "lib/utils.ts": 'import type { ClassValue } from "clsx";\r\nimport { clsx } from "clsx";\r\nimport { extendTailwindMerge } from "tailwind-merge";\r\n\r\nexport const twMergeConfig = {\r\n  extend: {\r\n    classGroups: {\r\n      "font-size": [\r\n        {\r\n          text: [\r\n            (value: string) => !isNaN(Number(value)),\r\n            (value: string) => value.startsWith("caption-"),\r\n            (value: string) => value.startsWith("body-"),\r\n            (value: string) => value.startsWith("title-"),\r\n          ],\r\n        },\r\n      ],\r\n    },\r\n  },\r\n};\r\n\r\nconst customTwMerge = extendTailwindMerge(twMergeConfig);\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return customTwMerge(clsx(inputs));\r\n}\r\n\r\nexport type ObjectValues<T> = T[keyof T];\r\n',
-    "composables/useFieldGroup.ts": "\r\nimport { ref } from 'vue'\r\n\r\nexport function useFieldGroup(props: any) {\r\n  return {\r\n    disabled: ref(undefined),\r\n    isError: ref(undefined),\r\n    orientation: ref(undefined),\r\n    size: ref(undefined)\r\n  }\r\n}\r\n",
+    "composables/useFieldGroup.ts": "import { computed, getCurrentInstance, inject, onMounted, onUnmounted, ref, watch } from 'vue'\r\n\r\nexport interface FormValidateError {\r\n  field: string\r\n  message: string\r\n}\r\n\r\n/**\r\n * \u8868\u5355\u5168\u5C40\u72B6\u6001\u7BA1\u7406\r\n */\r\nexport function useFieldGroup() {\r\n  const errors = ref<Record<string, string>>({})\r\n  const fields = ref(new Set<string>([]))\r\n  const fieldInstances = ref<any[]>([])\r\n\r\n  const addField = (field: any) => {\r\n    fieldInstances.value.push(field)\r\n    if (field.prop) {\r\n      fields.value.add(field.prop)\r\n    }\r\n  }\r\n\r\n  const removeField = (field: any) => {\r\n    const index = fieldInstances.value.indexOf(field)\r\n    if (index > -1) {\r\n      fieldInstances.value.splice(index, 1)\r\n    }\r\n    if (field.prop) {\r\n      fields.value.delete(field.prop)\r\n    }\r\n  }\r\n\r\n  const errorLock = ref(false)\r\n\r\n  function setError(prop: string, error: string) {\r\n    if (errorLock.value) { return }\r\n    if (prop !== '') {\r\n      errors.value = { ...errors.value, [prop]: error }\r\n    }\r\n  }\r\n\r\n  function removeError(prop: string) {\r\n    if (prop !== '' && errors.value[prop] !== undefined) {\r\n      const newErrors = { ...errors.value }\r\n      delete newErrors[prop]\r\n      errors.value = newErrors\r\n    }\r\n  }\r\n\r\n  function getError(prop: string): string {\r\n    if (prop !== '') { return errors.value[prop] ?? '' }\r\n    return ''\r\n  }\r\n\r\n  async function getErrors(): Promise<FormValidateError[]> {\r\n    return Object.entries(errors.value).map(([field, message]) => ({ field, message }))\r\n  }\r\n\r\n  function clearValidate(fieldsToClear?: string | string[]) {\r\n    if (fieldsToClear) {\r\n      const propsArray = Array.isArray(fieldsToClear) ? fieldsToClear : [fieldsToClear]\r\n      propsArray.forEach(prop => removeError(prop))\r\n    }\r\n    else {\r\n      errors.value = {}\r\n    }\r\n  }\r\n\r\n  return {\r\n    errors,\r\n    fields,\r\n    fieldInstances,\r\n    addField,\r\n    removeField,\r\n    setError,\r\n    removeError,\r\n    getError,\r\n    getErrors,\r\n    clearValidate,\r\n  }\r\n}\r\n\r\nexport interface UseFieldGroupItemProps {\r\n  prop?: string\r\n  label?: string\r\n  labelPosition?: string\r\n  labelWidth?: string | number\r\n  trigger?: 'blur' | 'change' | 'none' | Array<'blur' | 'change'>\r\n  ui?: any\r\n}\r\n\r\n/**\r\n * \u8868\u5355\u9879 (FormItem) \u72B6\u6001\u7BA1\u7406\r\n */\r\nexport function useFieldGroupItem(props: UseFieldGroupItemProps) {\r\n  const form = inject<any>('rebornForm', undefined)\r\n  const instance = getCurrentInstance()\r\n\r\n  const error = computed(() => {\r\n    if (!form || !props.prop) { return '' }\r\n    return form.getError ? form.getError(props.prop) : ''\r\n  })\r\n\r\n  const labelPosition = computed(() => {\r\n    return props.labelPosition || form?.props?.labelPosition || 'left'\r\n  })\r\n\r\n  const labelWidth = computed(() => {\r\n    if (labelPosition.value === 'top') { return 'auto' }\r\n    return props.labelWidth || form?.props?.labelWidth || 'auto'\r\n  })\r\n\r\n  const size = computed(() => {\r\n    const s = form?.props?.size\r\n    if (s && ['sm', 'md', 'lg'].includes(s)) {\r\n      return s as 'sm' | 'md' | 'lg'\r\n    }\r\n    return 'sm'\r\n  })\r\n\r\n  // Web \u7248\u83B7\u53D6\u4F4D\u7F6E\u65B9\u6CD5\r\n  const getBoundingClientRect = (callback: (res: DOMRect) => void) => {\r\n    if (instance?.proxy?.$el) {\r\n      const rect = instance.proxy.$el.getBoundingClientRect()\r\n      callback(rect)\r\n    }\r\n  }\r\n\r\n  const validate = (trigger: 'blur' | 'change') => {\r\n    if (!form || !props.prop) { return }\r\n\r\n    let currentTrigger = props.trigger\r\n    if (currentTrigger === undefined) {\r\n      currentTrigger = form.props?.trigger\r\n    }\r\n\r\n    if (!currentTrigger || currentTrigger === 'none') { return }\r\n\r\n    let shouldValidate = false\r\n    if (Array.isArray(currentTrigger)) {\r\n      shouldValidate = currentTrigger.includes(trigger)\r\n    }\r\n    else {\r\n      shouldValidate = currentTrigger === trigger\r\n    }\r\n\r\n    if (shouldValidate && form.validateField) {\r\n      form.validateField(props.prop)\r\n    }\r\n  }\r\n\r\n  watch(() => props.prop, (newProp, oldProp) => {\r\n    if (form) {\r\n      if (oldProp) {\r\n        form.removeField({ uid: instance?.uid, prop: oldProp })\r\n      }\r\n      if (newProp) {\r\n        form.addField({ uid: instance?.uid, prop: newProp, getBoundingClientRect })\r\n      }\r\n    }\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (form && props.prop) {\r\n      form.addField({ uid: instance?.uid, prop: props.prop, getBoundingClientRect })\r\n    }\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    if (form && props.prop) {\r\n      form.removeField({ uid: instance?.uid, prop: props.prop })\r\n    }\r\n  })\r\n\r\n  return {\r\n    form,\r\n    error,\r\n    labelPosition,\r\n    labelWidth,\r\n    size,\r\n    getBoundingClientRect,\r\n    validate,\r\n  }\r\n}\r\n\r\n/**\r\n * \u4F9B\u8868\u5355\u5185\u90E8\u7EC4\u4EF6 (Input/Select \u7B49) \u4F7F\u7528\u7684\u6CE8\u5165\u5DE5\u5177\r\n */\r\nexport function useFormInject(props: any = {}) {\r\n  const form = inject<any>('rebornForm', null)\r\n  const formItem = inject<any>('rebornFormItem', null)\r\n\r\n  const size = computed(() => {\r\n    return formItem?.size?.value || form?.props?.size || props.size\r\n  })\r\n\r\n  const disabled = computed(() => {\r\n    return form?.props?.disabled || props.disabled\r\n  })\r\n\r\n  const orientation = computed(() => {\r\n    return form?.props?.orientation || props.orientation\r\n  })\r\n\r\n  const isError = computed(() => {\r\n    return formItem?.isError?.value || false\r\n  })\r\n\r\n  const validate = (trigger: 'blur' | 'change') => {\r\n    if (formItem?.validate) {\r\n      formItem.validate(trigger)\r\n    }\r\n  }\r\n\r\n  return {\r\n    form,\r\n    size,\r\n    disabled,\r\n    orientation,\r\n    isError,\r\n    validate,\r\n  }\r\n}\r\n",
     "composables/useMouseState.ts": 'import { readonly, ref } from "vue";\r\n\r\nexport function useMouseState() {\r\n  const isMouseEntered = ref(false);\r\n\r\n  function setMouseEntered(value: boolean) {\r\n    isMouseEntered.value = value;\r\n  }\r\n\r\n  return {\r\n    isMouseEntered: readonly(isMouseEntered),\r\n    setMouseEntered,\r\n  };\r\n}\r\n',
     "composables/useNavigation.ts": `import type { ContentNavigationItem } from "@nuxt/content";\r
 \r
@@ -1041,7 +1041,7 @@ function initCommand() {
 // package.json
 var package_default = {
   name: "reborn-ui",
-  version: "0.1.80",
+  version: "0.1.82",
   description: "A CLI for Reborn UI",
   author: "1997liuyh-boop",
   license: "MIT",
@@ -1067,10 +1067,11 @@ var package_default = {
     dev: "tsx src/index.ts",
     clean: "rimraf dist",
     prepare: "tsup",
+    "publish:version": "tsx src/scripts/prepare-publish-version.ts",
     "templates:sync": "tsx src/scripts/sync-templates.ts",
     "registry:build": "tsx src/index.ts build --root ../.. --uniapp-source packages/uniapp-project/src/components",
     prepack: "npm run templates:sync && npm run build && npm run registry:build",
-    prepublishOnly: "npm run templates:sync && npm run build && npm run registry:build"
+    prepublishOnly: "npm run publish:version && npm run templates:sync && npm run build && npm run registry:build"
   },
   dependencies: {
     chalk: "^5.6.2",