@skyfox2000/webui 1.3.13 → 1.3.15

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.3.13",
+   "version": "1.3.15",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],
@@ -66,4 +66,4 @@
       "vite-plugin-dts": "^4.5.4",
       "vue-tsc": "^2.2.0"
    }
-}
+}

package/src/components/content/search/index.vue

@@ -39,6 +39,7 @@ const props = defineProps<{
 
 const emits = defineEmits<{
    (e: 'update:search', val: Record<string, any>): void;
+   (e: 'reset'): void;
 }>();
 
 /**
@@ -117,19 +118,15 @@ const onReset = () => {
       }
    }
    emits('update:search', data);
+
+   emits('reset');
 };
 </script>
 <template>
-   <Form
-      v-if="defaultSlots + controlSlots > 0"
-      :label-col="{ flex: '60px' }"
-      :style="{
-         flexWrap: 'wrap',
-         borderBottom: '1px solid #e9e9e9',
-      }"
-      class="flex mb-[10px]"
-      v-submit="onSearch"
-   >
+   <Form v-if="defaultSlots + controlSlots > 0" :label-col="{ flex: '60px' }" :style="{
+      flexWrap: 'wrap',
+      borderBottom: '1px solid #e9e9e9',
+   }" class="flex mb-[10px]" v-submit="onSearch">
       <!-- 默认插槽 -->
       <slot></slot>
       <!-- 受控插槽 -->
@@ -137,11 +134,8 @@ const onReset = () => {
       <!-- 表单操作按钮 占位数量 -->
       <SearchItem class="w-1/3" v-if="holderSize >= 1"> </SearchItem>
       <SearchItem class="w-1/3" v-if="holderSize >= 2"> </SearchItem>
-      <SearchItem
-         v-if="defaultSlots || gridCtrl.searchBar"
-         class="w-1/3 flex justify-end text-right pr-5"
-         :wrapper-col="{ flex: 'auto' }"
-      >
+      <SearchItem v-if="defaultSlots || gridCtrl.searchBar" class="w-1/3 flex justify-end text-right pr-5"
+         :wrapper-col="{ flex: 'auto' }">
          <Space>
             <Button type="primary" @click="onSearch" icon="icon-search">搜索</Button>
             <Button @click="onReset" icon="icon-reset">重置</Button>

package/src/components/form/index.ts

@@ -43,6 +43,9 @@ export { Switch };
 import Textarea from './textarea/index.vue';
 export { Textarea };
 
+import TimePicker from './timePicker/index.vue';
+export { TimePicker };
+
 import Transfer from './transfer/index.vue';
 export { Transfer };
 import TransferTable from './transfer/transferTable.vue';

package/src/components/form/timePicker/index.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { TimePicker } from 'ant-design-vue';
+import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
+import { formValidate, useInputFactory } from '@/index';
+const props = defineProps<{
+    valueFormat?: string;
+}>();
+
+const { editorCtrl, labelText, errInfo } = useInputFactory();
+const onBlur = () => {
+    if (errInfo?.value.errClass && editorCtrl) {
+        /// 重新开始验证
+        formValidate(editorCtrl);
+    }
+};
+
+const timeFormat = ref<string>(props.valueFormat ?? 'HH:mm');
+</script>
+<template>
+    <TimePicker class="w-full"
+        :class="[errInfo?.errClass === 'error' ? 'error !border-red-300 shadow-[0_0_3px_0px_#ff4d4f]' : '']"
+        :placeholder="'请选择' + labelText" :locale="locale" :valueFormat="timeFormat" @blur="onBlur" />
+</template>

package/src/components/index.ts

@@ -46,6 +46,7 @@ export {
    Select,
    Switch,
    Textarea,
+   TimePicker,
    Transfer,
    TransferTable,
    TreeSelect,

package/src/index.ts

@@ -266,6 +266,7 @@ export {
    Select,
    Switch,
    Textarea,
+   TimePicker,
    Transfer,
    TransferTable,
    TreeSelect,

package/src/utils/page.ts

@@ -90,7 +90,7 @@ const initUrls = (apiUrls: ApiUrls) => {
       if (!apiUrls.urls[urlKey]!.api) {
          apiUrls.urls[urlKey]!.api = apiUrls.api;
       }
-      if (!apiUrls.urls[urlKey]!.authorize) {
+      if (apiUrls.urls[urlKey]!.authorize === undefined) {
          apiUrls.urls[urlKey]!.authorize = apiUrls.authorize;
       }
    }