@kengic/vue 0.24.0 → 0.24.1-beta.0

package/dist/src/components/KgButton/index.hooks.d.ts

@@ -7,11 +7,11 @@ export interface IUseKgButton {
      * <p>调用此方法相当于手动触发某个按钮的点击事件.</p>
      *
      * @param param.type 按钮类型.
-     * @param param.variableName 按钮变量名称.
+     * @param param.varName 按钮变量名称.
      */
     click(param: {
-        type: KG__VAR_BUTTON__TYPE;
-        variableName?: string;
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string;
     }): void;
     /**
      * <p>「当前按钮」.</p>

package/dist/src/components/KgButton/index.store.d.ts

@@ -80,9 +80,9 @@ export interface IUseKgButtonStoreActions {
      *
      * @param formID 界面标识.
      * @param type 按钮类型.
-     * @param variableName 按钮变量名称.
+     * @param varName 按钮变量名称.
      */
-    click(formID: string, type: KG__VAR_BUTTON__TYPE, variableName?: string): void;
+    click(formID: string, type?: KG__VAR_BUTTON__TYPE, varName?: string): void;
     dispose(formID: string | null | undefined): void;
     /**
      * 触发事件.

package/dist/src/components/KgModal/KgModal.d.ts

@@ -134,7 +134,7 @@ export declare const getProps: () => {
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {
@@ -182,7 +182,7 @@ export declare const getProps: () => {
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {
@@ -398,7 +398,7 @@ declare const _default: import("vue").DefineComponent<{
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {
@@ -446,7 +446,7 @@ declare const _default: import("vue").DefineComponent<{
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {
@@ -660,7 +660,7 @@ declare const _default: import("vue").DefineComponent<{
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {
@@ -708,7 +708,7 @@ declare const _default: import("vue").DefineComponent<{
         prefixCls: StringConstructor;
         type: PropType<import("ant-design-vue/lib/button").ButtonType>;
         htmlType: {
-            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>; /** 页面上专门添加了一个特殊的元素, 通过它可以获取其他元素对象. */
             default: string;
         };
         shape: {

package/dist/src/components/KgModal/KgModal.service.d.ts

@@ -7,18 +7,20 @@ import { IKgModalProps } from './KgModal';
  * @param param.domRef 页面特殊元素对象.
  */
 export declare function useDragToMove(param: {
-    getProps: Ref<IKgModalProps>;
     domRef: Ref<HTMLDivElement | null>;
+    kgModalProps: Ref<IKgModalProps>;
 }): void;
 /**
  * 拖拽改变大小.
  *
- * @param param.getProps 组件参数.
- * @param param.domRef 页面特殊元素对象.
+ * @param param.defaultWidth 弹窗默认宽度.
+ * @param param.domRef 页面上的那个特殊元素对象, 专门用于获取其他元素对象.
+ * @param param.kgModalProps 弹窗组件参数.
  */
 export declare function useDragToResize(param: {
-    getProps: Ref<IKgModalProps>;
+    defaultWidth: number | string;
     domRef: Ref<HTMLDivElement | null>;
+    kgModalProps: Ref<IKgModalProps>;
 }): {
     /**
      * 鼠标按下事件.
@@ -30,4 +32,8 @@ export declare function useDragToResize(param: {
         event: MouseEvent;
         handleType: "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
     }) => void;
+    /**
+     * 弹窗宽度.
+     */
+    width: Ref<string | number>;
 };

package/dist/src/components/KgVar/KgVar.d.ts

@@ -2,27 +2,103 @@ import { ExtractPropTypes, PropType } from 'vue';
 import { IKgProps, IKgSlots } from './index.vm';
 import './KgVar.less';
 export declare const getProps: () => {
-    /** 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义. */
-    kgSlots: PropType<IKgSlots>;
-    /** 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义. */
-    kgProps: PropType<IKgProps>;
-    /** 是否使用灰色背景. */
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
     KgBackgroundGray: PropType<boolean>;
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
+    kgProps: PropType<IKgProps>;
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
 };
+/** @deprecated */
 export declare type IKgVarProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare type KgVarProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
 declare const _default: import("vue").DefineComponent<{
-    /** 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义. */
-    kgSlots: PropType<IKgSlots>;
-    /** 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义. */
-    kgProps: PropType<IKgProps>;
-    /** 是否使用灰色背景. */
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
     KgBackgroundGray: PropType<boolean>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义. */
-    kgSlots: PropType<IKgSlots>;
-    /** 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义. */
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
     kgProps: PropType<IKgProps>;
-    /** 是否使用灰色背景. */
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
     KgBackgroundGray: PropType<boolean>;
-}>>, {}>;
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
+    kgProps: PropType<IKgProps>;
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
+}>>, {
+    kgLevel: number;
+}>;
 export default _default;

package/dist/src/components/KgVar/index.d.ts

@@ -1,4 +1,4 @@
-export { default as KgVar, type IKgVarProps } from './KgVar';
+export { default as KgVar, type IKgVarProps, type KgVarProps } from './KgVar';
 export * from './index.hooks';
 export * from './index.store';
 export * from './index.vm';

package/dist/src/consts/i18n/en.d.ts

@@ -244,6 +244,7 @@ declare const _default: {
         export: string;
         exportSuccess: string;
         formId: string;
+        formName: string;
         formValidationFail: string;
         import: string;
         'import-template': string;

package/dist/src/consts/i18n/zh_CN.d.ts

@@ -243,6 +243,7 @@ declare const _default: {
         export: string;
         exportSuccess: string;
         formId: string;
+        formName: string;
         formValidationFail: string;
         import: string;
         'import-template': string;

package/dist/src/pages/KgVarContainer/KgVarContainer.d.ts

@@ -1,4 +1,6 @@
+import { KgVarProps } from '../../components';
 import './KgVarContainer.less';
 export declare function KgVarContainer(param: {
     formID: string | null | undefined;
+    props?: KgVarProps;
 }): import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | 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<{}>>, {}>;

package/dist/src/utils/kg-var.util.d.ts

@@ -18,7 +18,7 @@ export declare class KgVarUtil {
      * @param param.buttonVarName 「变量配置:表单控件」所属的按钮的变量名称.
      * @param param.formID 界面标识.
      * @param param.value 原始的值.
-     * @param param.variableName 变量名称.
+     * @param param.varName 变量名称.
      * @return {} 转换后的合法的值.
      */
     static transformFormItemValue(param: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/vue",
-    "version": "0.24.0",
+    "version": "0.24.1-beta.0",
     "scripts": {
         "build": "npm run switch-node-version && rimraf dist && vue-tsc && vite build",
         "build:dev": "npm run switch-node-version && rimraf dist && vue-tsc && vite build --mode development",