vxe-pc-ui 0.0.2 → 0.2.0

package/types/components/checkbox.d.ts

@@ -0,0 +1,119 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSize, ValueOf } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeCheckbox: defineVxeComponent<VxeCheckboxProps, VxeCheckboxEventProps>
+
+export type VxeCheckboxInstance = ComponentPublicInstance<VxeCheckboxProps, VxeCheckboxConstructor>
+
+export interface VxeCheckboxConstructor extends VxeComponentBase, VxeCheckboxMethods {
+  props: VxeCheckboxProps
+  context: SetupContext<VxeCheckboxEmits>
+  reactData: CheckboxReactData
+  getRefMaps(): CheckboxPrivateRef
+  getComputeMaps(): CheckboxPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface CheckboxPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeCheckboxPrivateRef extends CheckboxPrivateRef { }
+
+export namespace VxeCheckboxPropTypes {
+  export type Size = VxeComponentSize
+  export type ModelValue = string | number | boolean
+  export type Label = string | number
+  export type Indeterminate = boolean
+  export type Title = string | number
+  export type CheckedValue = string | number | boolean
+  export type UncheckedValue = string | number | boolean
+  export type Content = string | number
+  export type Disabled = boolean
+}
+
+export type VxeCheckboxProps = {
+  size?: VxeCheckboxPropTypes.Size
+  /**
+   * 绑定值
+   */
+  modelValue?: VxeCheckboxPropTypes.ModelValue
+  /**
+   * 只对 checkbox-group 有效，值
+   */
+  label?: VxeCheckboxPropTypes.Label
+  /**
+   * 是否不确定状态
+   */
+  indeterminate?: VxeCheckboxPropTypes.Indeterminate
+  /**
+   * 原生 title 属性
+   */
+  title?: VxeCheckboxPropTypes.Title
+  checkedValue?: VxeCheckboxPropTypes.CheckedValue
+  uncheckedValue?: VxeCheckboxPropTypes.UncheckedValue
+  /**
+   * 内容
+   */
+  content?: VxeCheckboxPropTypes.Content
+  /**
+   * 是否禁用
+   */
+  disabled?: VxeCheckboxPropTypes.Disabled
+}
+
+export interface CheckboxPrivateComputed {
+}
+export interface VxeCheckboxPrivateComputed extends CheckboxPrivateComputed { }
+
+export interface CheckboxReactData {
+}
+
+export interface CheckboxMethods {
+  dispatchEvent(type: ValueOf<VxeCheckboxEmits>, params: any, evnt: Event): void
+}
+export interface VxeCheckboxMethods extends CheckboxMethods { }
+
+export interface CheckboxPrivateMethods { }
+export interface VxeCheckboxPrivateMethods extends CheckboxPrivateMethods { }
+
+export type VxeCheckboxEmits = [
+  'update:modelValue',
+  'change'
+]
+
+export namespace VxeCheckboxDefines {
+  export interface CheckboxEventParams extends VxeComponentEvent {
+    $checkbox: VxeCheckboxConstructor
+  }
+
+  export interface ChangeParams {
+    checked: boolean
+    label: any
+  }
+  export interface ChangeEventParams extends CheckboxEventParams, ChangeParams { }
+}
+
+export type VxeCheckboxEventProps = {
+  onChange?: VxeCheckboxEvents.Change
+}
+
+export interface VxeCheckboxListeners {
+  change?: VxeCheckboxEvents.Change
+}
+
+export namespace VxeCheckboxEvents {
+  export type Change = (params: VxeCheckboxDefines.ChangeEventParams) => void
+}
+
+export namespace VxeCheckboxSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeCheckboxSlots {
+  default: (params: VxeCheckboxSlotTypes.DefaultSlotParams) => any
+}
+
+export const Checkbox: typeof VxeCheckbox
+export default VxeCheckbox

package/types/{component → components}/col.d.ts

@@ -3,7 +3,9 @@ import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
-declare const VxeCol: defineVxeComponent<VxeColProps, VxeColEventProps>
+export declare const VxeCol: defineVxeComponent<VxeColProps, VxeColEventProps>
+
+export type VxeColInstance = ComponentPublicInstance<VxeColProps, VxeColConstructor>
 
 export interface VxeColConstructor extends VxeComponentBase, VxeColMethods {
   props: VxeColProps
@@ -52,7 +54,13 @@ export interface VxeColListeners { }
 
 export namespace VxeColEvents { }
 
+export namespace VxeColSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
 export interface VxeColSlots {
+  default: (params: VxeColSlotTypes.DefaultSlotParams) => any
 }
 
+export const Col: typeof VxeCol
 export default VxeCol

package/types/components/form-design.d.ts

@@ -0,0 +1,88 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSize, ValueOf } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeFormDesign: defineVxeComponent<VxeFormDesignProps, VxeFormDesignEventProps>
+
+export type VxeFormDesignInstance = ComponentPublicInstance<VxeFormDesignProps, VxeFormDesignConstructor>
+
+export interface VxeFormDesignConstructor extends VxeComponentBase, VxeFormDesignMethods {
+  props: VxeFormDesignProps
+  context: SetupContext<VxeFormDesignEmits>
+  reactData: FormDesignReactData
+  getRefMaps(): FormDesignPrivateRef
+  getComputeMaps(): FormDesignPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface FormDesignPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeFormDesignPrivateRef extends FormDesignPrivateRef { }
+
+export namespace VxeFormDesignPropTypes {
+  export type Size = VxeComponentSize
+
+  export interface WidgetItem {
+    title: string
+    children: string[]
+  }
+  export type Widgets = WidgetItem[]
+}
+
+export type VxeFormDesignProps = {
+  size?: VxeFormDesignPropTypes.Size
+  widgets?: VxeFormDesignPropTypes.Widgets
+}
+
+export interface FormDesignPrivateComputed {
+}
+export interface VxeFormDesignPrivateComputed extends FormDesignPrivateComputed { }
+
+export interface FormDesignReactData {
+  widgetConfigs: VxeFormDesignPropTypes.Widgets
+  widgetObjList: VxeFormDesignDefines.WidgetObjItem[]
+  dragWidget: VxeFormDesignDefines.WidgetObjItem | null
+  sortWidget: VxeFormDesignDefines.WidgetObjItem | null
+  activeWidget: VxeFormDesignDefines.WidgetObjItem | null
+}
+
+export interface FormDesignMethods {
+  dispatchEvent(type: ValueOf<VxeFormDesignEmits>, params: any, evnt: Event): void
+}
+export interface VxeFormDesignMethods extends FormDesignMethods { }
+
+export interface FormDesignPrivateMethods {
+  handleClickWidget (evnt: KeyboardEvent, item: VxeFormDesignDefines.WidgetObjItem): void
+}
+export interface VxeFormDesignPrivateMethods extends FormDesignPrivateMethods { }
+
+export type VxeFormDesignEmits = [
+]
+
+export namespace VxeFormDesignDefines {
+  export interface FormDesignEventParams extends VxeComponentEvent {
+    $formDesign: VxeFormDesignConstructor
+  }
+
+  export interface WidgetObjItem {
+    id: number
+    name: string
+    children?: WidgetObjItem[]
+    [key: string]: any
+  }
+}
+
+export type VxeFormDesignEventProps = {}
+
+export interface VxeFormDesignListeners { }
+
+export namespace VxeFormDesignEvents { }
+
+export namespace VxeFormDesignSlotTypes {}
+export interface VxeFormDesignSlots {
+}
+
+export const FormDesign: typeof VxeFormDesign
+export default VxeFormDesign

package/types/components/form-gather.d.ts

@@ -0,0 +1,75 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeFormGather: defineVxeComponent<VxeFormGatherProps, VxeFormGatherEventProps>
+
+export interface VxeFormGatherConstructor extends VxeComponentBase, VxeFormGatherMethods {
+  props: VxeFormGatherProps
+  context: SetupContext<VxeFormGatherEmits>
+  reactData: FormGatherReactData
+  getRefMaps(): FormGatherPrivateRef
+  getComputeMaps(): FormGatherPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface FormGatherPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeFormGatherPrivateRef extends FormGatherPrivateRef { }
+
+export namespace VxeFormGatherPropTypes {
+}
+
+export type VxeFormGatherProps = {
+  /**
+   * 栅格占据的列数（共 24 分栏）
+   */
+  span?: VxeFormItemPropTypes.Span
+  /**
+   * 给表单项附加 className
+   */
+  className?: VxeFormItemPropTypes.ClassName
+}
+
+export interface FormGatherPrivateComputed {
+}
+export interface VxeFormGatherPrivateComputed extends FormGatherPrivateComputed { }
+
+export interface FormGatherReactData {
+}
+
+export interface FormGatherMethods {
+}
+export interface VxeFormGatherMethods extends FormGatherMethods { }
+
+export interface FormGatherPrivateMethods { }
+export interface VxeFormGatherPrivateMethods extends FormGatherPrivateMethods { }
+
+export type VxeFormGatherEmits = []
+
+export namespace VxeFormGatherDefines {
+  export interface FormGatherEventParams extends VxeComponentEvent {
+    $formGather: VxeFormGatherConstructor
+  }
+}
+
+export type VxeFormGatherEventProps = {}
+
+export interface VxeFormGatherListeners { }
+
+export namespace VxeFormGatherEvents { }
+
+export namespace VxeFormGatherSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxeFormGatherSlots {
+  default: (params: VxeFormGatherSlotTypes.DefaultSlotParams) => any
+}
+
+export const FormGather: typeof VxeFormGather
+export default VxeFormGather

package/types/components/form-item.d.ts

@@ -0,0 +1,231 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSlot, VxeComponentStyle } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeFormItem: defineVxeComponent<VxeFormItemProps, VxeFormItemEventProps>
+
+export interface VxeFormItemConstructor extends VxeComponentBase, VxeFormItemMethods {
+  props: VxeFormItemProps
+  context: SetupContext<VxeFormItemEmits>
+  reactData: FormItemReactData
+  getRefMaps(): FormItemPrivateRef
+  getComputeMaps(): FormItemPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface FormItemPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeFormItemPrivateRef extends FormItemPrivateRef { }
+
+export namespace VxeFormItemPropTypes {
+  export type Title = string
+  export type Field = string
+  export type Span = VxeFormPropTypes.Span
+  export type Align = VxeFormPropTypes.Align
+  export type TitleAlign = VxeFormPropTypes.TitleAlign
+  export type TitleWidth = VxeFormPropTypes.TitleWidth
+  export type TitleColon = VxeFormPropTypes.TitleColon
+  export type TitleAsterisk = VxeFormPropTypes.TitleAsterisk
+  export type ShowTitle = boolean
+  export type Vertical = boolean
+
+  interface ClassNameParams {
+    $form: VxeFormConstructor
+    data: any
+    item: VxeFormDefines.ItemInfo
+    field: string
+    /**
+     * @deprecated
+     */
+    property: string
+  }
+  export type ClassName = string | ((params: ClassNameParams) => string)
+
+  interface ContentClassNameParams extends ClassNameParams{}
+  export type ContentClassName = string | ((params: ContentClassNameParams) => string)
+
+  interface ContentStyleParams extends ClassNameParams{}
+  export type ContentStyle = VxeComponentStyle | ((params: ContentStyleParams) => VxeComponentStyle)
+
+  interface TitleClassNameParams extends ClassNameParams{}
+  export type TitleClassName = string | ((params: TitleClassNameParams) => string)
+
+  interface TitleStyleParams extends ClassNameParams{}
+  export type TitleStyle = VxeComponentStyle | ((params: TitleStyleParams) => VxeComponentStyle)
+
+  export type Readonly = boolean
+
+  interface PrefixOption {
+    useHTML?: VxeTooltipPropTypes.UseHTML
+    content?: VxeTooltipPropTypes.Content
+    enterable?: VxeTooltipPropTypes.Enterable
+    theme?: VxeTooltipPropTypes.Theme
+    icon?: string
+    /**
+     * @deprecated 已废弃，请使用 content
+     */
+    message?: string
+  }
+  export type TitlePrefix = PrefixOption
+  export type TitleSuffix = PrefixOption
+  export type TitleOverflow = VxeFormPropTypes.TitleOverflow
+
+  export type ResetValue = any
+  export type Visible = boolean
+  export type VisibleMethod = (params: FormItemVisibleParams) => boolean
+  export type Folding = boolean
+  export type CollapseNode = boolean
+  export type ItemRender = FormItemRenderOptions
+  export type Slots = {
+    title?: string | ((params: FormItemTitleRenderParams) => SlotVNodeType | SlotVNodeType[]) | null
+    default?: string | ((params: FormItemContentRenderParams) => SlotVNodeType | SlotVNodeType[]) | null
+  }
+}
+
+export type VxeFormItemProps = {
+  /**
+   * 标题
+   */
+  title?: VxeFormItemPropTypes.Title
+  /**
+   * 字段名
+   */
+  field?: VxeFormItemPropTypes.Field
+  /**
+   * 栅格占据的列数（共 24 分栏）
+   */
+  span?: VxeFormItemPropTypes.Span
+  /**
+   * 内容对齐方式
+   */
+  align?: VxeFormItemPropTypes.Align
+  /**
+   * 标题对齐方式
+   */
+  titleAlign?: VxeFormItemPropTypes.TitleAlign
+  /**
+   * 标题宽度
+   */
+  titleWidth?: VxeFormItemPropTypes.TitleWidth
+  /**
+   * 是否显示标题冒号
+   */
+  titleColon?: VxeFormItemPropTypes.TitleColon
+  /**
+   * 是否显示必填字段的红色星号
+   */
+  titleAsterisk?: VxeFormItemPropTypes.TitleAsterisk
+  /**
+   * 是否显示标题
+   */
+  showTitle?: VxeFormItemPropTypes.ShowTitle
+  /**
+   * 使用垂直布局
+   */
+  vertical?: VxeFormItemPropTypes.Vertical
+  /**
+   * 给表单项附加 className
+   */
+  className?: VxeFormItemPropTypes.ClassName
+  /**
+   * 给表单项内容附加 className
+   */
+  contentClassName?: VxeFormItemPropTypes.ContentClassName
+  /**
+   * 给表单项内容附加样式
+   */
+  contentStyle?: VxeFormItemPropTypes.ContentStyle
+  /**
+   * 给表单项标题附加 className
+   */
+  titleClassName?: VxeFormItemPropTypes.TitleClassName
+  /**
+   * 给表单项标题附加样式
+   */
+  titleStyle?: VxeFormItemPropTypes.TitleStyle
+  /**
+   * 前缀配置项
+   */
+  titlePrefix?: VxeFormItemPropTypes.TitlePrefix
+  /**
+   * 后缀配置项
+   */
+  titleSuffix?: VxeFormItemPropTypes.TitleSuffix
+  titleOverflow?: VxeFormItemPropTypes.TitleOverflow
+  /**
+   * 重置时的默认值
+   */
+  resetValue?: VxeFormItemPropTypes.ResetValue
+  /**
+   * 是否显示
+   */
+  visible?: VxeFormItemPropTypes.Visible
+  /**
+   * 该方法的返回值用来决定该项是否显示
+   */
+  visibleMethod?: VxeFormItemPropTypes.VisibleMethod
+  /**
+   * 默认收起
+   */
+  folding?: VxeFormItemPropTypes.Folding
+  /**
+   * 折叠节点
+   */
+  collapseNode?: VxeFormItemPropTypes.CollapseNode
+  /**
+   * 项渲染配置项
+   */
+  itemRender?: FormItemRenderOptions
+  slots?: VxeFormItemPropTypes.Slots
+  children?: VxeFormItemProps[]
+}
+
+export interface FormItemPrivateComputed {
+}
+export interface VxeFormItemPrivateComputed extends FormItemPrivateComputed { }
+
+export interface FormItemReactData {
+}
+
+export interface FormItemMethods {
+}
+export interface VxeFormItemMethods extends FormItemMethods { }
+
+export interface FormItemPrivateMethods { }
+export interface VxeFormItemPrivateMethods extends FormItemPrivateMethods { }
+
+export type VxeFormItemEmits = []
+
+export namespace VxeFormItemDefines {
+  export interface FormItemEventParams extends VxeComponentEvent {
+    $formItem: VxeFormItemConstructor
+  }
+}
+
+export type VxeFormItemEventProps = {}
+
+export interface VxeFormItemListeners { }
+
+export namespace VxeFormItemEvents { }
+
+export namespace VxeFormItemSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxeFormItemSlots {
+  /**
+   * 自定义内容模板
+   */
+  default: (params: VxeFormItemSlotTypes.DefaultSlotParams) => any
+  /**
+   * 自定义标题模板
+   */
+  title: (params: VxeFormItemSlotTypes.DefaultSlotParams) => any
+}
+
+export const FormItem: typeof VxeFormItem
+export default VxeFormItem