@dt-frames/ui 2.0.19 → 2.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,52 +44,7 @@
44
44
  }
45
45
  }
46
46
 
47
- .ant-input{
48
- font-size: 13px;
49
- }
50
-
51
- .ant-btn{
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- font-size: 13px;
56
- }
57
-
58
- .ant-btn.ant-btn-sm{
59
- font-size: 12px;
60
- }
61
-
62
- .ant-btn.ant-btn-lg {
63
- font-size: 14px;
64
- height: 34px;
65
- }
66
-
67
- .ant-input-sm{
68
- font-size: 12px;
69
- }
70
-
71
- .ant-input-lg{
72
- font-size: 14px;
73
- }
74
-
75
- .ant-form-item{
76
- // align-items: center;
77
- .prefix, .suffix {
78
- display: flex;
79
- align-items: center;
80
- }
81
- }
82
47
 
83
- .ant-input-affix-wrapper{
84
- display: flex;
85
- align-items: center;
86
- }
87
-
88
- .ant-picker{
89
- width: 100%;
90
- height: 100%;
91
- }
92
-
93
48
 
94
49
  .ant-form-item.small {
95
50
  line-height: 30px;
@@ -16,7 +16,7 @@ export declare const BasicProps: {
16
16
  default: () => {};
17
17
  };
18
18
  layout: {
19
- type: PropType<"inline" | "horizontal" | "vertical">;
19
+ type: PropType<"vertical" | "inline" | "horizontal">;
20
20
  default: string;
21
21
  };
22
22
  labelWidth: {
@@ -41,8 +41,8 @@ export declare const BasicProps: {
41
41
  };
42
42
  rowProps: {
43
43
  type: PropType<Partial<import("vue").ExtractPropTypes<{
44
- align: PropType<"stretch" | "bottom" | "top" | "middle">;
45
- justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
44
+ align: PropType<"middle" | "top" | "bottom" | "stretch">;
45
+ justify: PropType<"center" | "space-around" | "space-between" | "end" | "start">;
46
46
  prefixCls: StringConstructor;
47
47
  gutter: {
48
48
  type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
@@ -62,7 +62,7 @@ export declare const BasicProps: {
62
62
  type: NumberConstructor;
63
63
  };
64
64
  size: {
65
- type: PropType<"large" | "small" | "middle">;
65
+ type: PropType<"small" | "large" | "middle">;
66
66
  };
67
67
  disabled: {
68
68
  type: BooleanConstructor;
@@ -56,7 +56,7 @@ declare type Schema<ComponentType, T> = {
56
56
  wrapperCol?: Partial<ColEx>;
57
57
  isAdvanced?: boolean;
58
58
  extraName?: string[];
59
- description: String;
59
+ description?: String;
60
60
  };
61
61
  export declare type FormSchema = Schema<'Input', Input> | Schema<'InputWithDialog', InputWithDialog> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
62
62
  disabled?: boolean;
@@ -241,9 +241,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
241
241
  return label;
242
242
  };
243
243
  watch(
244
- () => props2.btns,
245
- (btns) => {
246
- actionBtns.value = [...btns].map((it) => {
244
+ () => [
245
+ unref(props2.btns),
246
+ unref(props2.record)
247
+ ],
248
+ ([btns]) => {
249
+ actionBtns.value = btns.map((it) => {
247
250
  return {
248
251
  ...it,
249
252
  ifShow: isBoolean(it.show) ? it.show : isFunction(it.show) ? it.show(props2.record) : true,
@@ -253,7 +256,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
253
256
  });
254
257
  },
255
258
  {
256
- immediate: true
259
+ immediate: true,
260
+ deep: true
257
261
  }
258
262
  );
259
263
  return (_ctx, _cache) => {
@@ -681,7 +685,9 @@ function handleActionColumn(propsRef, columns) {
681
685
  {
682
686
  label: t("EDIT"),
683
687
  icon: "mdi:text-box-edit-outline",
684
- onClick: unref(propsRef).onOpenUpdateDialog
688
+ onClick: (row, index2) => {
689
+ unref(propsRef).onOpenUpdateDialog(row, index2, unref(propsRef).rowKey);
690
+ }
685
691
  },
686
692
  {
687
693
  label: t("DELETE"),
@@ -2350,7 +2356,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2350
2356
  }
2351
2357
  );
2352
2358
  const getBind = computed(() => {
2353
- console.log(toRaw$1(unref(filterSource)));
2354
2359
  return {
2355
2360
  ...attrs,
2356
2361
  ...unref(getProps),
@@ -11,7 +11,7 @@ declare const _sfc_main: {
11
11
  setup(props: {
12
12
  column: BasicColumn;
13
13
  record: Recordable;
14
- index: Number;
14
+ index: number;
15
15
  }, {}: {}): () => JSX.Element;
16
16
  };
17
17
  export default _sfc_main;
@@ -1,10 +1,10 @@
1
- import { PaginationProps } from "ant-design-vue";
2
- import { ComputedRef, Ref } from "vue";
3
- import { BasicColumn, BasicTableProps } from "../types/table.type";
4
- import { SetColumnsParams } from "../types/header.type";
5
- export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<HTMLDivElement & {
1
+ import { PaginationProps } from 'ant-design-vue';
2
+ import { ComputedRef, Ref } from 'vue';
3
+ import { BasicColumn, BasicTableProps } from '../types/table.type';
4
+ import { SetColumnsParams } from '../types/header.type';
5
+ export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<(HTMLDivElement & {
6
6
  $el: any;
7
- } | null>): {
7
+ }) | null>): {
8
8
  getViewColumns: ComputedRef<BasicColumn[]>;
9
9
  getColumnsRef: ComputedRef<BasicColumn[]>;
10
10
  getColumns: (opt?: SetColumnsParams) => BasicColumn[];
@@ -1,7 +1,7 @@
1
- import { Recordable } from "@dt-frames/core";
2
- import { Key } from "ant-design-vue/lib/table/interface";
3
- import { ComputedRef } from "vue";
4
- import { BasicTableProps } from "../types/table.type";
1
+ import { Recordable } from '@dt-frames/core';
2
+ import { Key } from 'ant-design-vue/lib/table/interface';
3
+ import { ComputedRef } from 'vue';
4
+ import { BasicTableProps } from '../types/table.type';
5
5
  interface Options {
6
6
  setSelectedRowKeys: (keys: Key[]) => void;
7
7
  getSelectedRowKeys: () => Key[];
@@ -1,12 +1,12 @@
1
- import { ComputedRef } from "vue";
2
- import { BasicTableProps, SorterResult, PaginationProps } from "../types/table.type";
3
- import { Recordable } from "@dt-frames/core";
1
+ import { ComputedRef } from 'vue';
2
+ import { BasicTableProps, SorterResult, PaginationProps } from '../types/table.type';
3
+ import { Recordable } from '@dt-frames/core';
4
4
  declare type ActionsType = {
5
5
  getPaginationInfo: ComputedRef<boolean | PaginationProps>;
6
6
  setPagination: (info: Partial<PaginationProps>) => void;
7
7
  clearSelectedRowKeys: () => void;
8
8
  };
9
- export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys, }: ActionsType): {
9
+ export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys }: ActionsType): {
10
10
  getDataSourceRef: ComputedRef<Recordable<any>[]>;
11
11
  handleTableChange: (pagination: PaginationProps, filters: Partial<Recordable<string[]>>, sorter: SorterResult) => any;
12
12
  updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
@@ -1,7 +1,7 @@
1
- import { Recordable } from "@dt-frames/core";
2
- import { Key, TableRowSelection } from "ant-design-vue/es/table/interface";
3
- import { ComputedRef } from "vue";
4
- import { BasicTableProps } from "../types/table.type";
1
+ import { Recordable } from '@dt-frames/core';
2
+ import { Key, TableRowSelection } from 'ant-design-vue/es/table/interface';
3
+ import { ComputedRef } from 'vue';
4
+ import { BasicTableProps } from '../types/table.type';
5
5
  export declare function useRowSelection(propsRef: ComputedRef<BasicTableProps>, emit: any): {
6
6
  getRowSelectionRef: ComputedRef<TableRowSelection<any>>;
7
7
  clearSelectedRowKeys: () => void;
@@ -1,9 +1,9 @@
1
- import { TableRowSelection } from "ant-design-vue/es/table/interface";
2
- import { ComputedRef, Ref } from "vue";
3
- import { BasicColumn, BasicTableProps } from "../types/table.type";
4
- export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<HTMLDivElement & {
1
+ import { TableRowSelection } from 'ant-design-vue/es/table/interface';
2
+ import { ComputedRef, Ref } from 'vue';
3
+ import { BasicColumn, BasicTableProps } from '../types/table.type';
4
+ export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<(HTMLDivElement & {
5
5
  $el: any;
6
- } | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
6
+ }) | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
7
7
  getScrollRef: ComputedRef<{
8
8
  x: string | number | true;
9
9
  y: string | number;
@@ -1,4 +1,4 @@
1
- import { TableProps as ATableProps } from "ant-design-vue/es/table";
1
+ import { TableProps as ATableProps } from 'ant-design-vue/es/table';
2
2
  import type { TableActionType } from './types/actions.type';
3
3
  import type { BasicTableProps } from './types/table.type';
4
4
  declare const _sfc_main: import("vue").DefineComponent<{
@@ -162,7 +162,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
162
162
  default: (params: import("@dt-frames/core").Recordable<any>) => {};
163
163
  };
164
164
  onOpenUpdateDialog: {
165
- type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
165
+ type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
166
166
  default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
167
167
  };
168
168
  onDelete: {
@@ -316,7 +316,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
316
316
  checkStrictly: boolean;
317
317
  onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
318
318
  onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
319
- onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
319
+ onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
320
320
  onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
321
321
  onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
322
322
  authPrefix: string;
@@ -396,7 +396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
396
396
  setup(props: {
397
397
  column: import("./types/table.type").BasicColumn;
398
398
  record: import("@dt-frames/core").Recordable<any>;
399
- index: Number;
399
+ index: number;
400
400
  }, {}: {}): () => JSX.Element;
401
401
  };
402
402
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change")[], "register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -560,7 +560,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
560
560
  default: (params: import("@dt-frames/core").Recordable<any>) => {};
561
561
  };
562
562
  onOpenUpdateDialog: {
563
- type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
563
+ type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
564
564
  default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
565
565
  };
566
566
  onDelete: {
@@ -618,7 +618,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
618
618
  checkStrictly: boolean;
619
619
  onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
620
620
  onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
621
- onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
621
+ onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
622
622
  onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
623
623
  onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
624
624
  }>;
@@ -166,7 +166,7 @@ export declare const TableProps: {
166
166
  default: (params: Recordable) => {};
167
167
  };
168
168
  onOpenUpdateDialog: {
169
- type: PropType<(row: Recordable, index: number) => void>;
169
+ type: PropType<(row: Recordable, index: number, rowKey: any) => void>;
170
170
  default: (row: Recordable, index: number) => {};
171
171
  };
172
172
  onDelete: {