@hoenergy/hoenergy-template-pc 1.1.50 → 1.1.51

package/dist/components/Business/dataEntry/FormaxEleTimePicker/index.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_Props = {
     value?: string | null;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    confirm: (value: string | null) => any;
     "update:value": (value: string | null) => any;
+    "on-confirm": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onConfirm?: ((value: string | null) => any) | undefined;
     "onUpdate:value"?: ((value: string | null) => any) | undefined;
+    "onOn-confirm"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/index.js

@@ -220,7 +220,7 @@ const data = {
 function handleSelect(checked: boolean, data: object) {
   console.log(checked, data)
 }
-<\/script>`,previewProps:{data:{title:{text:"ECharts 示例",subtext:"纯属虚构",left:"left"},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"right"},series:[{name:"访问量",type:"pie",radius:"50%",data:[{value:1048,name:"搜索引擎"},{value:735,name:"直接访问"},{value:580,name:"邮件营销"},{value:484,name:"联盟广告"},{value:300,name:"视频广告"}]}]},name:"示例卡片"},previewPath:"charts/chartCard/FormaxChartCard/preview.vue",package:"charts",category:"charts",key:"FormaxChartCard",conKey:"DCFormaxChartCard",image:"DCFormaxChartCard.png"};ft.__doc_meta__=LY;const Mt=t.defineComponent({__name:"index",props:{value:{}},emits:["update:value","confirm"],setup(e,{emit:o}){const n=e;let l=t.ref(void 0);const k=o,c=t.useAttrs(),r=[0,15,30,45],d=[0,15,30,45,59],s=t.ref(r);function h(a){if(!a){s.value=r;return}const[j]=a.split(":").map(Number);s.value=j===23?d:r}t.watch(()=>n.value,a=>{h(a),l.value=a},{immediate:!0});function u(a){const j=a?typeof a=="string"&&/^\d{2}:\d{2}$/.test(a)?a:new Date(a).toTimeString().slice(0,5):null;h(j),k("update:value",j)}function L(a){const j=a?typeof a=="string"&&/^\d{2}:\d{2}$/.test(a)?a:new Date(a).toTimeString().slice(0,5):null;k("confirm",j)}return(a,j)=>{const C=t.resolveComponent("n-time-picker");return t.openBlock(),t.createBlock(C,t.mergeProps(t.unref(c),{format:"HH:mm","value-format":"HH:mm","default-formatted-value":t.unref(l),minutes:s.value,"onUpdate:formattedValue":u,actions:["confirm"],onConfirm:L}),null,16,["default-formatted-value","minutes"])}}}),VY={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>
+<\/script>`,previewProps:{data:{title:{text:"ECharts 示例",subtext:"纯属虚构",left:"left"},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"right"},series:[{name:"访问量",type:"pie",radius:"50%",data:[{value:1048,name:"搜索引擎"},{value:735,name:"直接访问"},{value:580,name:"邮件营销"},{value:484,name:"联盟广告"},{value:300,name:"视频广告"}]}]},name:"示例卡片"},previewPath:"charts/chartCard/FormaxChartCard/preview.vue",package:"charts",category:"charts",key:"FormaxChartCard",conKey:"DCFormaxChartCard",image:"DCFormaxChartCard.png"};ft.__doc_meta__=LY;const Mt=t.defineComponent({__name:"index",props:{value:{}},emits:["update:value","on-confirm"],setup(e,{emit:o}){const n=e;let l=t.ref(void 0);const k=o,c=t.useAttrs(),r=[0,15,30,45],d=[0,15,30,45,59],s=t.ref(r);function h(a){if(!a){s.value=r;return}const[j]=a.split(":").map(Number);s.value=j===23?d:r}t.watch(()=>n.value,a=>{h(a),l.value=a},{immediate:!0});function u(a){const j=a?typeof a=="string"&&/^\d{2}:\d{2}$/.test(a)?a:new Date(a).toTimeString().slice(0,5):null;h(j),k("update:value",j)}function L(a){const j=a?typeof a=="string"&&/^\d{2}:\d{2}$/.test(a)?a:new Date(a).toTimeString().slice(0,5):null;k("on-confirm",j)}return(a,j)=>{const C=t.resolveComponent("n-time-picker");return t.openBlock(),t.createBlock(C,t.mergeProps(t.unref(c),{format:"HH:mm","value-format":"HH:mm","default-formatted-value":t.unref(l),minutes:s.value,"onUpdate:formattedValue":u,actions:["confirm"],onConfirm:L}),null,16,["default-formatted-value","minutes"])}}}),VY={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>

package/dist/index.mjs

@@ -98831,7 +98831,7 @@ const LY = /* @__PURE__ */ ce({
   props: {
     value: {}
   },
-  emits: ["update:value", "confirm"],
+  emits: ["update:value", "on-confirm"],
   setup(e, { emit: n }) {
     const o = e;
     let l = x(void 0);
@@ -98853,7 +98853,7 @@ const LY = /* @__PURE__ */ ce({
     }
     function u(d) {
       const w = d ? typeof d == "string" && /^\d{2}:\d{2}$/.test(d) ? d : new Date(d).toTimeString().slice(0, 5) : null;
-      r("confirm", w);
+      r("on-confirm", w);
     }
     return (d, w) => {
       const f = O("n-time-picker");

package/package.json

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

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

@@ -12,7 +12,7 @@ const props = defineProps<{
 let currentValue = ref<any>(undefined)
 const emit = defineEmits<{
   (e: 'update:value', value: string | null): void
-  (e: 'confirm', value: string | null): void
+  (e: 'on-confirm', value: string | null): void
 }>()
 
 const attrs = useAttrs()
@@ -55,6 +55,6 @@ function handleConfirm(val: string | null) {
       ? val
       : new Date(val).toTimeString().slice(0, 5)
     : null
-  emit('confirm', timeStr)
+  emit('on-confirm', timeStr)
 }
 </script>

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

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