@ibiz-template/vue3-util 0.2.11 → 0.2.13

package/out/props/editor/dropdown-list.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取下拉列表的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getDropdownProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格下拉列表的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridDropdownProps() {
-    return Object.assign(Object.assign({}, getDropdownProps()), getGridEditorCommonProps());
-}

package/out/props/editor/html.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取html编辑框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getHtmlProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: String });
-}
-/**
- * 获取表格html编辑框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridHtmlProps() {
-    return Object.assign(Object.assign({}, getHtmlProps()), getGridEditorCommonProps());
-}

package/out/props/editor/index.js

@@ -1,25 +0,0 @@
-export * from './text-box';
-export * from './span';
-export * from './common';
-export * from './dropdown-list';
-export * from './check-box-list';
-export * from './check-box';
-export * from './data-picker';
-export * from './date-picker';
-export * from './date-range';
-export * from './list-box';
-export * from './number-range';
-export * from './radio-button-list';
-export * from './rate';
-export * from './raw';
-export * from './slider';
-export * from './stepper';
-export * from './switch';
-export * from './upload';
-export * from './autocomplete';
-export * from './code';
-export * from './html';
-export * from './markdown';
-export * from './array';
-export * from './cascader';
-export * from './color-picker';

package/out/props/editor/list-box.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取列表框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getListBoxProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格列表框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridListBoxProps() {
-    return Object.assign(Object.assign({}, getListBoxProps()), getGridEditorCommonProps());
-}

package/out/props/editor/markdown.js

@@ -1,28 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取MARKDOWN的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getMarkDownProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { data: { type: Object, required: false }, controller: { type: Object, required: false }, disabled: {
-            type: Boolean,
-            required: false,
-        } });
-}
-/**
- * 获取表格MARKDOWN的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridMarkDownProps() {
-    return Object.assign(Object.assign({}, getMarkDownProps()), getGridEditorCommonProps());
-}

package/out/props/editor/number-range.js

@@ -1,21 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取数值范围的props
- *
- * @export
- * @template C
- * @returns {*}
- */
-export function getNumberRangeProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格数值范围的props
- *
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridNumberRangeProps() {
-    return Object.assign(Object.assign({}, getNumberRangeProps()), getGridEditorCommonProps());
-}

package/out/props/editor/radio-button-list.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取单选框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getRadioProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格单选框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridRadioProps() {
-    return Object.assign(Object.assign({}, getRadioProps()), getGridEditorCommonProps());
-}

package/out/props/editor/rate.js

@@ -1,21 +0,0 @@
-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.js

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

package/out/props/editor/slider.js

@@ -1,21 +0,0 @@
-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/span.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取标签的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getSpanProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格标签的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridSpanProps() {
-    return Object.assign(Object.assign({}, getSpanProps()), getGridEditorCommonProps());
-}

package/out/props/editor/stepper.js

@@ -1,21 +0,0 @@
-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.js

@@ -1,21 +0,0 @@
-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/props/editor/text-box.js

@@ -1,73 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取文本框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getInputProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: [String, Number] });
-}
-/**
- * 获取表格文本框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridInputProps() {
-    return Object.assign(Object.assign({}, getInputProps()), getGridEditorCommonProps());
-}
-/**
- * 获取数值框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getInputNumberProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: Number });
-}
-/**
- * 获取表格数值框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridInputNumberProps() {
-    return Object.assign(Object.assign({}, getInputNumberProps()), getGridEditorCommonProps());
-}
-/**
- * 获取ip框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getInputIpProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: String });
-}
-/**
- * 获取表格ip框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridInputIpProps() {
-    return Object.assign(Object.assign({}, getInputIpProps()), getGridEditorCommonProps());
-}

package/out/props/editor/upload.js

@@ -1,25 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-/**
- * 获取上传的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getUploadProps() {
-    return Object.assign(Object.assign({}, getEditorProps()), { value: String });
-}
-/**
- * 获取表格上传的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridUploadProps() {
-    return Object.assign(Object.assign({}, getUploadProps()), getGridEditorCommonProps());
-}

package/out/props/index.js

@@ -1,2 +0,0 @@
-export * from './common';
-export * from './editor';

package/out/use/click-outside/click-outside.js

@@ -1,50 +0,0 @@
-import { NOOP, onClickOutside, } from '@ibiz-template/core';
-import { isNil } from 'ramda';
-import { onBeforeUnmount, watch } from 'vue';
-/**
- * 使用点击组件外部监听事件
- *
- * @author lxm
- * @date 2022-10-31 14:10:12
- * @export
- * @param {Ref} elRef 组件的ref对象
- * @param {OnClickOutsideHandler} handler 处理回调
- * @param {OnClickOutsideOptions} [options={}] 额外配置参数
- * @returns {*}  {OnClickOutsideResult}
- */
-export function useClickOutside(elRef, handler, options = {}) {
-    let stop = NOOP;
-    let pause = NOOP;
-    let proceed = NOOP;
-    // 移除监听，清空方法
-    const destroy = () => {
-        stop();
-        stop = NOOP;
-        pause = NOOP;
-        proceed = NOOP;
-    };
-    watch(elRef, (newVal, oldVal) => {
-        if (newVal !== oldVal) {
-            if (isNil(newVal)) {
-                destroy();
-            }
-            else {
-                const result = onClickOutside((newVal === null || newVal === void 0 ? void 0 : newVal.$el) || newVal, handler, options);
-                stop = result.stop;
-                pause = result.pause;
-                proceed = result.proceed;
-            }
-        }
-    }, { immediate: true });
-    // 组件销毁前销毁监听
-    onBeforeUnmount(() => {
-        if (stop !== NOOP) {
-            destroy();
-        }
-    });
-    return {
-        stop: () => stop(),
-        pause: () => pause(),
-        proceed: () => proceed(),
-    };
-}

package/out/use/control/index.js

@@ -1 +0,0 @@
-export * from './use-control-controller/use-control-controller';

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

@@ -1,94 +0,0 @@
-import { getCurrentInstance, onBeforeUnmount, reactive, watch } from 'vue';
-import { useForce, useProps } from '../../vue/vue';
-import { useCtx } from '../../util';
-/**
- * 监听并更新上下文和视图参数（引用不变）
- * @author lxm
- * @date 2023-05-25 01:48:14
- * @param {IData} props
- * @param {IViewController} view
- */
-function watchAndUpdateContextParams(props, control) {
-    watch(() => ({ context: props.context, params: props.params }), newVal => {
-        // 不改变引用的情况下，重置控制器里的上下文和视图参数。
-        // 重新计算上下文和视图参数
-        control.updateContextParams(Object.assign({}, newVal));
-        ibiz.log.debug(`${control.model.id}的上下文或视图参数变更：`, newVal);
-    });
-}
-/**
- * 监听部件的props并更新部件state状态
- * 排除部分keys,如context,params
- * @author lxm
- * @date 2023-10-27 01:46:23
- * @param {IData} props
- * @param {IControlController} control
- */
-function watchAndUpdateState(props, control) {
-    const excludeKeys = ['context', 'params', 'modelData'];
-    watch(() => {
-        const watchProps = {};
-        Object.keys(props).forEach(key => {
-            if (!excludeKeys.includes(key)) {
-                watchProps[key] = props[key];
-            }
-        });
-        return watchProps;
-    }, (newVal, oldVal) => {
-        const changeProps = {};
-        Object.keys(newVal).forEach(key => {
-            if (newVal[key] !== (oldVal || {})[key]) {
-                changeProps[key] = newVal[key];
-            }
-        });
-        ibiz.log.debug(`部件 [${control.model.name}] state 变更`, changeProps);
-        Object.keys(changeProps).forEach(key => {
-            if (changeProps[key] !== undefined) {
-                control.state[key] = changeProps[key];
-            }
-        });
-    }, { immediate: true });
-}
-/**
- * 初始化部件控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:47
- * @export
- * @template T
- * @param {() => T} fn
- * @return {*}  {T}
- */
-export function useControlController(fn) {
-    // 获取上层组件的ctx
-    const ctx = useCtx();
-    // 获取 props
-    const props = useProps();
-    // 上下文里提前预告部件
-    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);
-    c.state = reactive(c.state);
-    // 挂载强制更新方法
-    c.force = useForce();
-    const vue = getCurrentInstance().proxy;
-    c.evt.onAll((eventName, event) => {
-        vue.$emit(eventName.slice(2), event);
-    });
-    // vue组件级事件最早的抛出controller
-    vue.$emit('controllerAppear', c);
-    c.created();
-    // 卸载时销毁
-    onBeforeUnmount(() => c.destroyed());
-    return c;
-}

package/out/use/event/event.js

@@ -1,39 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { listenJSEvent, NOOP } from '@ibiz-template/core';
-import { isNil } from 'ramda';
-import { onBeforeUnmount, watch } from 'vue';
-/**
- * 监听JS原生事件，返回cleanup回调，调用后删除该监听
- *
- * @author lxm
- * @date 2022-10-28 18:10:36
- * @export
- * @param {Ref} elRef 监听组件的ref
- * @param {string} eventName 监听事件名称
- * @param {(..._args: any[]) => any} listener 监听回调
- * @param {AddEventListenerOptions} options 额外参数
- * @returns {*}  {() => void}
- */
-export function useEventListener(elRef, eventName, listener, options = {}) {
-    let cleanup = NOOP;
-    watch(elRef, (newVal, oldVal) => {
-        if (newVal !== oldVal) {
-            if (isNil(newVal)) {
-                cleanup();
-                cleanup = NOOP;
-            }
-            else {
-                cleanup = listenJSEvent((newVal === null || newVal === void 0 ? void 0 : newVal.$el) || newVal, eventName, listener, options);
-            }
-        }
-    }, { immediate: true });
-    // 组件销毁前销毁监听
-    onBeforeUnmount(() => {
-        if (cleanup !== NOOP) {
-            cleanup();
-        }
-    });
-    return () => {
-        cleanup();
-    };
-}

package/out/use/focus-blur/focus-blur.js

@@ -1,63 +0,0 @@
-import { ref } from 'vue';
-import { useClickOutside } from '../click-outside/click-outside';
-import { useEventListener } from '../event/event';
-/**
- * 给指定元素添加聚焦和失焦事件
- * 点击指定元素时会触发聚焦事件
- * 已经聚焦之后，点击指定元素外部会触发失焦事件。
- * @author lxm
- * @date 2023-05-31 08:36:04
- * @export
- * @return {*}
- */
-export function useFocusAndBlur(focus, blur) {
-    /** 添加事件的元素ref */
-    const componentRef = ref();
-    const isFocus = ref(false);
-    let outsideFuns;
-    /**
-     * 手动触发失焦事件
-     * @author lxm
-     * @date 2023-05-31 08:43:54
-     */
-    const doBlur = () => {
-        if (!isFocus.value) {
-            ibiz.log.debug('没有聚焦，不触发失焦');
-        }
-        blur();
-        outsideFuns.stop();
-        isFocus.value = false;
-    };
-    /**
-     * 暂停外部点击的监听
-     * 用于某些组件操作过程中会触发外部点击的场景
-     * @author lxm
-     * @date 2023-05-31 08:47:53
-     */
-    const pause = () => {
-        if (outsideFuns) {
-            outsideFuns.pause();
-        }
-    };
-    /**
-     * 暂停外部点击的监听
-     * 用于某些组件操作过程中会触发外部点击的场景
-     * @author lxm
-     * @date 2023-05-31 08:47:53
-     */
-    const stop = () => {
-        if (outsideFuns) {
-            outsideFuns.stop();
-        }
-    };
-    useEventListener(componentRef, 'click', _evt => {
-        if (!isFocus.value) {
-            outsideFuns = useClickOutside(componentRef, () => {
-                doBlur();
-            });
-            isFocus.value = true;
-            focus();
-        }
-    }, { capture: true });
-    return { componentRef, isFocus, doBlur, pause, stop };
-}

package/out/use/index.js

@@ -1,9 +0,0 @@
-export * from './click-outside/click-outside';
-export * from './control';
-export * from './event/event';
-export * from './focus-blur/focus-blur';
-export * from './namespace/namespace';
-export * from './route/route';
-export * from './util';
-export * from './view';
-export * from './vue/vue';