@ibiz-template/vue3-util 0.2.11 → 0.2.13

package/out/use/namespace/namespace.js

@@ -1,13 +0,0 @@
-import { Namespace } from '@ibiz-template/core';
-/**
- * css 命名空间
- *
- * @author chitanda
- * @date 2022-09-06 15:09:04
- * @export
- * @param {string} block
- * @return {*}  {Namespace}
- */
-export function useNamespace(block) {
-    return new Namespace(block, ibiz.env.namespace);
-}

package/out/use/route/route.js

@@ -1,41 +0,0 @@
-import { useRoute } from 'vue-router';
-import { ref, watch } from 'vue';
-import { RouteListener } from '../../util';
-/**
- * 获取路由查询参数
- *
- * @author chitanda
- * @date 2022-08-15 15:08:28
- * @export
- * @return {*}  {IParams}
- */
-export function useRouterQuery() {
-    const route = useRoute();
-    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/util/index.js

@@ -1,23 +0,0 @@
-import { inject } from 'vue';
-/**
- * 获取视图上下文环境对象
- *
- * @author chitanda
- * @date 2023-06-16 15:06:16
- * @export
- * @return {*}  {CTX}
- */
-export function useCtx() {
-    return inject('ctx');
-}
-/**
- * 获取移动端视图上下文环境对象
- *
- * @author chitanda
- * @date 2023-06-16 16:06:51
- * @export
- * @return {*}  {CTX<IMobViewController>}
- */
-export function useMobCtx() {
-    return inject('ctx');
-}

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

@@ -1,94 +0,0 @@
-import { clearAll } from 'qx-util';
-import { getCurrentInstance, inject, onBeforeUnmount, provide, reactive, watch, } from 'vue';
-import { useForce, useProps } from '../../vue/vue';
-/**
- * 监听并更新上下文和视图参数（引用不变）
- * @author lxm
- * @date 2023-05-25 01:48:14
- * @param {IData} props
- * @param {IViewController} view
- */
-function watchAndUpdateContextParams(props, view) {
-    watch(() => ({ context: props.context, params: props.params }), newVal => {
-        // 不改变引用的情况下，重置控制器里的上下文和视图参数。
-        view.context.reset({}, newVal.context);
-        clearAll(view.params);
-        Object.assign(view.params, newVal.params);
-        // 重新计算上下文和视图参数
-        view.handleContextParams();
-        ibiz.log.debug(`${view.model.id}的上下文或视图参数变更：`, newVal);
-    });
-}
-/**
- * 监听并更新state
- * @author lxm
- * @date 2023-05-26 03:43:23
- * @param {IData} props
- * @param {IViewController} view
- */
-function watchAndUpdateState(props, view) {
-    watch(() => {
-        return props.state ? Object.assign({}, props.state) : {};
-    }, (newVal, oldVal) => {
-        const changeProps = {};
-        Object.keys(newVal).forEach(key => {
-            if (newVal[key] !== (oldVal || {})[key]) {
-                changeProps[key] = newVal[key];
-            }
-        });
-        ibiz.log.debug(`视图 [${view.model.name}] state 变更`, changeProps);
-        Object.keys(changeProps).forEach(key => {
-            view.state[key] = changeProps[key];
-        });
-    }, { immediate: true });
-}
-/**
- * 初始化视图控制器
- *
- * @description 此视图暂时控制器实例化只用于路由一级视图
- * @author chitanda
- * @date 2022-08-15 15:08:04
- * @export
- * @template T
- * @param {(context: IContext, params: IParams, ctx?: CTX) => T} fn
- * @return {*}  {T}
- */
-export function useViewController(fn) {
-    // 获取 props
-    const props = useProps();
-    // 获取上层组件的ctx
-    const ctx = inject('ctx', undefined);
-    // 上下文里提前预告部件
-    ctx === null || ctx === void 0 ? void 0 : ctx.evt.emit('onForecast', props.modelData.name);
-    // 实例化视图控制器
-    const provider = props.provider;
-    let c;
-    if (provider === null || provider === void 0 ? void 0 : provider.createController) {
-        // 如果适配器给了创建方法使用适配器的方法
-        c = provider.createController(props.modelData, props.context, props.params, ctx);
-    }
-    else {
-        c = fn(props.modelData, props.context, props.params, ctx);
-    }
-    watchAndUpdateContextParams(props, c);
-    watchAndUpdateState(props, c);
-    // 提供自身的ctx给下层组件
-    provide('ctx', c.ctx);
-    // 让state 响应式
-    c.state = reactive(c.state);
-    // 让state 响应式
-    c.slotProps = reactive(c.slotProps);
-    // 从props赋值modal,如果存在的话。
-    if (props.modal) {
-        c.modal = props.modal;
-    }
-    c.force = useForce();
-    const vue = getCurrentInstance().proxy;
-    c.evt.onAll((eventName, event) => {
-        vue.$emit(eventName.slice(2), event);
-    });
-    c.created();
-    // 卸载时销毁
-    onBeforeUnmount(() => c.destroyed());
-    return c;
-}

package/out/use/vue/vue.js

@@ -1,112 +0,0 @@
-import { isFunc } from 'qx-util';
-import { createCommentVNode, getCurrentInstance, isReactive, toRaw, watch, } from 'vue';
-/**
- * 获取组件的props,只能在setup里使用
- *
- * @author chitanda
- * @date 2022-08-14 16:08:19
- * @export
- * @return {*}
- */
-export function useProps() {
-    const vue = getCurrentInstance().proxy;
-    return vue.$props;
-}
-/**
- * 如果是reactive代理过的对象，返回原始对象
- *
- * @author lxm
- * @date 2023-02-15 10:56:00
- * @export
- * @param {*} val
- * @returns {*}
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function getOrigin(val) {
-    return isReactive(val) ? toRaw(val) : val;
-}
-/**
- * 监听props的属性
- *
- * @author lxm
- * @date 2022-08-22 22:08:11
- * @export
- * @param {string} key props的属性名
- * @param {(newVal: T, oldVal: T) => void} callback 监听回调
- * @param {(WatchOptions | undefined)} [options] 监听参数
- */
-export function usePropsWatch(key, callback, options) {
-    const props = useProps();
-    if (Object.prototype.hasOwnProperty.call(props, key)) {
-        watch(() => props[key], (newVal, oldVal) => {
-            callback(getOrigin(newVal), getOrigin(oldVal));
-        }, options);
-        // immediate无效，模拟第一次赋值
-        callback(getOrigin(props[key]), undefined);
-    }
-}
-/**
- * 获取force方法
- *
- * @author lxm
- * @date 2022-08-24 11:08:56
- * @export
- * @returns {*}  {(callback?: () => void) => void} callback回调会在这次更新渲染完成之后执行
- */
-export function useForce() {
-    const vue = getCurrentInstance().proxy;
-    return (callback) => {
-        vue.$forceUpdate();
-        if (callback && isFunc(callback)) {
-            vue.$nextTick(() => {
-                callback();
-            });
-        }
-    };
-}
-/**
- * controller的force执行时,一起执行自己的force
- *
- * @author lxm
- * @date 2022-08-22 23:08:36
- * @export
- * @param {{
- *   force: (callback?: () => void) => void;
- * }} controller
- */
-export function useForceTogether(vue, controller) {
-    const orignForce = controller.force;
-    const selfForce = useForce();
-    controller.force = (callback) => {
-        orignForce(callback);
-        selfForce();
-    };
-}
-/**
- * 控制器通用的vue实例能力绑定
- *
- * @author lxm
- * @date 2022-09-15 09:09:06
- * @export
- * @param {Vue} vue
- * @param {IData} controller
- */
-export function useController(controller) {
-    controller.force = useForce();
-}
-/** 全局唯一的空节点 */
-export const EmptyVNode = createCommentVNode('EmptyVNode');
-/**
- * 配合EmptyVNode，判断是否是空节点
- * @author lxm
- * @date 2023-03-28 02:20:06
- * @export
- * @param {(VNode[] | VNode)} nodes
- * @return {*}  {boolean}
- */
-export function isEmptyVNode(nodes) {
-    if (!Array.isArray(nodes)) {
-        return nodes === EmptyVNode;
-    }
-    return nodes.length === 1 && nodes[0] === EmptyVNode;
-}

package/out/util/control/prepare-control.js

@@ -1,25 +0,0 @@
-import { useNamespace } from '../../use';
-/**
- * 部件UI组件准备参数
- * @author lxm
- * @date 2023-06-15 09:51:23
- * @export
- * @param {IControlController} c
- * @return {*}
- */
-export function prepareControl(c) {
-    const commonNs = useNamespace('control');
-    const { controlType, sysCss, codeName } = c.model;
-    const typeClass = controlType.toLowerCase();
-    const sysCssName = sysCss === null || sysCss === void 0 ? void 0 : sysCss.cssName;
-    const ns = useNamespace(`control-${typeClass}`);
-    const controlClass = [
-        commonNs.b(),
-        commonNs.b(typeClass),
-        commonNs.m(codeName),
-    ];
-    if (sysCssName) {
-        controlClass.push(sysCssName);
-    }
-    return { controlClass, ns };
-}

package/out/util/index.d.ts

@@ -1,6 +0,0 @@
-export * from './route/route';
-export * from './route/route-listener';
-export * from './install';
-export * from './control/prepare-control';
-export * from './render/render';
-//# sourceMappingURL=index.d.ts.map

package/out/util/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/out/util/index.js

@@ -1,5 +0,0 @@
-export * from './route/route';
-export * from './route/route-listener';
-export * from './install';
-export * from './control/prepare-control';
-export * from './render/render';

package/out/util/install.js

@@ -1,6 +0,0 @@
-export const withInstall = (main, install) => {
-    main.install = (app) => {
-        install(app);
-    };
-    return main;
-};

package/out/util/render/render.js

@@ -1,28 +0,0 @@
-import { isNil } from 'ramda';
-/**
- * 把未知格式的值绘制成字符串
- * - 空值输出空字符串
- * - 对象，数组输出成JSON字符串
- * - 其他类型转成字符串输出
- * @author lxm
- * @date 2023-10-09 02:29:13
- * @export
- * @param {unknown} value
- * @return {*}  {string}
- */
-export function renderString(value) {
-    if (isNil(value)) {
-        return '';
-    }
-    if (typeof value === 'string') {
-        return value;
-    }
-    try {
-        const str = value.toString();
-        return str;
-    }
-    catch (error) {
-        ibiz.log.error(value, '转换成字符串失败', error);
-    }
-    return '';
-}

package/out/util/route/route-listener.js

@@ -1,76 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { watch } from 'vue';
-/**
- * 监听路由变更，提供下一次变更执行的一次性回调。
- *
- * @export
- * @class RouteListener
- */
-export class RouteListener {
-    constructor(route, wait) {
-        /**
-         * 回调集合
-         *
-         * @memberof RouteListener
-         */
-        this.callbacks = [];
-        /**
-         * 计时器集合
-         *
-         * @private
-         * @type {any[]}
-         * @memberof RouteListener
-         */
-        this.timers = [];
-        /**
-         * 等待路由响应时间
-         *
-         * @private
-         * @type {number}
-         * @memberof RouteListener
-         */
-        this.wait = 500;
-        if (wait) {
-            this.wait = wait;
-        }
-        watch(() => route.path, (newVal, oldVal) => {
-            if (newVal !== oldVal) {
-                // 执行所有回调
-                if (this.callbacks.length) {
-                    for (let index = 0; index < this.callbacks.length; index++) {
-                        const fn = this.callbacks[index];
-                        fn();
-                    }
-                }
-                // 清空所有回调
-                this.callbacks = [];
-                // 清空所有计时器
-                if (this.timers.length) {
-                    for (let index = 0; index < this.timers.length; index++) {
-                        const timer = this.timers[index];
-                        clearTimeout(timer);
-                    }
-                }
-                this.timers = [];
-            }
-        });
-    }
-    /**
-     * 下一次路由变更后执行回调，只执行一次
-     *
-     * @param {ChangeCallback} callback
-     * @memberof RouteListener
-     */
-    nextChange(callback) {
-        if (callback) {
-            // 设定计时器,经过一段时间等不到时，执行回调，并删除回调集合里的回调
-            this.timers.push(setTimeout(() => {
-                callback();
-                const index = this.callbacks.findIndex(item => item === callback);
-                this.callbacks.splice(index, 1);
-            }, this.wait));
-            // 存入回调集合等待被调用
-            this.callbacks.push(callback);
-        }
-    }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../src/util/route/route.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,IAAI,KAAK,EAAY,MAAM,YAAY,CAAC;AAE9E,OAAO,EAGL,WAAW,EAEZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE7E;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,QAAQ,GAAG,OAAO,CAS7D;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,EAYpC,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,eAAe,CAAC,EAAE,MAAM,GACvB,OAAO,CAAC,IAAI,CAAC,CA2Bf;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,iBAAiB,CACrC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAC3B,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAwD3B;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,kBAAkB,CACtC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,cAAc,CAAC,CAqDzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,CA+DxD;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,CAuD9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,GAAE,OAAc,GACvB,MAAM,CAwBR;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,EAClE,KAAK,EAAE,MAAM,GACZ,IAAI,CAaN"}