@jetlinks-web/components 2.0.4 → 2.0.5

package/lib/AMap/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Map = _interopRequireDefault(require("./Map.js"));
+_Map.default.install = function (app) {
+  app.component(_Map.default.name, _Map.default);
+};
 var _default = exports.default = _Map.default;

package/lib/BadgeStatus/Badge.js

@@ -12,6 +12,9 @@ import { resolveComponent as _resolveComponent, openBlock as _openBlock, createB
 import { computed } from 'vue';
 import { getHexColor } from './color';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JBadgeStatus'
+    },
     props: {
         text: {
             type: String,

package/lib/BadgeStatus/index.js

@@ -19,4 +19,7 @@ Object.keys(_color).forEach(function (key) {
     }
   });
 });
+_Badge.default.install = function (app) {
+  app.component(_Badge.default.name, _Badge.default);
+};
 var _default = exports.default = _Badge.default;

package/lib/CardSelect/CardSelect.js

@@ -20,7 +20,9 @@ const _hoisted_2 = { class: "j-card-select-item-content" };
 const _hoisted_3 = { class: "j-card-select-title" };
 const _hoisted_4 = { class: "j-card-select-describe" };
 import { has } from 'lodash-es';
-const __sfc_main__ = {
+const __sfc_main__ = Object.assign({
+    name: 'JCardSelect'
+}, {
     props: {
         layout: {
             type: String,
@@ -119,5 +121,5 @@ const __sfc_main__ = {
             ], 4 /* STYLE */));
         };
     }
-};
+});
 export default __sfc_main__;

package/lib/CardSelect/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _CardSelect = _interopRequireDefault(require("./CardSelect.js"));
+_CardSelect.default.install = function (app) {
+  app.component(_CardSelect.default.name, _CardSelect.default);
+};
 var _default = exports.default = _CardSelect.default;

package/lib/CheckButton/CheckButton.js

@@ -19,12 +19,14 @@
   "selected": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901444786"), n = n(), _popScopeId(), n);
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
 import { computed, ref, watch } from 'vue';
 import { isArray } from '@jetlinks-web/utils';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JCheckButton'
+    },
     props: {
         value: {
             type: [String, Array],

package/lib/CheckButton/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _CheckButton = _interopRequireDefault(require("./CheckButton.js"));
+_CheckButton.default.install = function (app) {
+  app.component(_CheckButton.default.name, _CheckButton.default);
+};
 var _default = exports.default = _CheckButton.default;

package/lib/CheckButton/style/index.css

@@ -0,0 +1,37 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.j-check-button {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+}
+.j-check-button .j-check-button-item {
+  flex: 1;
+  min-width: 0;
+  padding: 8px;
+  border-radius: 2px;
+  background-color: #f2f3f5;
+  transition: all 0.3s;
+  color: #333;
+  text-align: center;
+  cursor: pointer;
+}
+.j-check-button .j-check-button-item:hover {
+  background-color: #1890ff;
+  opacity: 0.85;
+  color: #fff;
+}
+.j-check-button .j-check-button-item.selected {
+  background-color: #1890ff;
+  color: #fff;
+}
+.j-check-button .j-check-button-item.disabled {
+  cursor: not-allowed;
+  color: #00000060;
+}
+.j-check-button .j-check-button-item.disabled:hover {
+  background-color: #f2f3f5;
+  color: #00000060;
+}

package/lib/CheckButton/style/index.less

@@ -0,0 +1,40 @@
+@import 'ant-design-vue/es/style/themes/index.less';
+
+.j-check-button {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+
+  .j-check-button-item {
+    flex: 1;
+    min-width: 0;
+    padding: 8px;
+    border-radius: @border-radius-base;
+    background-color: #f2f3f5;
+    transition: all 0.3s;
+    color: #333;
+    text-align: center;
+    cursor: pointer;
+
+    &:hover {
+      background-color: @primary-color;
+      opacity: 0.85;
+      color: #fff;
+    }
+
+    &.selected {
+      background-color: @primary-color;
+      color: #fff;
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+      color: #00000060;
+
+      &:hover {
+        background-color: #f2f3f5;
+        color: #00000060;
+      }
+    }
+  }
+}

package/lib/ConfigProvider/index.js

@@ -34,4 +34,7 @@ var JConfigProvider = (0, _vue.defineComponent)({
   }
 });
 JConfigProvider.config = _antDesignVue.ConfigProvider.config;
+JConfigProvider.install = function (app) {
+  app.component(JConfigProvider.name, JConfigProvider);
+};
 var _default = exports.default = JConfigProvider;

package/lib/Echarts/Echarts.js

@@ -16,6 +16,9 @@ import { normalizeStyle as _normalizeStyle, openBlock as _openBlock, createEleme
 import { nextTick, ref, watch, } from 'vue';
 import { useECharts } from '@jetlinks-web/hooks';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JEcharts'
+    },
     props: {
         options: {
             type: Object,

package/lib/Echarts/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Echarts = _interopRequireDefault(require("./Echarts.js"));
+_Echarts.default.install = function (app) {
+  app.component(_Echarts.default.name, _Echarts.default);
+};
 var _default = exports.default = _Echarts.default;

package/lib/Ellipsis/Ellipsis.js

@@ -25,14 +25,14 @@
   "syncCursorStyle": "setup-const",
   "getTooltipDisabled": "setup-const"
 } */
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { Tooltip } from 'ant-design-vue';
 import { computed, mergeProps, ref, useAttrs } from 'vue';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
 const __sfc_main__ = Object.assign({
-    name: 'Ellipsis',
+    name: 'JEllipsis',
 }, {
     props: {
         expandTrigger: {
@@ -154,17 +154,8 @@ const __sfc_main__ = Object.assign({
                 ref_key: "tooltipRef",
                 ref: tooltipRef,
                 placement: "top"
-            }, __props.tooltip, { visible: visible.value }), {
+            }, __props.tooltip, { visible: visible.value }), _createSlots({
                 default: _withCtx(() => [
-                    (__props.tooltip)
-                        ? (_openBlock(), _createElementBlock("div", {
-                            key: 0,
-                            class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
-                        }, [
-                            _renderSlot(_ctx.$slots, "default"),
-                            _renderSlot(_ctx.$slots, "tooltip")
-                        ], 2 /* CLASS */))
-                        : _createCommentVNode("v-if", true),
                     _createElementVNode("span", _mergeProps({
                         ref_key: "triggerRef",
                         ref: triggerRef
@@ -174,10 +165,27 @@ const __sfc_main__ = Object.assign({
                         onMouseenter: _cache[2] || (_cache[2] = $event => (props.expandTrigger === 'click'
                             ? getTooltipDisabled()
                             : showTooltip()))
-                    }), null, 16 /* FULL_PROPS */)
+                    }), [
+                        _renderSlot(_ctx.$slots, "default")
+                    ], 16 /* FULL_PROPS */)
                 ]),
-                _: 3 /* FORWARDED */
-            }, 16 /* FULL_PROPS */, ["visible"]));
+                _: 2 /* DYNAMIC */
+            }, [
+                (__props.tooltip)
+                    ? {
+                        name: "title",
+                        fn: _withCtx(() => [
+                            _createElementVNode("div", {
+                                class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
+                            }, [
+                                _renderSlot(_ctx.$slots, "default"),
+                                _renderSlot(_ctx.$slots, "tooltip")
+                            ], 2 /* CLASS */)
+                        ]),
+                        key: "0"
+                    }
+                    : undefined
+            ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["visible"]));
         };
     }
 });

package/lib/Ellipsis/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Ellipsis = _interopRequireDefault(require("./Ellipsis.js"));
+_Ellipsis.default.install = function (app) {
+  app.component(_Ellipsis.default.name, _Ellipsis.default);
+};
 var _default = exports.default = _Ellipsis.default;

package/lib/Ellipsis/style/index.css

@@ -0,0 +1,17 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/Ellipsis/style/index.less

@@ -0,0 +1,20 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/Empty/Empty.js

@@ -18,6 +18,9 @@ import { useSlots } from 'vue';
 import NoData from './image';
 import { omit } from 'lodash-es';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JEmpty'
+    },
     props: {
         description: {
             type: String,

package/lib/Empty/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Empty = _interopRequireDefault(require("./Empty.js"));
+_Empty.default.install = function (app) {
+  app.component(_Empty.default.name, _Empty.default);
+};
 var _default = exports.default = _Empty.default;

package/lib/FullPage/FullPage.js

@@ -6,11 +6,14 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901447064"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713253708126"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JFullPage'
+    },
     setup(__props) {
         const fullPage = ref(null);
         const { y } = useElementBounding(fullPage);

package/lib/FullPage/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _FullPage = _interopRequireDefault(require("./FullPage.js"));
+_FullPage.default.install = function (app) {
+  app.component(_FullPage.default.name, _FullPage.default);
+};
 var _default = exports.default = _FullPage.default;

package/lib/Icon/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _icon = _interopRequireDefault(require("./icon"));
+_icon.default.install = function (app) {
+  app.component(_icon.default.name, _icon.default);
+};
 var _default = exports.default = _icon.default;

package/lib/MonacoEditor/Monaco.js

@@ -51,7 +51,9 @@ import { openBlock as _openBlock, createElementBlock as _createElementBlock } fr
 import { ref, onMounted, watch, onUnmounted, toRaw, nextTick } from 'vue';
 import * as monaco from 'monaco-editor';
 import { omit } from 'lodash-es';
-const __sfc_main__ = {
+const __sfc_main__ = Object.assign({
+    name: 'JMonacoEditor'
+}, {
     props: {
         modelValue: [String, Number],
         theme: { type: String, default: 'vs-dark' },
@@ -234,5 +236,5 @@ const __sfc_main__ = {
             }, null, 512 /* NEED_PATCH */));
         };
     }
-};
+});
 export default __sfc_main__;

package/lib/MonacoEditor/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Monaco = _interopRequireDefault(require("./Monaco.js"));
+_Monaco.default.install = function (app) {
+  app.component(_Monaco.default.name, _Monaco.default);
+};
 var _default = exports.default = _Monaco.default;

package/lib/PermissionButton/index.js

@@ -34,7 +34,7 @@ var definedProps = (0, _objectSpread2.default)({
   }
 }, (0, _lodashEs.omit)((0, _button.buttonProps)(), 'icon'));
 var PermissionButton = (0, _vue.defineComponent)({
-  name: 'PermissionButton',
+  name: 'JPermissionButton',
   // @ts-ignore
   slots: ['button', 'icon'],
   props: definedProps,
@@ -121,4 +121,7 @@ var PermissionButton = (0, _vue.defineComponent)({
     };
   }
 });
+PermissionButton.install = function (app) {
+  app.component(PermissionButton.name, PermissionButton);
+};
 var _default2 = exports.default = PermissionButton;

package/lib/ProLayout/PageContainer/index.js

@@ -14,6 +14,7 @@ var _antDesignVue = require("ant-design-vue");
 var _pageHeader = require("ant-design-vue/es/page-header");
 var _RouteContext = require("../RouteContext");
 var _util = require("../util");
+var _vueTypes = _interopRequireDefault(require("ant-design-vue/es/_util/vue-types"));
 require("./index.less");
 var _excluded = ["title", "tabList", "tabActiveKey", "content", "pageHeaderRender", "header", "extraContent", "prefixedClassName", "prefixCls", "fixedHeader", "showBack"];
 function _isSlot(s) {
@@ -62,7 +63,7 @@ var pageHeaderTabConfig = exports.pageHeaderTabConfig = {
 var pageContainerProps = exports.pageContainerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageHeaderTabConfig), _pageHeader.pageHeaderProps), {}, {
   prefixCls: {
     type: String,
-    default: 'ant-pro'
+    default: _vueTypes.default.string.def('ant-pro')
   },
   title: {
     type: [Object, String, Boolean, Function],

package/lib/ProLayout/SiderMenu/BaseMenu.js

@@ -17,15 +17,14 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
 var _utils = require("@jetlinks-web/utils");
 var _antDesignVue = require("ant-design-vue");
 var _iconsVue = require("@ant-design/icons-vue/lib/icons");
+require("ant-design-vue/es/_util/vue-types");
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
 }
 var baseMenuProps = exports.baseMenuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultSettings.defaultSettingProps), {}, {
   prefixCls: {
     type: String,
-    default: function _default() {
-      return _RouteContext.defaultPrefixCls;
-    }
+    default: _RouteContext.defaultPrefixCls
   },
   locale: {
     type: [Function, Boolean],

package/lib/ProLayout/index.js

@@ -13,4 +13,7 @@ Object.defineProperty(exports, "PageContainer", {
 exports.default = void 0;
 var _BasicLayout = _interopRequireDefault(require("./Basic/BasicLayout"));
 var _PageContainer = _interopRequireDefault(require("./PageContainer"));
+_BasicLayout.default.install = function (app) {
+  app.component(_BasicLayout.default.name, _BasicLayout.default);
+};
 var _default = exports.default = _BasicLayout.default;

package/lib/ProLayout/style/default.less

@@ -1,4 +1,4 @@
-@import 'ant-design-vue/es/style/themes/index.less';
-
-@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
-@pro-layout-header-height: 48px;
+@import 'ant-design-vue/es/style/themes/index.less';
+
+@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
+@pro-layout-header-height: 48px;

package/lib/ProTable/index.js

@@ -117,7 +117,7 @@ var tableProps = function tableProps() {
   });
 };
 var ProTable = (0, _vue.defineComponent)({
-  name: 'ProTable',
+  name: 'JProTable',
   slots: ['headerTitle', 'card', 'rightExtraRender', 'paginationRender' // 分页
   ],
   props: tableProps(),
@@ -414,4 +414,7 @@ var ProTable = (0, _vue.defineComponent)({
     };
   }
 });
+ProTable.install = function (app) {
+  app.component(ProTable.name, ProTable);
+};
 var _default2 = exports.default = ProTable;

package/lib/Scrollbar/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Scrollbar = _interopRequireDefault(require("./Scrollbar.js"));
+_Scrollbar.default.install = function (app) {
+  app.component(_Scrollbar.default.name, _Scrollbar.default);
+};
 var _default = exports.default = _Scrollbar.default;

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901448928"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713253709627"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Advanced/index.js

@@ -105,6 +105,9 @@ import { Select, Button, Form, FormItemRest } from 'ant-design-vue';
 import { AIcon } from '../../../';
 import { cloneDeep } from 'lodash-es';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JAdvancedSearch',
+    },
     props: {
         columns: {
             type: Array,

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901448230"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713253708912"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901448504"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713253709078"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
@@ -46,6 +46,9 @@ import { termsParamsFormat } from './util';
 import SearchItem from './Item.js';
 import { optionsMapKey } from './setting';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JSearch',
+    },
     props: {
         columns: {
             type: Array,

package/lib/Search/index.js

@@ -13,4 +13,7 @@ Object.defineProperty(exports, "AdvancedSearch", {
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./Advanced/index.js"));
 var _Search = _interopRequireDefault(require("./Search.js"));
+_Search.default.install = function (app) {
+  app.component(_Search.default.name, _Search.default);
+};
 var _default = exports.default = _Search.default;

package/lib/ValueItem/ValueItem.js

@@ -58,6 +58,9 @@ import { componentsType } from './util';
 import { MonacoEditor } from '../../';
 import { Select, DatePicker, TimePicker, Input, InputNumber, InputPassword, Upload, Modal, } from 'ant-design-vue';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JValueItem',
+    },
     props: {
         // 组件双向绑定的值
         modelValue: {

package/lib/ValueItem/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ValueItem = _interopRequireDefault(require("./ValueItem.js"));
+_ValueItem.default.install = function (app) {
+  app.component(_ValueItem.default.name, _ValueItem.default);
+};
 var _default = exports.default = _ValueItem.default;