@hbdlzy/ui-core 0.1.4 → 0.1.6

package/dist/components/BaseDialog/index.d.ts

@@ -1,3 +0,0 @@
-import BaseDialog from './BaseDialog.vue';
-export default BaseDialog;
-export type { BaseDialogBeforeConfirm, BaseDialogCssValue, BaseDialogExpose, BaseDialogProps } from './BaseDialog.types';

package/dist/components/BaseSearchForm/BaseSearchForm.types.d.ts

@@ -1,42 +0,0 @@
-export type BaseSearchFormCssValue = string | number;
-export type BaseSearchFormFieldType = 'input' | 'select' | 'date' | 'dateRange' | 'slot';
-export type BaseSearchFormOptionValue = string | number | boolean;
-export type BaseSearchFormModel = Record<string, unknown>;
-export interface BaseSearchFormOption {
-    label: string;
-    value: BaseSearchFormOptionValue;
-    disabled?: boolean;
-}
-export interface BaseSearchFormField {
-    key: string;
-    label?: string;
-    type?: BaseSearchFormFieldType;
-    placeholder?: string;
-    options?: BaseSearchFormOption[];
-    span?: number;
-    collapsed?: boolean;
-    hidden?: boolean;
-    clearable?: boolean;
-    disabled?: boolean;
-    props?: Record<string, unknown>;
-}
-export interface BaseSearchFormProps {
-    modelValue?: BaseSearchFormModel;
-    fields: BaseSearchFormField[];
-    collapsed?: boolean;
-    showCollapse?: boolean;
-    columns?: number;
-    labelWidth?: BaseSearchFormCssValue;
-    fieldWidth?: BaseSearchFormCssValue;
-    gutter?: number;
-    submitText?: string;
-    resetText?: string;
-    expandText?: string;
-    collapseText?: string;
-}
-export interface BaseSearchFormExpose {
-    submit: () => void;
-    reset: () => void;
-    setFieldValue: (key: string, value: unknown) => void;
-    getModel: () => BaseSearchFormModel;
-}

package/dist/components/BaseSearchForm/BaseSearchForm.utils.d.ts

@@ -1,5 +0,0 @@
-import type { BaseSearchFormField, BaseSearchFormModel } from './BaseSearchForm.types';
-export declare function cloneSearchFormModel(model?: BaseSearchFormModel): BaseSearchFormModel;
-export declare function getVisibleSearchFields(fields: BaseSearchFormField[], collapsed: boolean): BaseSearchFormField[];
-export declare function resetSearchFormModel(fields: BaseSearchFormField[]): BaseSearchFormModel;
-export declare function toSearchFormCssValue(value?: string | number): string | undefined;

package/dist/components/BaseSearchForm/BaseSearchForm.vue.d.ts

@@ -1,88 +0,0 @@
-import type { BaseSearchFormField, BaseSearchFormModel, BaseSearchFormProps } from './BaseSearchForm.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseSearchFormProps>, {
-    modelValue: () => {};
-    collapsed: boolean;
-    showCollapse: boolean;
-    columns: number;
-    labelWidth: number;
-    fieldWidth: undefined;
-    gutter: number;
-    submitText: string;
-    resetText: string;
-    expandText: string;
-    collapseText: string;
-}>>, {
-    submit: () => void;
-    reset: () => void;
-    setFieldValue: (key: string, value: unknown) => void;
-    getModel: () => BaseSearchFormModel;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: BaseSearchFormModel) => void;
-    search: (value: BaseSearchFormModel) => void;
-    reset: (value: BaseSearchFormModel) => void;
-    "field-change": (key: string, value: unknown, model: BaseSearchFormModel) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseSearchFormProps>, {
-    modelValue: () => {};
-    collapsed: boolean;
-    showCollapse: boolean;
-    columns: number;
-    labelWidth: number;
-    fieldWidth: undefined;
-    gutter: number;
-    submitText: string;
-    resetText: string;
-    expandText: string;
-    collapseText: string;
-}>>> & Readonly<{
-    onReset?: ((value: BaseSearchFormModel) => any) | undefined;
-    onSearch?: ((value: BaseSearchFormModel) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: BaseSearchFormModel) => any) | undefined;
-    "onField-change"?: ((key: string, value: unknown, model: BaseSearchFormModel) => any) | undefined;
-}>, {
-    modelValue: BaseSearchFormModel;
-    collapsed: boolean;
-    showCollapse: boolean;
-    columns: number;
-    labelWidth: import("./BaseSearchForm.types").BaseSearchFormCssValue;
-    fieldWidth: import("./BaseSearchForm.types").BaseSearchFormCssValue;
-    gutter: number;
-    submitText: string;
-    resetText: string;
-    expandText: string;
-    collapseText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Partial<Record<string, (_: {
-    field: BaseSearchFormField;
-    model: BaseSearchFormModel;
-    value: unknown;
-    setValue: (value: unknown) => void;
-}) => any>> & {
-    "actions-before"?(_: {
-        model: BaseSearchFormModel;
-    }): any;
-    "actions-after"?(_: {
-        model: BaseSearchFormModel;
-    }): any;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/BaseSearchForm/index.d.ts

@@ -1,4 +0,0 @@
-import BaseSearchForm from './BaseSearchForm.vue';
-export default BaseSearchForm;
-export { cloneSearchFormModel, getVisibleSearchFields, resetSearchFormModel, toSearchFormCssValue } from './BaseSearchForm.utils';
-export type { BaseSearchFormCssValue, BaseSearchFormExpose, BaseSearchFormField, BaseSearchFormFieldType, BaseSearchFormModel, BaseSearchFormOption, BaseSearchFormOptionValue, BaseSearchFormProps } from './BaseSearchForm.types';

package/src/components/BaseDialog/BaseDialog.types.ts

@@ -1,28 +0,0 @@
-export type BaseDialogCssValue = string | number
-
-export type BaseDialogBeforeConfirm = () => boolean | void | Promise<boolean | void>
-
-export interface BaseDialogProps {
-  modelValue?: boolean
-  title?: string
-  width?: BaseDialogCssValue
-  top?: string
-  fullscreen?: boolean
-  appendToBody?: boolean
-  destroyOnClose?: boolean
-  closeOnClickModal?: boolean
-  closeOnPressEscape?: boolean
-  showClose?: boolean
-  showFooter?: boolean
-  confirmText?: string
-  cancelText?: string
-  confirmLoading?: boolean
-  confirmDisabled?: boolean
-  beforeConfirm?: BaseDialogBeforeConfirm
-}
-
-export interface BaseDialogExpose {
-  open: () => void
-  close: () => void
-  confirm: () => Promise<void>
-}

package/src/components/BaseDialog/BaseDialog.vue

@@ -1,158 +0,0 @@
-<template>
-  <el-dialog
-    class="base-dialog"
-    :model-value="modelValue"
-    :title="title"
-    :width="normalizedWidth"
-    :top="top"
-    :fullscreen="fullscreen"
-    :append-to-body="appendToBody"
-    :destroy-on-close="destroyOnClose"
-    :close-on-click-modal="closeOnClickModal"
-    :close-on-press-escape="closeOnPressEscape"
-    :show-close="showClose"
-    @update:model-value="handleModelValueUpdate"
-    @open="emit('open')"
-    @opened="emit('opened')"
-    @close="emit('close')"
-    @closed="emit('closed')"
-  >
-    <template
-      v-if="$slots.header"
-      #header
-    >
-      <slot name="header" />
-    </template>
-
-    <div class="base-dialog__body">
-      <slot />
-    </div>
-
-    <template
-      v-if="showFooter"
-      #footer
-    >
-      <slot name="footer">
-        <div class="base-dialog__footer">
-          <el-button @click="cancel">
-            {{ cancelText }}
-          </el-button>
-          <el-button
-            type="primary"
-            :loading="mergedConfirmLoading"
-            :disabled="confirmDisabled"
-            @click="confirm"
-          >
-            {{ confirmText }}
-          </el-button>
-        </div>
-      </slot>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import type { BaseDialogExpose, BaseDialogProps } from './BaseDialog.types'
-
-defineOptions({
-  name: 'BaseDialog'
-})
-
-const props = withDefaults(defineProps<BaseDialogProps>(), {
-  modelValue: false,
-  title: '',
-  width: '560px',
-  top: '12vh',
-  fullscreen: false,
-  appendToBody: false,
-  destroyOnClose: false,
-  closeOnClickModal: false,
-  closeOnPressEscape: true,
-  showClose: true,
-  showFooter: true,
-  confirmText: '确定',
-  cancelText: '取消',
-  confirmLoading: false,
-  confirmDisabled: false,
-  beforeConfirm: undefined
-})
-
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: boolean): void
-  (event: 'open'): void
-  (event: 'opened'): void
-  (event: 'close'): void
-  (event: 'closed'): void
-  (event: 'cancel'): void
-  (event: 'confirm'): void
-}>()
-
-const innerConfirmLoading = ref(false)
-
-const normalizedWidth = computed(() => toCssValue(props.width))
-const mergedConfirmLoading = computed(() => props.confirmLoading || innerConfirmLoading.value)
-
-function toCssValue(value?: string | number) {
-  if (value === undefined || value === null || value === '') {
-    return undefined
-  }
-
-  return typeof value === 'number' ? `${value}px` : value
-}
-
-function handleModelValueUpdate(value: boolean) {
-  emit('update:modelValue', value)
-}
-
-function open() {
-  emit('update:modelValue', true)
-}
-
-function close() {
-  emit('update:modelValue', false)
-}
-
-function cancel() {
-  emit('cancel')
-  close()
-}
-
-async function confirm() {
-  if (mergedConfirmLoading.value || props.confirmDisabled) {
-    return
-  }
-
-  innerConfirmLoading.value = true
-
-  try {
-    const result = await props.beforeConfirm?.()
-    if (result === false) {
-      return
-    }
-
-    emit('confirm')
-  } finally {
-    innerConfirmLoading.value = false
-  }
-}
-
-defineExpose<BaseDialogExpose>({
-  open,
-  close,
-  confirm
-})
-</script>
-
-<style scoped>
-.base-dialog__body {
-  min-width: 0;
-}
-
-.base-dialog__footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-}
-</style>

package/src/components/BaseDialog/README.md

@@ -1,69 +0,0 @@
-# BaseDialog
-
-`BaseDialog` 用于统一新增、编辑、确认类弹窗，封装常见页脚、确认 loading、异步确认和取消关闭逻辑。
-
-## 基础用法
-
-```vue
-<template>
-  <BaseDialog
-    v-model="visible"
-    title="新增记录"
-    :before-confirm="submitForm"
-    @confirm="visible = false"
-  >
-    <el-form>
-      <el-form-item label="名称">
-        <el-input v-model="form.name" />
-      </el-form-item>
-    </el-form>
-  </BaseDialog>
-</template>
-
-<script setup lang="ts">
-import { reactive, ref } from 'vue'
-import { BaseDialog } from '@hbdlzy/ui-core'
-
-const visible = ref(false)
-const form = reactive({ name: '' })
-
-async function submitForm() {
-  if (!form.name) {
-    return false
-  }
-}
-</script>
-```
-
-## Props
-
-- `modelValue`: 弹窗显示状态
-- `title`: 标题
-- `width`: 宽度
-- `top`: 顶部距离
-- `fullscreen`: 是否全屏
-- `appendToBody`: 是否插入 body
-- `destroyOnClose`: 关闭后销毁内容
-- `closeOnClickModal`: 点击遮罩关闭
-- `showFooter`: 是否显示默认页脚
-- `confirmText`: 确认按钮文案
-- `cancelText`: 取消按钮文案
-- `confirmLoading`: 外部确认 loading
-- `confirmDisabled`: 禁用确认按钮
-- `beforeConfirm`: 确认前钩子，返回 `false` 可阻止确认事件
-
-## Events
-
-- `update:modelValue`
-- `open`
-- `opened`
-- `close`
-- `closed`
-- `cancel`
-- `confirm`
-
-## Slots
-
-- 默认插槽：弹窗内容
-- `header`: 自定义头部
-- `footer`: 自定义底部

package/src/components/BaseDialog/index.ts

@@ -1,10 +0,0 @@
-import BaseDialog from './BaseDialog.vue'
-
-export default BaseDialog
-
-export type {
-  BaseDialogBeforeConfirm,
-  BaseDialogCssValue,
-  BaseDialogExpose,
-  BaseDialogProps
-} from './BaseDialog.types'

package/src/components/BaseSearchForm/BaseSearchForm.types.ts

@@ -1,46 +0,0 @@
-export type BaseSearchFormCssValue = string | number
-export type BaseSearchFormFieldType = 'input' | 'select' | 'date' | 'dateRange' | 'slot'
-export type BaseSearchFormOptionValue = string | number | boolean
-export type BaseSearchFormModel = Record<string, unknown>
-
-export interface BaseSearchFormOption {
-  label: string
-  value: BaseSearchFormOptionValue
-  disabled?: boolean
-}
-
-export interface BaseSearchFormField {
-  key: string
-  label?: string
-  type?: BaseSearchFormFieldType
-  placeholder?: string
-  options?: BaseSearchFormOption[]
-  span?: number
-  collapsed?: boolean
-  hidden?: boolean
-  clearable?: boolean
-  disabled?: boolean
-  props?: Record<string, unknown>
-}
-
-export interface BaseSearchFormProps {
-  modelValue?: BaseSearchFormModel
-  fields: BaseSearchFormField[]
-  collapsed?: boolean
-  showCollapse?: boolean
-  columns?: number
-  labelWidth?: BaseSearchFormCssValue
-  fieldWidth?: BaseSearchFormCssValue
-  gutter?: number
-  submitText?: string
-  resetText?: string
-  expandText?: string
-  collapseText?: string
-}
-
-export interface BaseSearchFormExpose {
-  submit: () => void
-  reset: () => void
-  setFieldValue: (key: string, value: unknown) => void
-  getModel: () => BaseSearchFormModel
-}

package/src/components/BaseSearchForm/BaseSearchForm.utils.ts

@@ -1,41 +0,0 @@
-import type {
-  BaseSearchFormField,
-  BaseSearchFormModel
-} from './BaseSearchForm.types'
-
-export function cloneSearchFormModel(model?: BaseSearchFormModel): BaseSearchFormModel {
-  return { ...(model || {}) }
-}
-
-export function getVisibleSearchFields(
-  fields: BaseSearchFormField[],
-  collapsed: boolean
-): BaseSearchFormField[] {
-  return fields.filter((field) => {
-    if (field.hidden) {
-      return false
-    }
-
-    return !collapsed || !field.collapsed
-  })
-}
-
-export function resetSearchFormModel(fields: BaseSearchFormField[]): BaseSearchFormModel {
-  return fields.reduce<BaseSearchFormModel>((model, field) => {
-    if (field.type === 'dateRange') {
-      model[field.key] = []
-      return model
-    }
-
-    model[field.key] = ''
-    return model
-  }, {})
-}
-
-export function toSearchFormCssValue(value?: string | number) {
-  if (value === undefined || value === null || value === '') {
-    return undefined
-  }
-
-  return typeof value === 'number' ? `${value}px` : value
-}