@hoenergy/hoenergy-template-pc 1.1.34 → 1.1.36

package/.i18n_extractor.json

@@ -1,8 +1,8 @@
-{
-  "langs": ["en", "vi"],
-  "scanPath": "src",
-  "fileType": "vue|ts|js|jsx|tsx",
-  "localePath": "src/locales",
-  "keyCount": 10,
-  "onlyExtract": false
-}
+{
+  "langs": ["en", "vi"],
+  "scanPath": "src",
+  "fileType": "vue|ts|js|jsx|tsx",
+  "localePath": "src/locales",
+  "keyCount": 10,
+  "onlyExtract": false
+}

package/docs/tailwind.css

@@ -1,4 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoenergy/hoenergy-template-pc",
   "type": "module",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "description": "A cross-compatible Vue component library with metadata extraction",
   "publishConfig": {
     "access": "public"

package/src/components/Business/dataEntry/FormaxEleTimePicker/index.ts

@@ -1,55 +1,55 @@
-import FormaxEleTimePicker from './index.vue'
-import type { FormaxComponent, ComponentMeta } from '../../../../types'
-
-export { FormaxEleTimePicker }
-
-export const FormaxEleTimePickerComponent =
-  FormaxEleTimePicker as any as FormaxComponent
-
-const meta: ComponentMeta = {
-  name: 'FormaxEleTimePicker',
-  label: '时间选择器（15 分钟步长）',
-  description:
-    '基于 Naive UI n-time-picker 的业务时间选择器，只支持时分，分钟步长为 15 分钟，23 点支持 59 分钟。',
-  props: {
-    value: {
-      type: 'string | null',
-      default: null,
-      description: '时间值，格式为 HH:mm',
-    },
-  },
-  events: [
-    {
-      name: 'update:value',
-      description: '时间变化时触发',
-      payload: 'value: string | null',
-    },
-  ],
-  slots: [],
-  methods: [],
-  usage: `<template>
-  <div style="padding: 16px;">
-    <FormaxEleTimePicker :value="time" @update:value="val => time = val" />
-    <div style="margin-top: 20px;">Current Time: {{ time }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import FormaxEleTimePicker from './index'
-onMounted(() => {
-  console.log('进来了')
-})
-const time = ref<string | null>('23:00')
-</script>`,
-  previewPath: 'Business/dataEntry/FormaxEleTimePicker/preview.vue',
-  package: 'business',
-  category: 'dataEntry',
-  key: 'EleTimePicker',
-  conKey: 'BDEEleTimePicker',
-  image: 'BDEEleTimePicker.png',
-}
-
-;(FormaxEleTimePickerComponent as any).__doc_meta__ = meta
-
-export default FormaxEleTimePickerComponent
+import FormaxEleTimePicker from './index.vue'
+import type { FormaxComponent, ComponentMeta } from '../../../../types'
+
+export { FormaxEleTimePicker }
+
+export const FormaxEleTimePickerComponent =
+  FormaxEleTimePicker as any as FormaxComponent
+
+const meta: ComponentMeta = {
+  name: 'FormaxEleTimePicker',
+  label: '时间选择器（15 分钟步长）',
+  description:
+    '基于 Naive UI n-time-picker 的业务时间选择器，只支持时分，分钟步长为 15 分钟，23 点支持 59 分钟。',
+  props: {
+    value: {
+      type: 'string | null',
+      default: null,
+      description: '时间值，格式为 HH:mm',
+    },
+  },
+  events: [
+    {
+      name: 'update:value',
+      description: '时间变化时触发',
+      payload: 'value: string | null',
+    },
+  ],
+  slots: [],
+  methods: [],
+  usage: `<template>
+  <div style="padding: 16px;">
+    <FormaxEleTimePicker :value="time" @update:value="val => time = val" />
+    <div style="margin-top: 20px;">Current Time: {{ time }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import FormaxEleTimePicker from './index'
+onMounted(() => {
+  console.log('进来了')
+})
+const time = ref<string | null>('23:00')
+</script>`,
+  previewPath: 'Business/dataEntry/FormaxEleTimePicker/preview.vue',
+  package: 'business',
+  category: 'dataEntry',
+  key: 'EleTimePicker',
+  conKey: 'BDEEleTimePicker',
+  image: 'BDEEleTimePicker.png',
+}
+
+;(FormaxEleTimePickerComponent as any).__doc_meta__ = meta
+
+export default FormaxEleTimePickerComponent

package/src/components/Business/dataEntry/FormaxEleTimePicker/index.vue

@@ -1,51 +1,51 @@
-<template>
-  <n-time-picker v-bind="attrs" format="HH:mm" value-format="HH:mm" :default-formatted-value="currentValue"
-    :minutes="currentMinutes" @update:formatted-value="handleUpdateValue" :actions="null" />
-</template>
-
-<script setup lang="ts">
-import { useAttrs, ref, watch } from 'vue'
-
-const props = defineProps<{
-  value?: string | null
-}>()
-let currentValue = ref<any>(undefined)
-const emit = defineEmits<{
-  (e: 'update:value', value: string | null): void
-  (e: 'confirm', value: string | null): void
-}>()
-
-const attrs = useAttrs()
-
-const commonMinutes = [0, 15, 30, 45]
-const lastHourMinutes = [0, 15, 30, 45, 59]
-
-const currentMinutes = ref<number[]>(commonMinutes)
-
-function updateMinutes(val?: string | null) {
-  if (!val) {
-    currentMinutes.value = commonMinutes
-    return
-  }
-  const [hour] = val.split(':').map(Number)
-  currentMinutes.value = hour === 23 ? lastHourMinutes : commonMinutes
-}
-
-watch(() => props.value, (newVal) => {
-  updateMinutes(newVal)
-  currentValue.value = newVal
-}, { immediate: true })
-
-function handleUpdateValue(val: string | null) {
-  // 如果传入的 val 是 Date 或其他格式，先格式化为 HH:mm 字符串
-  const timeStr = val
-    ? typeof val === 'string' && /^\d{2}:\d{2}$/.test(val)
-      ? val
-      : new Date(val).toTimeString().slice(0, 5)
-    : null
-
-  updateMinutes(timeStr)
-  emit('update:value', timeStr)
-}
-
-</script>
+<template>
+  <n-time-picker v-bind="attrs" format="HH:mm" value-format="HH:mm" :default-formatted-value="currentValue"
+    :minutes="currentMinutes" @update:formatted-value="handleUpdateValue" :actions="null" />
+</template>
+
+<script setup lang="ts">
+import { useAttrs, ref, watch } from 'vue'
+
+const props = defineProps<{
+  value?: string | null
+}>()
+let currentValue = ref<any>(undefined)
+const emit = defineEmits<{
+  (e: 'update:value', value: string | null): void
+  (e: 'confirm', value: string | null): void
+}>()
+
+const attrs = useAttrs()
+
+const commonMinutes = [0, 15, 30, 45]
+const lastHourMinutes = [0, 15, 30, 45, 59]
+
+const currentMinutes = ref<number[]>(commonMinutes)
+
+function updateMinutes(val?: string | null) {
+  if (!val) {
+    currentMinutes.value = commonMinutes
+    return
+  }
+  const [hour] = val.split(':').map(Number)
+  currentMinutes.value = hour === 23 ? lastHourMinutes : commonMinutes
+}
+
+watch(() => props.value, (newVal) => {
+  updateMinutes(newVal)
+  currentValue.value = newVal
+}, { immediate: true })
+
+function handleUpdateValue(val: string | null) {
+  // 如果传入的 val 是 Date 或其他格式，先格式化为 HH:mm 字符串
+  const timeStr = val
+    ? typeof val === 'string' && /^\d{2}:\d{2}$/.test(val)
+      ? val
+      : new Date(val).toTimeString().slice(0, 5)
+    : null
+
+  updateMinutes(timeStr)
+  emit('update:value', timeStr)
+}
+
+</script>

package/src/components/Business/dataEntry/FormaxEleTimePicker/preview.vue

@@ -1,14 +1,14 @@
-<template>
-  <div style="padding: 16px;">
-    <FormaxEleTimePicker :value="time" @update:value="val => time = val" />
-    <div style="margin-top: 20px;">Current Time: {{ time }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import FormaxEleTimePicker from './index'
-onMounted(() => {
-})
-const time = ref<string | null>('23:00')
-</script>
+<template>
+  <div style="padding: 16px;">
+    <FormaxEleTimePicker :value="time" @update:value="val => time = val" />
+    <div style="margin-top: 20px;">Current Time: {{ time }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import FormaxEleTimePicker from './index'
+onMounted(() => {
+})
+const time = ref<string | null>('23:00')
+</script>

package/src/components/Business/dataEntry/modalSearchTable/hooks/useModalSearchTable.ts

@@ -1,73 +1,73 @@
-import { ref, unref, getCurrentInstance, watch, onUnmounted } from 'vue'
-
-export interface ModalSearchTableMethods {
-  openModal: () => void
-  closeModal: () => void
-  setModalProps: (props: any) => void
-  setFormProps: (props: any) => void
-  setProps: (props: { modalProps?: any; formProps?: any }) => void
-}
-
-export type UseModalSearchTableReturnType = [
-  (instance: ModalSearchTableMethods) => void,
-  ModalSearchTableMethods,
-]
-
-export function useModalSearchTable(options?: {
-  modalProps?: any
-  formProps?: any
-}): UseModalSearchTableReturnType {
-  const modalRef = ref<ModalSearchTableMethods | null>(null)
-  const currentInstance = getCurrentInstance()
-
-  const getInstance = () => {
-    const instance = unref(modalRef)
-    if (!instance) {
-      console.error('useModalSearchTable instance is undefined!')
-    }
-    return instance
-  }
-
-  const register = (instance: ModalSearchTableMethods) => {
-    onUnmounted(() => {
-      modalRef.value = null
-    })
-    modalRef.value = instance
-    currentInstance?.emit('register', instance)
-
-    watch(
-      () => options,
-      () => {
-        instance.setProps({
-          modalProps: options?.modalProps,
-          formProps: options?.formProps,
-        })
-      },
-      {
-        immediate: true,
-        deep: true,
-      },
-    )
-  }
-
-  const methods: ModalSearchTableMethods = {
-    openModal: () => {
-      getInstance()?.openModal()
-    },
-    closeModal: () => {
-      getInstance()?.closeModal()
-    },
-    setModalProps: (props: any) => {
-      getInstance()?.setModalProps(props)
-    },
-    setFormProps: (props: any) => {
-      getInstance()?.setFormProps(props)
-    },
-    setProps: (props: { modalProps?: any; formProps?: any }) => {
-      getInstance()?.setProps(props)
-    },
-  }
-
-  return [register, methods]
-}
-
+import { ref, unref, getCurrentInstance, watch, onUnmounted } from 'vue'
+
+export interface ModalSearchTableMethods {
+  openModal: () => void
+  closeModal: () => void
+  setModalProps: (props: any) => void
+  setFormProps: (props: any) => void
+  setProps: (props: { modalProps?: any; formProps?: any }) => void
+}
+
+export type UseModalSearchTableReturnType = [
+  (instance: ModalSearchTableMethods) => void,
+  ModalSearchTableMethods,
+]
+
+export function useModalSearchTable(options?: {
+  modalProps?: any
+  formProps?: any
+}): UseModalSearchTableReturnType {
+  const modalRef = ref<ModalSearchTableMethods | null>(null)
+  const currentInstance = getCurrentInstance()
+
+  const getInstance = () => {
+    const instance = unref(modalRef)
+    if (!instance) {
+      console.error('useModalSearchTable instance is undefined!')
+    }
+    return instance
+  }
+
+  const register = (instance: ModalSearchTableMethods) => {
+    onUnmounted(() => {
+      modalRef.value = null
+    })
+    modalRef.value = instance
+    currentInstance?.emit('register', instance)
+
+    watch(
+      () => options,
+      () => {
+        instance.setProps({
+          modalProps: options?.modalProps,
+          formProps: options?.formProps,
+        })
+      },
+      {
+        immediate: true,
+        deep: true,
+      },
+    )
+  }
+
+  const methods: ModalSearchTableMethods = {
+    openModal: () => {
+      getInstance()?.openModal()
+    },
+    closeModal: () => {
+      getInstance()?.closeModal()
+    },
+    setModalProps: (props: any) => {
+      getInstance()?.setModalProps(props)
+    },
+    setFormProps: (props: any) => {
+      getInstance()?.setFormProps(props)
+    },
+    setProps: (props: { modalProps?: any; formProps?: any }) => {
+      getInstance()?.setProps(props)
+    },
+  }
+
+  return [register, methods]
+}
+