cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/form-render/src/components/renderer/select.d.ts

@@ -0,0 +1,47 @@
+import { AnyObject, Func } from '../../../../../../es/src/types';
+import { FormRequestType } from '../../types';
+import { PropType } from 'vue';
+declare type UrlConfig = {
+    method: FormRequestType;
+    dependKey?: string | string[];
+    nameKey: string;
+    url: string;
+    params?: AnyObject;
+    valueKey: string;
+};
+export declare const SELECT: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+}>;
+export {};

package/es/packages/form-render/src/components/renderer/select.js

@@ -0,0 +1,142 @@
+import { defineComponent, ref, inject, computed, watch, nextTick, createVNode } from 'vue';
+import { isField } from '@formily/core';
+import { cloneDeep } from 'lodash-es';
+import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index.js';
+import { assignUpdateValue, formRenderLog, generateUrlParams } from '../../utils/index.js';
+import { isObject } from '@vueuse/core';
+import { connect, mapProps } from '@formily/vue';
+import { NSelect } from 'naive-ui';
+import { useFormField } from '../../hooks/useFormField.js';
+
+const script = defineComponent({
+  name: "FormSelect",
+  props: {
+    value: {
+      type: String
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    urlConfig: {
+      type: Object
+    },
+    onFocus: {
+      type: Function
+    },
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const remoteOptions = ref(null);
+    const lastSearch = ref("");
+    const asyncQueue = inject(InjectAsyncQueue);
+    const {
+      title,
+      field,
+      fieldKey
+    } = useFormField();
+    function filterOption(options, searchContent) {
+      return options.filter((option) => {
+        return !searchContent || String(option[labelKey.value]).includes(searchContent);
+      });
+    }
+    async function fetchData(content) {
+      lastSearch.value = content || "";
+      if (remoteOptions.value)
+        return;
+      const config = props.urlConfig;
+      if (!config) {
+        return remoteOptions.value = null;
+      }
+      if (!isObject(config)) {
+        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
+        return remoteOptions.value = null;
+      }
+      try {
+        remoteOptions.value = await asyncQueue.addAsync({
+          ...createParams(config, field.value),
+          key: title.value
+        });
+      } catch (e) {
+        remoteOptions.value = null;
+      }
+      function createParams(config2, field2) {
+        return {
+          ...config2,
+          params: Object.assign({}, config2.params, generateUrlParams(field2, config2.dependKey))
+        };
+      }
+    }
+    const parsedOptions = computed(() => {
+      if (remoteOptions.value)
+        return filterOption(remoteOptions.value, lastSearch.value);
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
+    });
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config) => {
+      remoteOptions.value = null;
+      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
+        remoteOptions.value = null;
+        await nextTick();
+        props.value != null && await fetchData();
+      });
+    }, {
+      immediate: true
+    });
+    watch(() => props.value, (n, o) => {
+      var _a, _b;
+      if (o == null && n != null) {
+        fetchData();
+      }
+      if (isField(field.value) && field.value.visited) {
+        (_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a);
+      }
+    }, {
+      immediate: true
+    });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    function update(v, option) {
+      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
+      emit("update:value", v);
+    }
+    const labelKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
+    });
+    const valueKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
+    });
+    function focusDecorator(onFocus) {
+      return (...args) => {
+        if (isField(field.value)) {
+          field.value.visited = true;
+        }
+        return onFocus == null ? void 0 : onFocus(...args);
+      };
+    }
+    return () => createVNode(NSelect, {
+      "value": props.value,
+      "onUpdate:value": update,
+      "remote": true,
+      "filterable": true,
+      "labelField": labelKey.value,
+      "valueField": valueKey.value,
+      "onSearch": fetchData,
+      "onUpdate:show": (show) => show && fetchData(),
+      "onFocus": focusDecorator(props.onFocus),
+      "options": parsedOptions.value
+    }, slots);
+  }
+});
+const SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SELECT };

package/es/packages/form-render/src/components/renderer/simpleComponent.d.ts

@@ -0,0 +1,2 @@
+export declare const TEXT: (props: any) => JSX.Element;
+export declare const BUTTON: (props: any) => JSX.Element;

package/es/packages/form-render/src/components/renderer/simpleComponent.js

@@ -0,0 +1,51 @@
+import { createVNode, mergeProps, isVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { isFunction } from 'lodash-es';
+import { NButton } from 'naive-ui';
+import { createSlot } from '../../../../../packages/form-render/src/utils';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function createPropFor(props) {
+  return (property) => {
+    var _a;
+    return (_a = props.fieldItem) == null ? void 0 : _a[property];
+  };
+}
+const textScript = (props) => {
+  var _a, _b, _c;
+  const propFor = createPropFor(props);
+  return createVNode("div", (_a = propFor("componentProps")) != null ? _a : {}, [(_c = (_b = createSlot(props.content, props)).default) == null ? void 0 : _c.call(_b)]);
+};
+const TEXT = connect(textScript, mapProps((props) => {
+  var _a;
+  return {
+    ...props,
+    content: (_a = props.fieldItem) == null ? void 0 : _a.content
+  };
+}));
+const buttonScript = (props) => {
+  var _a;
+  let _slot;
+  const propFor = createPropFor(props);
+  function onClick() {
+    var _a2;
+    const cb = propFor("onClick") || ((_a2 = propFor("componentProps")) == null ? void 0 : _a2.onClick);
+    return () => isFunction(cb) && cb(props.fieldItem);
+  }
+  return createVNode(NButton, mergeProps((_a = propFor("componentProps")) != null ? _a : {}, {
+    "onClick": onClick()
+  }), _isSlot(_slot = createSlot(props.content, props)) ? _slot : {
+    default: () => [_slot]
+  });
+};
+const BUTTON = connect(buttonScript, mapProps((props) => {
+  var _a;
+  return {
+    ...props,
+    content: (_a = props.fieldItem) == null ? void 0 : _a.content
+  };
+}));
+
+export { BUTTON, TEXT };

package/es/packages/form-render/src/components/renderer/slider.d.ts

@@ -0,0 +1,347 @@
+export declare const SLIDER: import("vue").DefineComponent<{
+    readonly to: {
+        type: import("vue").PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: import("vue").PropType<number | number[]>;
+        readonly default: 0;
+    };
+    readonly marks: import("vue").PropType<Record<string, string>>;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly formatTooltip: import("vue").PropType<(value: number) => string | number>;
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly step: {
+        readonly type: import("vue").PropType<number | "mark">;
+        readonly default: 1;
+    };
+    readonly range: BooleanConstructor;
+    readonly value: import("vue").PropType<number | number[]>;
+    readonly placement: import("vue").PropType<import("naive-ui").PopoverPlacement>;
+    readonly showTooltip: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
+    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>>;
+}, {
+    mergedClsPrefix: import("vue").ComputedRef<string>;
+    namespace: import("vue").ComputedRef<string | undefined>;
+    uncontrolledValue: import("vue").Ref<number | number[]>;
+    mergedValue: import("vue").ComputedRef<number | number[]>;
+    mergedDisabled: import("vue").ComputedRef<boolean>;
+    mergedPlacement: import("vue").ComputedRef<import("naive-ui").PopoverPlacement>;
+    isMounted: Readonly<import("vue").Ref<boolean>>;
+    adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
+    dotTransitionDisabled: import("vue").Ref<boolean>;
+    markInfos: import("vue").ComputedRef<{
+        active: boolean;
+        label: string;
+        style: import("vue").CSSProperties;
+    }[]>;
+    isShowTooltip: (index: number) => boolean;
+    shouldKeepTooltipTransition: (index: number) => boolean;
+    handleRailRef: import("vue").Ref<HTMLElement | null>;
+    setHandleRefs: (key: number) => (el: any) => void;
+    setFollowerRefs: (key: number) => (el: any) => void;
+    fillStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+        height: string;
+        width?: undefined;
+    } | {
+        [x: string]: string;
+        width: string;
+        height?: undefined;
+    } | undefined>;
+    getHandleStyle: (value: number, index: number) => Record<string, any>;
+    activeIndex: import("vue").Ref<number>;
+    arrifiedValues: import("vue").ComputedRef<number[]>;
+    followerEnabledIndexSet: import("vue").Ref<Set<number>>;
+    handleRailMouseDown: (event: MouseEvent | TouchEvent) => void;
+    handleHandleFocus: (index: number) => void;
+    handleHandleBlur: (index: number) => void;
+    handleHandleMouseEnter: (index: number) => void;
+    handleHandleMouseLeave: (index: number) => void;
+    handleRailKeyDown: (e: KeyboardEvent) => void;
+    indicatorCssVars: import("vue").ComputedRef<{
+        '--n-font-size': string;
+        '--n-indicator-border-radius': string;
+        '--n-indicator-box-shadow': string;
+        '--n-indicator-color': string;
+        '--n-indicator-text-color': string;
+    }> | undefined;
+    indicatorThemeClass: import("vue").Ref<string> | undefined;
+    indicatorOnRender: (() => void) | undefined;
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-dot-border': string;
+        '--n-dot-border-active': string;
+        '--n-dot-border-radius': string;
+        '--n-dot-box-shadow': string;
+        '--n-dot-color': string;
+        '--n-dot-color-modal': string;
+        '--n-dot-color-popover': string;
+        '--n-dot-height': string;
+        '--n-dot-width': string;
+        '--n-fill-color': string;
+        '--n-fill-color-hover': string;
+        '--n-font-size': string;
+        '--n-handle-box-shadow': string;
+        '--n-handle-box-shadow-active': string;
+        '--n-handle-box-shadow-focus': string;
+        '--n-handle-box-shadow-hover': string;
+        '--n-handle-color': string;
+        '--n-handle-size': string;
+        '--n-opacity-disabled': string;
+        '--n-rail-color': string;
+        '--n-rail-color-hover': string;
+        '--n-rail-height': string;
+        '--n-rail-width-vertical': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly to: {
+        type: import("vue").PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: import("vue").PropType<number | number[]>;
+        readonly default: 0;
+    };
+    readonly marks: import("vue").PropType<Record<string, string>>;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly formatTooltip: import("vue").PropType<(value: number) => string | number>;
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly step: {
+        readonly type: import("vue").PropType<number | "mark">;
+        readonly default: 1;
+    };
+    readonly range: BooleanConstructor;
+    readonly value: import("vue").PropType<number | number[]>;
+    readonly placement: import("vue").PropType<import("naive-ui").PopoverPlacement>;
+    readonly showTooltip: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
+    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
+        fontSize: string;
+        railColor: string;
+        railColorHover: string;
+        fillColor: string;
+        fillColorHover: string;
+        opacityDisabled: string;
+        handleColor: string;
+        dotColor: string;
+        dotColorModal: string;
+        dotColorPopover: string;
+        handleBoxShadow: string;
+        handleBoxShadowHover: string;
+        handleBoxShadowActive: string;
+        handleBoxShadowFocus: string;
+        indicatorColor: string;
+        indicatorBoxShadow: string;
+        indicatorTextColor: string;
+        indicatorBorderRadius: string;
+        dotBorder: string;
+        dotBorderActive: string;
+        dotBoxShadow: string;
+        railHeight: string;
+        railWidthVertical: string;
+        handleSize: string;
+        dotHeight: string;
+        dotWidth: string;
+        dotBorderRadius: string;
+    }, any>>>;
+}>>, {
+    readonly range: boolean;
+    readonly reverse: boolean;
+    readonly vertical: boolean;
+    readonly tooltip: boolean;
+    readonly disabled: boolean | undefined;
+    readonly step: number | "mark";
+    readonly max: number;
+    readonly min: number;
+    readonly to: string | boolean | HTMLElement;
+    readonly defaultValue: number | number[];
+    readonly showTooltip: boolean | undefined;
+}>;

package/es/packages/form-render/src/components/renderer/slider.js

@@ -0,0 +1,16 @@
+import { connect, mapProps } from '@formily/vue';
+import { NSlider } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/index.js';
+
+const SLIDER = connect(NSlider, mapProps((props, field) => {
+  const _props = assignUpdateValue(props, field);
+  if (Array.isArray(_props.option)) {
+    _props.marks = _props.option.reduce((fin, option) => {
+      fin[+option.value] = option.text;
+      return fin;
+    }, {});
+  }
+  return _props;
+}));
+
+export { SLIDER };

package/es/packages/form-render/src/components/renderer/switch.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+interface Description {
+    value: string;
+    describe: string;
+}
+export declare const SWITCH: import("vue").DefineComponent<{
+    openDescription: {
+        type: PropType<Description>;
+    };
+    closeDescription: {
+        type: PropType<Description>;
+    };
+    onChange: {};
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    openDescription: {
+        type: PropType<Description>;
+    };
+    closeDescription: {
+        type: PropType<Description>;
+    };
+    onChange: {};
+}>>, {}>;
+export {};

package/es/packages/form-render/src/components/renderer/switch.js

@@ -0,0 +1,47 @@
+import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
+import { NSwitch } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/index.js';
+import { connect, mapProps } from '@formily/vue';
+
+const script = defineComponent({
+  name: "FormSwitch",
+  props: {
+    openDescription: {
+      type: Object
+    },
+    closeDescription: {
+      type: Object
+    },
+    onChange: {}
+  },
+  setup(props) {
+    return () => {
+      const checkedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.openDescription) == null ? void 0 : _a.value) != null ? _b : true;
+      });
+      const uncheckedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.closeDescription) == null ? void 0 : _a.value) != null ? _b : false;
+      });
+      const checked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.openDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      const unchecked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      return createVNode(NSwitch, {
+        "checkedValue": checkedValue.value,
+        "uncheckedValue": uncheckedValue.value
+      }, {
+        checked,
+        unchecked
+      });
+    };
+  }
+});
+const SWITCH = connect(script, mapProps(assignUpdateValue));
+
+export { SWITCH };