@kengic/vue 0.6.0 → 0.6.1-beta.1

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.
@@ -523,7 +523,7 @@ export declare class VarSubmitConfig {
523
523
  upt_min_width?: number | null;
524
524
  constructor(obj?: VarSubmitConfig);
525
525
  }
526
- /** 提交字段. */
526
+ /** 表单字段. */
527
527
  export declare class VarSubmitField {
528
528
  /** 复制时的默认值. */
529
529
  cpy_dft_val?: string | null;
@@ -571,6 +571,8 @@ export declare class VarSubmitField {
571
571
  key_flg?: number | null;
572
572
  /** 提示文字(Placeholder). */
573
573
  placeholder?: string | null;
574
+ /** 所属分组. */
575
+ section?: string | null;
574
576
  /** 显示顺序. */
575
577
  srtseq?: number | null;
576
578
  /** 更新时的默认值. */
@@ -6,7 +6,6 @@ declare const _default: import("vue").DefineComponent<{
6
6
  type: import("vue").PropType<boolean | null | undefined>;
7
7
  default: undefined;
8
8
  };
9
- /** 点击按钮. */
10
9
  kgIcon: import("vue").PropType<string | null>;
11
10
  kgText: import("vue").PropType<string | null>;
12
11
  kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
@@ -24,7 +23,6 @@ declare const _default: import("vue").DefineComponent<{
24
23
  type: import("vue").PropType<boolean | null | undefined>;
25
24
  default: undefined;
26
25
  };
27
- /** 点击按钮. */
28
26
  kgIcon: import("vue").PropType<string | null>;
29
27
  kgText: import("vue").PropType<string | null>;
30
28
  kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
@@ -1,14 +1,14 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
2
  kgButton: import("vue").PropType<import("../../..").VarButton>;
3
3
  kgVarName: import("vue").PropType<string | null>;
4
- kgType: import("vue").PropType<import("../../..").KG_BUTTON_TYPE | null>;
4
+ kgType: import("vue").PropType<import("../../../consts").KG_BUTTON_TYPE | null>;
5
5
  kgPrimary: {
6
6
  type: import("vue").PropType<boolean | null | undefined>;
7
7
  default: undefined;
8
8
  };
9
9
  kgIcon: import("vue").PropType<string | null>;
10
- kgText: import("vue").PropType<string | null>; /** 点击按钮. */
11
- kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
10
+ kgText: import("vue").PropType<string | null>;
11
+ kgColor: import("vue").PropType<import("../../../consts").KG_BUTTON_COLOR | null>;
12
12
  kgDisabled: {
13
13
  type: import("vue").PropType<boolean | null | undefined>;
14
14
  default: undefined;
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
18
18
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
19
  kgButton: import("vue").PropType<import("../../..").VarButton>;
20
20
  kgVarName: import("vue").PropType<string | null>;
21
- kgType: import("vue").PropType<import("../../..").KG_BUTTON_TYPE | null>;
21
+ kgType: import("vue").PropType<import("../../../consts").KG_BUTTON_TYPE | null>;
22
22
  kgPrimary: {
23
23
  type: import("vue").PropType<boolean | null | undefined>;
24
24
  default: undefined;
25
25
  };
26
26
  kgIcon: import("vue").PropType<string | null>;
27
- kgText: import("vue").PropType<string | null>; /** 点击按钮. */
28
- kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
27
+ kgText: import("vue").PropType<string | null>;
28
+ kgColor: import("vue").PropType<import("../../../consts").KG_BUTTON_COLOR | null>;
29
29
  kgDisabled: {
30
30
  type: import("vue").PropType<boolean | null | undefined>;
31
31
  default: undefined;
@@ -1,14 +1,14 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
2
  kgButton: import("vue").PropType<import("../../..").VarButton>;
3
3
  kgVarName: import("vue").PropType<string | null>;
4
- kgType: import("vue").PropType<import("../../..").KG_BUTTON_TYPE | null>;
4
+ kgType: import("vue").PropType<import("../../../consts").KG_BUTTON_TYPE | null>;
5
5
  kgPrimary: {
6
6
  type: import("vue").PropType<boolean | null | undefined>;
7
7
  default: undefined;
8
8
  };
9
9
  kgIcon: import("vue").PropType<string | null>;
10
10
  kgText: import("vue").PropType<string | null>;
11
- kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
11
+ kgColor: import("vue").PropType<import("../../../consts").KG_BUTTON_COLOR | null>;
12
12
  kgDisabled: {
13
13
  type: import("vue").PropType<boolean | null | undefined>;
14
14
  default: undefined;
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
18
18
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
19
  kgButton: import("vue").PropType<import("../../..").VarButton>;
20
20
  kgVarName: import("vue").PropType<string | null>;
21
- kgType: import("vue").PropType<import("../../..").KG_BUTTON_TYPE | null>;
21
+ kgType: import("vue").PropType<import("../../../consts").KG_BUTTON_TYPE | null>;
22
22
  kgPrimary: {
23
23
  type: import("vue").PropType<boolean | null | undefined>;
24
24
  default: undefined;
25
25
  };
26
26
  kgIcon: import("vue").PropType<string | null>;
27
27
  kgText: import("vue").PropType<string | null>;
28
- kgColor: import("vue").PropType<import("../../..").KG_BUTTON_COLOR | null>;
28
+ kgColor: import("vue").PropType<import("../../../consts").KG_BUTTON_COLOR | null>;
29
29
  kgDisabled: {
30
30
  type: import("vue").PropType<boolean | null | undefined>;
31
31
  default: undefined;
@@ -1,5 +1,4 @@
1
1
  import { Ref, UnwrapRef } from 'vue';
2
- import { KG_VAR_SUBMIT__DISPLAY_TYPE } from '../../consts';
3
2
  import { IKgSubmitHeaderProps } from './components/KgSubmit.Header';
4
3
  import { IKgSubmitProps } from './KgSubmit';
5
4
  export declare function _useFormModel(): {
@@ -16,9 +15,6 @@ export declare function _useClass(props: IKgSubmitProps, kgSubmitHeaderProps: IK
16
15
  export declare function _useLayout(): {
17
16
  getLayout: Ref<'horizontal' | 'vertical'>;
18
17
  };
19
- export declare function _useDisplayType(): {
20
- getDisplayType: Ref<KG_VAR_SUBMIT__DISPLAY_TYPE>;
21
- };
22
18
  export declare function _useDefaultWidth(): {
23
19
  getDefaultWidth: Ref<number>;
24
20
  };
@@ -1,5 +1,7 @@
1
+ import { RuleObject } from 'ant-design-vue/es/form';
2
+ import { FormInstance } from 'ant-design-vue/lib/form/Form';
1
3
  import { Ref } from 'vue';
2
- import { IRemoveEventListenerHandler } from '../../consts';
4
+ import { IRemoveEventListenerHandler, KG_VAR_SUBMIT__DISPLAY_TYPE } from '../../consts';
3
5
  import { IKgSubmitAfterValidateCb, IKgSubmitBeforeOkCb, IKgSubmitBeforeRequestCb, IKgSubmitCloseCb, IKgSubmitOkCb, IKgSubmitOpenCb, IKgSubmitStore } from './index.store';
4
6
  export declare type IUseKgSubmit = {
5
7
  formID: string;
@@ -7,10 +9,12 @@ export declare type IUseKgSubmit = {
7
9
  store: IKgSubmitStore;
8
10
  /** 表单数据对象. */
9
11
  model: Ref<Record<string, any>>;
12
+ formRef: Ref<FormInstance | null>;
13
+ rules: Ref<Record<string, Array<RuleObject>>>;
14
+ /** 显示方式. */
15
+ displayType: Ref<KG_VAR_SUBMIT__DISPLAY_TYPE>;
10
16
  /** 监听事件: 打开抽屉. */
11
17
  onOpen(cb: IKgSubmitOpenCb): IRemoveEventListenerHandler;
12
- /** 监听事件: 关闭抽屉. 点击取消或者点击确定并且成功之后, 都会触发 */
13
- onClose(cb: IKgSubmitCloseCb): IRemoveEventListenerHandler;
14
18
  /** 监听事件: 点击保存按钮之后, 执行默认逻辑之前. 可以在此时修改表单的值; 可以在此时对表单的值进行验证, 如果返回 true 表示表单验证失败, 不会再执行后面的代码. */
15
19
  onBeforeOk(cb: IKgSubmitBeforeOkCb): IRemoveEventListenerHandler;
16
20
  /** 监听事件: 点击保存按钮之后, 表单验证成功. 如果返回 true, 不会再执行后面的代码. */
@@ -19,6 +23,8 @@ export declare type IUseKgSubmit = {
19
23
  onBeforeRequest(cb: IKgSubmitBeforeRequestCb): IRemoveEventListenerHandler;
20
24
  /** 监听事件: 点击保存按钮之后, 执行默认逻辑之后, 调用接口成功, 即将关闭抽屉. */
21
25
  onOk(cb: IKgSubmitOkCb): IRemoveEventListenerHandler;
26
+ /** 监听事件: 关闭抽屉. 点击取消或者点击确定并且成功之后, 都会触发 */
27
+ onClose(cb: IKgSubmitCloseCb): IRemoveEventListenerHandler;
22
28
  };
23
29
  /**
24
30
  * @param formID 界面标识.
@@ -1,4 +1,5 @@
1
1
  import { RuleObject } from 'ant-design-vue/es/form';
2
+ import { FormInstance } from 'ant-design-vue/lib/form/Form';
2
3
  import { StoreDefinition } from 'pinia';
3
4
  import { Ref } from 'vue';
4
5
  import { IKgTableRow } from '../KgTable';
@@ -72,11 +73,17 @@ export interface IKgSubmitState {
72
73
  isLoadingMap: Map<string, boolean>;
73
74
  /** 表单数据对象. */
74
75
  modelMap: Map<string, Record<string, any>>;
76
+ /** 表单对象. */
77
+ formRefMap: Map<string, Ref<FormInstance | null>>;
78
+ /** 表单验证规则. 在 beforeOk 事件中会将该对象传给调用者, 调用者可以修改该对象, 从而添加自定义的验证规则. */
79
+ rulesMap: Map<string, Ref<Record<string, Array<RuleObject>>>>;
75
80
  }
76
81
  export declare type IKgSubmitStoreDefinition = StoreDefinition<'KgSubmit', IKgSubmitState, {
77
82
  /** 是否处于加载状态. */
78
83
  isLoading(): (formID?: string | null) => boolean;
79
84
  getModel(): (formID?: string | null) => Record<string, any> | null;
85
+ getFormRef(): (formID?: string | null) => Ref<FormInstance | null>;
86
+ getRules(): (formID?: string | null) => Ref<Record<string, Array<RuleObject>>>;
80
87
  }, {
81
88
  dispose(formID?: string | null): void;
82
89
  addEventListener(formID: string, event: IKgSubmitEvent, cb: IKgSubmitCb): void;
@@ -1,6 +1,3 @@
1
1
  import './KgTable.Setting.less';
2
- export declare const getProps: () => any;
3
- declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
4
- [x: string]: any;
5
- }>;
2
+ declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
6
3
  export default _default;
@@ -1,4 +1,4 @@
1
- import { ComputedRef } from 'vue';
1
+ import { ComputedRef, Ref } from 'vue';
2
2
  import { IRemoveEventListenerHandler } from '../../consts';
3
3
  import { IKgTableRetrieveCb, IKgTableRowDoubleClickCb, IKgTableStore } from './index.store';
4
4
  export declare type IUseKgTable = {
@@ -11,6 +11,22 @@ export declare type IUseKgTable = {
11
11
  selectedRow: ComputedRef<ReturnType<IKgTableStore['getSelectedRow']>>;
12
12
  /** 当前勾选的所有行. */
13
13
  selectedRows: ComputedRef<ReturnType<IKgTableStore['getSelectedRows']>>;
14
+ /** 是否支持多选. */
15
+ isMultiSelect: Ref<boolean>;
16
+ /** 是否自动查询. */
17
+ isReadAutomatically: Ref<boolean>;
18
+ /** 是否显示底部左侧. */
19
+ isShowBottomLeft: Ref<boolean>;
20
+ /** 是否显示底部右侧. */
21
+ isShowBottomRight: Ref<boolean>;
22
+ /** 主键字段. */
23
+ id: Ref<string>;
24
+ /** 所有分页选项. */
25
+ pageSizeOptions: Ref<Array<number>>;
26
+ /** 当前分页选项. */
27
+ pageSizeOption: Ref<number>;
28
+ /** 查询条件的界面标识. */
29
+ profileFormID: Ref<string>;
14
30
  /** 监听事件: 双击某行. */
15
31
  onRowDoubleClick(cb: IKgTableRowDoubleClickCb): IRemoveEventListenerHandler;
16
32
  /** 监听事件: 查询数据成功. */
@@ -26,12 +26,17 @@ export interface IKgTableCellDisplayTypeProperties {
26
26
  * 显示为'是'的值.
27
27
  * @default 1
28
28
  */
29
- yValue: any;
29
+ yValue?: any;
30
30
  /**
31
31
  * 显示为'否'的值.
32
32
  * @default 0
33
33
  */
34
- nValue: any;
34
+ nValue?: any;
35
+ /**
36
+ * 是否将 null/undefined 当成 false.
37
+ * @default false
38
+ */
39
+ nilAsFalse?: boolean;
35
40
  };
36
41
  ENUM: Array<{
37
42
  /** 变量名称. */
@@ -88,3 +93,5 @@ export declare const KG_TABLE_TD_MAX_WIDTH = 1920;
88
93
  export declare const KG_TABLE_TD_CHECK_WIDTH = 32;
89
94
  /** 序号列的宽度. */
90
95
  export declare const KG_TABLE_TD_INDEX_WIDTH = 40;
96
+ /** 在表格内创建时, 空白行的临时主键. */
97
+ export declare const ID_CREATE = "_ID_CREATE";
@@ -25,6 +25,11 @@ export declare type IUseKgVar = {
25
25
  isOtherRequesting: ComputedRef<ReturnType<IKgVarStore['isOtherRequesting']>>;
26
26
  /** 所有的 VarButton 列表. */
27
27
  varButtons: ComputedRef<ReturnType<IKgVarStore['getVarButtons']>>;
28
+ varButtonSearch: ComputedRef<ReturnType<IKgVarStore['getVarButtonSearch']>>;
29
+ varButtonCreate: ComputedRef<ReturnType<IKgVarStore['getVarButtonCreate']>>;
30
+ varButtonUpdate: ComputedRef<ReturnType<IKgVarStore['getVarButtonUpdate']>>;
31
+ varButtonCopy: ComputedRef<ReturnType<IKgVarStore['getVarButtonCopy']>>;
32
+ varButtonDelete: ComputedRef<ReturnType<IKgVarStore['getVarButtonDelete']>>;
28
33
  /** 所有的 VarProfileMaster 列表. */
29
34
  varProfileMasters: ComputedRef<ReturnType<IKgVarStore['getVarProfileMasters']>>;
30
35
  /** 当前的 VarProfileMaster. */
@@ -3,9 +3,17 @@ import './KgYesOrNo.less';
3
3
  export declare const getProps: () => {
4
4
  /**
5
5
  * 布尔数据.
6
- * @default false
6
+ * @default undefined
7
7
  */
8
8
  kgValue: {
9
+ type: PropType<boolean>;
10
+ default: undefined;
11
+ };
12
+ /**
13
+ * 是否将 null/undefined 当成 false.
14
+ * @default false
15
+ */
16
+ kgNilAsFalse: {
9
17
  type: PropType<boolean>;
10
18
  default: boolean;
11
19
  };
@@ -14,22 +22,39 @@ export declare type IKgYesOrNoProps = Partial<ExtractPropTypes<ReturnType<typeof
14
22
  declare const _default: import("vue").DefineComponent<{
15
23
  /**
16
24
  * 布尔数据.
17
- * @default false
25
+ * @default undefined
18
26
  */
19
27
  kgValue: {
28
+ type: PropType<boolean>;
29
+ default: undefined;
30
+ };
31
+ /**
32
+ * 是否将 null/undefined 当成 false.
33
+ * @default false
34
+ */
35
+ kgNilAsFalse: {
20
36
  type: PropType<boolean>;
21
37
  default: boolean;
22
38
  };
23
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
39
+ }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
24
40
  /**
25
41
  * 布尔数据.
26
- * @default false
42
+ * @default undefined
27
43
  */
28
44
  kgValue: {
45
+ type: PropType<boolean>;
46
+ default: undefined;
47
+ };
48
+ /**
49
+ * 是否将 null/undefined 当成 false.
50
+ * @default false
51
+ */
52
+ kgNilAsFalse: {
29
53
  type: PropType<boolean>;
30
54
  default: boolean;
31
55
  };
32
56
  }>>, {
33
57
  kgValue: boolean;
58
+ kgNilAsFalse: boolean;
34
59
  }>;
35
60
  export default _default;
@@ -57,8 +57,10 @@ export declare const enum KG_FORM_ITEM_TYPE {
57
57
  export declare const enum KG_FORM_CONTEXT {
58
58
  /** 位于查询条件. */
59
59
  SEARCH = "SEARCH",
60
- /** 位于表单(创建/更新/复制/...). */
61
- SUBMIT = "SUBMIT"
60
+ /** 位于表单. */
61
+ SUBMIT = "SUBMIT",
62
+ /** 位于表格. */
63
+ TABLE = "TABLE"
62
64
  }
63
65
  /**
64
66
  * 表格单元格的显示类型.
@@ -76,7 +78,7 @@ export declare const enum KG_TABLE_CELL_DISPLAY_TYPE {
76
78
  FILE_SIZE = "FILE_SIZE",
77
79
  /** 显示为超链接, 点击打开更新弹窗. */
78
80
  UPDATE_LINK = "UPDATE_LINK",
79
- /** 显示为超链接, 点击跳转到其他页面. */
81
+ /** 显示为超链接, 点击跳转到其他路由. */
80
82
  ROUTE_LINK = "ROUTE_LINK"
81
83
  }
82
84
  /** 按钮类型. */
@@ -121,7 +123,9 @@ export declare const enum KG_VAR_SUBMIT__DISPLAY_TYPE {
121
123
  /** 弹窗. */
122
124
  MODAL = "MODAL",
123
125
  /** 抽屉. */
124
- DRAWER = "DRAWER"
126
+ DRAWER = "DRAWER",
127
+ /** 在表格内. */
128
+ TABLE = "TABLE"
125
129
  }
126
130
  /** 表单布局方式. */
127
131
  export declare const enum KG_VAR_SUBMIT__LAYOUT {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kengic/vue",
3
- "version": "0.6.0",
3
+ "version": "0.6.1-beta.1",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build:dev": "rimraf dist && vue-tsc && vite build --mode development",
@@ -46,7 +46,7 @@
46
46
  "vue-router": "4.1.6"
47
47
  },
48
48
  "devDependencies": {
49
- "@kengic/pont": "1.2.10-beta.37",
49
+ "@kengic/pont": "1.2.10-beta.42",
50
50
  "@types/lodash-es": "~4.17.7",
51
51
  "@types/node": "~18.14.6",
52
52
  "@types/semver": "~7.3.13",