@ibiz-template/vue3-util 0.0.3-beta.1 → 0.0.3-beta.3

package/out/interface/util/route/route.d.ts

@@ -75,6 +75,13 @@ export interface IRoutePathNode {
  * @interface IRoutePath
  */
 export interface IRoutePath {
+    /**
+     * 应用上下文
+     *
+     * @type {IContext}
+     * @memberof IRoutePath
+     */
+    appContext?: IContext;
     /**
      *
      * @author lxm

package/out/interface/util/route/route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../src/interface/util/route/route.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;IAEnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../src/interface/util/route/route.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;IAEnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/out/props/editor/index.d.ts

@@ -7,4 +7,9 @@ export * from './dropdown-list';
 export * from './radio-button-list';
 export * from './upload';
 export * from './data-picker';
+export * from './raw';
+export * from './stepper';
+export * from './rate';
+export * from './slider';
+export * from './switch';
 //# sourceMappingURL=index.d.ts.map

package/out/props/editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/out/props/editor/index.js

@@ -7,3 +7,8 @@ export * from './dropdown-list';
 export * from './radio-button-list';
 export * from './upload';
 export * from './data-picker';
+export * from './raw';
+export * from './stepper';
+export * from './rate';
+export * from './slider';
+export * from './switch';

package/out/props/editor/rate.d.ts

@@ -0,0 +1,53 @@
+import { RateEditorController } from '@ibiz-template/runtime';
+/**
+ * 获取评分器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getRateProps<C = RateEditorController>(): {
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * 获取表格评分器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getGridRateProps<C = RateEditorController>(): {
+    infoMode: {
+        type: BooleanConstructor;
+    };
+    rowDataChange: import("..").RequiredProp<import("vue").PropType<(_value: any, _name?: string | undefined) => Promise<void>>, undefined, undefined>;
+    rowSave: import("..").RequiredProp<import("vue").PropType<() => Promise<void>>, undefined, undefined>;
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+//# sourceMappingURL=rate.d.ts.map

package/out/props/editor/rate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["../../../src/props/editor/rate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,oBAAoB;;;;;;;;;;;;;;;EAEpD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,oBAAoB;;;;;;;;;;;;;;;;;;;;EAExD"}

package/out/props/editor/rate.js

@@ -0,0 +1,21 @@
+import { getEditorProps, getGridEditorCommonProps } from './common';
+/**
+ * 获取评分器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getRateProps() {
+    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
+}
+/**
+ * 获取表格评分器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getGridRateProps() {
+    return Object.assign(Object.assign({}, getRateProps()), getGridEditorCommonProps());
+}

package/out/props/editor/raw.d.ts

@@ -0,0 +1,53 @@
+import { RawEditorController } from '@ibiz-template/runtime';
+/**
+ * 获取直接内容的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getRawProps<C = RawEditorController>(): {
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getGridRawProps<C = RawEditorController>(): {
+    infoMode: {
+        type: BooleanConstructor;
+    };
+    rowDataChange: import("..").RequiredProp<import("vue").PropType<(_value: any, _name?: string | undefined) => Promise<void>>, undefined, undefined>;
+    rowSave: import("..").RequiredProp<import("vue").PropType<() => Promise<void>>, undefined, undefined>;
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+//# sourceMappingURL=raw.d.ts.map

package/out/props/editor/raw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"raw.d.ts","sourceRoot":"","sources":["../../../src/props/editor/raw.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,mBAAmB;;;;;;;;;;;;;;;EAElD;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,mBAAmB;;;;;;;;;;;;;;;;;;;;EAEtD"}

package/out/props/editor/raw.js

@@ -0,0 +1,21 @@
+import { getEditorProps, getGridEditorCommonProps } from './common';
+/**
+ * 获取直接内容的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getRawProps() {
+    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
+}
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getGridRawProps() {
+    return Object.assign(Object.assign({}, getRawProps()), getGridEditorCommonProps());
+}

package/out/props/editor/slider.d.ts

@@ -0,0 +1,53 @@
+import { SliderEditorController } from '@ibiz-template/runtime';
+/**
+ * 获取滑动输入条的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getSliderProps<C = SliderEditorController>(): {
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * 获取表格滑动输入条的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getGridSliderProps<C = SliderEditorController>(): {
+    infoMode: {
+        type: BooleanConstructor;
+    };
+    rowDataChange: import("..").RequiredProp<import("vue").PropType<(_value: any, _name?: string | undefined) => Promise<void>>, undefined, undefined>;
+    rowSave: import("..").RequiredProp<import("vue").PropType<() => Promise<void>>, undefined, undefined>;
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+//# sourceMappingURL=slider.d.ts.map

package/out/props/editor/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/props/editor/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGhE;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,sBAAsB;;;;;;;;;;;;;;;EAExD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,sBAAsB;;;;;;;;;;;;;;;;;;;;EAE5D"}

package/out/props/editor/slider.js

@@ -0,0 +1,21 @@
+import { getEditorProps, getGridEditorCommonProps } from './common';
+/**
+ * 获取滑动输入条的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getSliderProps() {
+    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
+}
+/**
+ * 获取表格滑动输入条的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getGridSliderProps() {
+    return Object.assign(Object.assign({}, getSliderProps()), getGridEditorCommonProps());
+}

package/out/props/editor/stepper.d.ts

@@ -0,0 +1,53 @@
+import { StepperEditorController } from '@ibiz-template/runtime';
+/**
+ * 获取步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getStepperProps<C = StepperEditorController>(): {
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getGridStepperProps<C = StepperEditorController>(): {
+    infoMode: {
+        type: BooleanConstructor;
+    };
+    rowDataChange: import("..").RequiredProp<import("vue").PropType<(_value: any, _name?: string | undefined) => Promise<void>>, undefined, undefined>;
+    rowSave: import("..").RequiredProp<import("vue").PropType<() => Promise<void>>, undefined, undefined>;
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+//# sourceMappingURL=stepper.d.ts.map

package/out/props/editor/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/props/editor/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGjE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,uBAAuB;;;;;;;;;;;;;;;EAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,uBAAuB;;;;;;;;;;;;;;;;;;;;EAE9D"}

package/out/props/editor/stepper.js

@@ -0,0 +1,21 @@
+import { getEditorProps, getGridEditorCommonProps } from './common';
+/**
+ * 获取步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getStepperProps() {
+    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
+}
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getGridStepperProps() {
+    return Object.assign(Object.assign({}, getStepperProps()), getGridEditorCommonProps());
+}

package/out/props/editor/switch.d.ts

@@ -0,0 +1,53 @@
+import { SwitchEditorController } from '@ibiz-template/runtime';
+/**
+ * 获取开关的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getSwitchProps<C = SwitchEditorController>(): {
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export declare function getGridSwitchProps<C = SwitchEditorController>(): {
+    infoMode: {
+        type: BooleanConstructor;
+    };
+    rowDataChange: import("..").RequiredProp<import("vue").PropType<(_value: any, _name?: string | undefined) => Promise<void>>, undefined, undefined>;
+    rowSave: import("..").RequiredProp<import("vue").PropType<() => Promise<void>>, undefined, undefined>;
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
+    data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+//# sourceMappingURL=switch.d.ts.map

package/out/props/editor/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/props/editor/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGhE;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,sBAAsB;;;;;;;;;;;;;;;EAExD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,sBAAsB;;;;;;;;;;;;;;;;;;;;EAE5D"}

package/out/props/editor/switch.js

@@ -0,0 +1,21 @@
+import { getEditorProps, getGridEditorCommonProps } from './common';
+/**
+ * 获取开关的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getSwitchProps() {
+    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
+}
+/**
+ * 获取表格步进器的props
+ *
+ * @export
+ * @template C
+ * @returns {*}
+ */
+export function getGridSwitchProps() {
+    return Object.assign(Object.assign({}, getSwitchProps()), getGridEditorCommonProps());
+}

package/out/use/route/route.d.ts

@@ -1,3 +1,5 @@
+import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { Ref } from 'vue';
 /**
  * 获取路由上下文参数
  *
@@ -16,4 +18,15 @@ export declare function useRouterContext(): IContext;
  * @return {*}  {IParams}
  */
 export declare function useRouterQuery(): IParams;
+/**
+ * 监听普通的key变更，在路由下次更新后再改变赋给新的RouteKey
+ * 第一次默认值会直接赋给routeKey
+ *
+ * @export
+ * @param {Ref<string>} originKey 监听的原始Ref
+ * @param {RouteLocationNormalizedLoaded} route 路由
+ * @param {Ref<string>} [routeKey] 预先提供的转换后的Ref
+ * @returns {*}  {Ref<string>}
+ */
+export declare function useRouteKey(originKey: Ref<string>, route: RouteLocationNormalizedLoaded, routeKey?: Ref<string>): Ref<string>;
 //# sourceMappingURL=route.d.ts.map

package/out/use/route/route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../src/use/route/route.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,CAiB3C;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAIxC"}
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../src/use/route/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAY,MAAM,YAAY,CAAC;AAErE,OAAO,EAAO,GAAG,EAAS,MAAM,KAAK,CAAC;AAGtC;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,CAiB3C;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAIxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,EACtB,KAAK,EAAE,6BAA6B,EACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACrB,GAAG,CAAC,MAAM,CAAC,CAcb"}

package/out/use/route/route.js

@@ -1,5 +1,7 @@
 import { useRoute } from 'vue-router';
 import qs from 'qs';
+import { ref, watch } from 'vue';
+import { RouteListener } from '../../util';
 /**
  * 获取路由上下文参数
  *
@@ -37,3 +39,28 @@ export function useRouterQuery() {
     const { query } = route;
     return query;
 }
+/**
+ * 监听普通的key变更，在路由下次更新后再改变赋给新的RouteKey
+ * 第一次默认值会直接赋给routeKey
+ *
+ * @export
+ * @param {Ref<string>} originKey 监听的原始Ref
+ * @param {RouteLocationNormalizedLoaded} route 路由
+ * @param {Ref<string>} [routeKey] 预先提供的转换后的Ref
+ * @returns {*}  {Ref<string>}
+ */
+export function useRouteKey(originKey, route, routeKey) {
+    if (!routeKey) {
+        routeKey = ref('');
+    }
+    routeKey.value = originKey.value;
+    const routeListener = new RouteListener(route);
+    watch(originKey, (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+            routeListener.nextChange(() => {
+                routeKey.value = newVal;
+            });
+        }
+    });
+    return routeKey;
+}

package/out/use/view/index.d.ts

@@ -4,6 +4,8 @@ export { useEditViewController } from './use-edit-view/use-edit-view';
 export { useEditView3Controller } from './use-edit-view3/use-edit-view3';
 export { useOptViewController } from './use-opt-view/use-opt-view';
 export { useGridViewController } from './use-grid-view/use-grid-view';
+export { useDataViewViewController } from './use-dataview-view/use-dataview-view';
+export { useListViewController } from './use-list-view/use-list-view';
 export { usePickupGridViewController } from './use-pickup-grid-view/use-pickup-grid-view';
 export { usePickupViewController } from './use-pickup-view/use-pickup-view';
 export { useMPickupViewController } from './use-mpickup-view/use-mpickup-view';
@@ -14,4 +16,9 @@ export { useWFStepTraceViewController } from './use-wf-step-trace-view/use-wf-st
 export { useAppPortalViewController } from './use-app-portal-view/use-app-portal-view';
 export { useTreeExpViewController } from './use-tree-exp-view/use-tree-exp-view';
 export { useTabExpViewController } from './use-tab-exp-view/use-tab-exp-view';
+export { useGridExpViewController } from './use-grid-exp-view/use-grid-exp-view';
+export { useDashboardViewController } from './use-dashboard-view/use-dashboard-view';
+export { useWizardViewController } from './use-wizard-view/use-wizard-view';
+export { useListExpViewController } from './use-list-exp-view/use-list-exp-view';
+export { useKanbanViewController } from './use-kanban-view/use-kanban-view';
 //# sourceMappingURL=index.d.ts.map

package/out/use/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/use/view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,6BAA6B,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/use/view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,6BAA6B,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC"}

package/out/use/view/index.js

@@ -4,6 +4,8 @@ export { useEditViewController } from './use-edit-view/use-edit-view';
 export { useEditView3Controller } from './use-edit-view3/use-edit-view3';
 export { useOptViewController } from './use-opt-view/use-opt-view';
 export { useGridViewController } from './use-grid-view/use-grid-view';
+export { useDataViewViewController } from './use-dataview-view/use-dataview-view';
+export { useListViewController } from './use-list-view/use-list-view';
 export { usePickupGridViewController } from './use-pickup-grid-view/use-pickup-grid-view';
 export { usePickupViewController } from './use-pickup-view/use-pickup-view';
 export { useMPickupViewController } from './use-mpickup-view/use-mpickup-view';
@@ -14,3 +16,8 @@ export { useWFStepTraceViewController } from './use-wf-step-trace-view/use-wf-st
 export { useAppPortalViewController } from './use-app-portal-view/use-app-portal-view';
 export { useTreeExpViewController } from './use-tree-exp-view/use-tree-exp-view';
 export { useTabExpViewController } from './use-tab-exp-view/use-tab-exp-view';
+export { useGridExpViewController } from './use-grid-exp-view/use-grid-exp-view';
+export { useDashboardViewController } from './use-dashboard-view/use-dashboard-view';
+export { useWizardViewController } from './use-wizard-view/use-wizard-view';
+export { useListExpViewController } from './use-list-exp-view/use-list-exp-view';
+export { useKanbanViewController } from './use-kanban-view/use-kanban-view';

package/out/use/view/use-dashboard-view/use-dashboard-view.d.ts

@@ -0,0 +1,12 @@
+import { DashboardViewController } from '@ibiz-template/runtime';
+/**
+ * 实体数据看板视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-15 17:08:10
+ * @export
+ * @param {string} path
+ * @return {*}  {DashboardViewController}
+ */
+export declare function useDashboardViewController(path: string): DashboardViewController;
+//# sourceMappingURL=use-dashboard-view.d.ts.map

package/out/use/view/use-dashboard-view/use-dashboard-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-view.d.ts","sourceRoot":"","sources":["../../../../src/use/view/use-dashboard-view/use-dashboard-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGjE;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,MAAM,GACX,uBAAuB,CAMzB"}

package/out/use/view/use-dashboard-view/use-dashboard-view.js

@@ -0,0 +1,16 @@
+import { DashboardViewController } from '@ibiz-template/runtime';
+import { useViewController } from '../use-view-controller/use-view-controller';
+/**
+ * 实体数据看板视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-15 17:08:10
+ * @export
+ * @param {string} path
+ * @return {*}  {DashboardViewController}
+ */
+export function useDashboardViewController(path) {
+    return useViewController((context, params) => {
+        return new DashboardViewController(path, context, params);
+    });
+}

package/out/use/view/use-dataview-view/use-dataview-view.d.ts

@@ -0,0 +1,12 @@
+import { DataViewViewController } from '@ibiz-template/runtime';
+/**
+ * 数据视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-15 17:08:01
+ * @export
+ * @param {string} path
+ * @return {*}  {DataViewViewController}
+ */
+export declare function useDataViewViewController(path: string): DataViewViewController;
+//# sourceMappingURL=use-dataview-view.d.ts.map

package/out/use/view/use-dataview-view/use-dataview-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dataview-view.d.ts","sourceRoot":"","sources":["../../../../src/use/view/use-dataview-view/use-dataview-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGhE;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,GACX,sBAAsB,CAMxB"}

package/out/use/view/use-dataview-view/use-dataview-view.js

@@ -0,0 +1,16 @@
+import { DataViewViewController } from '@ibiz-template/runtime';
+import { useViewController } from '../use-view-controller/use-view-controller';
+/**
+ * 数据视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-15 17:08:01
+ * @export
+ * @param {string} path
+ * @return {*}  {DataViewViewController}
+ */
+export function useDataViewViewController(path) {
+    return useViewController((context, params) => {
+        return new DataViewViewController(path, context, params);
+    });
+}

package/out/use/view/use-grid-exp-view/use-grid-exp-view.d.ts

@@ -0,0 +1,10 @@
+import { GridExpViewController } from '@ibiz-template/runtime';
+/**
+ * 表格导航视图控制器
+ *
+ * @export
+ * @param {string} path
+ * @return {*}  {GridExpViewController}
+ */
+export declare function useGridExpViewController(path: string): GridExpViewController;
+//# sourceMappingURL=use-grid-exp-view.d.ts.map

package/out/use/view/use-grid-exp-view/use-grid-exp-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-exp-view.d.ts","sourceRoot":"","sources":["../../../../src/use/view/use-grid-exp-view/use-grid-exp-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,qBAAqB,CAM5E"}