@jetlinks-web/components 2.0.3 → 2.0.4-10

package/es/AMap/Map.js

@@ -9,6 +9,7 @@
   "WebKey": "props",
   "ref": "setup-const",
   "computed": "setup-const",
+  "inject": "setup-const",
   "initAMapApiLoader": "setup-maybe-ref",
   "ElAmap": "setup-maybe-ref",
   "getAMapUiPromise": "setup-maybe-ref",
@@ -28,7 +29,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
-import { ref, computed } from 'vue';
+import { ref, computed, inject } from 'vue';
 import { initAMapApiLoader, ElAmap } from '@vuemap/vue-amap';
 import { getAMapUiPromise } from '@jetlinks-web/utils';
 import { MapProps } from './util';
@@ -36,6 +37,9 @@ import { MAPConfig } from "@jetlinks-web/constants";
 import Empty from '../Empty';
 import '@vuemap/vue-amap/dist/style.css';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JAMap'
+    },
     props: {
         ...MapProps(),
         style: Object,

package/es/AMap/index.js

@@ -1,2 +1,5 @@
 import Map from './Map.js';
+Map.install = function (app) {
+  app.component(Map.name, Map);
+};
 export default Map;

package/es/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/es/BadgeStatus/index.js

@@ -1,3 +1,6 @@
 import BadgeStatus from './Badge.js';
+BadgeStatus.install = function (app) {
+  app.component(BadgeStatus.name, BadgeStatus);
+};
 export * from './color';
 export default BadgeStatus;

package/es/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/es/CardSelect/index.js

@@ -1,2 +1,5 @@
 import CardSelect from "./CardSelect.js";
+CardSelect.install = function (app) {
+  app.component(CardSelect.name, CardSelect);
+};
 export default CardSelect;

package/es/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-1712546546166"), 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/es/CheckButton/index.js

@@ -1,2 +1,5 @@
 import CheckButton from './CheckButton.js';
+CheckButton.install = function (app) {
+  app.component(CheckButton.name, CheckButton);
+};
 export default CheckButton;

package/es/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: 6px;
+  background-color: #f2f3f5;
+  transition: all 0.3s;
+  color: #333;
+  text-align: center;
+  cursor: pointer;
+}
+.j-check-button .j-check-button-item:hover {
+  background-color: #315EFB;
+  opacity: 0.85;
+  color: #fff;
+}
+.j-check-button .j-check-button-item.selected {
+  background-color: #315EFB;
+  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/es/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/es/ConfigProvider/index.js

@@ -28,4 +28,7 @@ var JConfigProvider = defineComponent({
   }
 });
 JConfigProvider.config = ConfigProvider.config;
+JConfigProvider.install = function (app) {
+  app.component(JConfigProvider.name, JConfigProvider);
+};
 export default JConfigProvider;

package/es/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/es/Echarts/index.js

@@ -1,2 +1,5 @@
 import Echarts from './Echarts.js';
+Echarts.install = function (app) {
+  app.component(Echarts.name, Echarts);
+};
 export default Echarts;

package/es/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,35 +154,38 @@ 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
                     }, triggerAttrs(), {
                         onClick: _cache[0] || (_cache[0] = (...args) => (handleClickRef.value && handleClickRef.value(...args))),
                         onMouseleave: _cache[1] || (_cache[1] = $event => (visible.value = false)),
-                        onMouseenter: _cache[2] || (_cache[2] = $event => {
-                            ;
-                            [
-                                props.expandTrigger === 'click'
-                                    ? getTooltipDisabled()
-                                    : showTooltip(),
-                            ];
-                        })
-                    }), null, 16 /* FULL_PROPS */)
+                        onMouseenter: _cache[2] || (_cache[2] = $event => (props.expandTrigger === 'click'
+                            ? getTooltipDisabled()
+                            : showTooltip()))
+                    }), [
+                        _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/es/Ellipsis/index.js

@@ -1,2 +1,5 @@
 import Ellipsis from './Ellipsis.js';
+Ellipsis.install = function (app) {
+  app.component(Ellipsis.name, Ellipsis);
+};
 export default Ellipsis;

package/es/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/es/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/es/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/es/Empty/index.js

@@ -1,2 +1,5 @@
 import Empty from './Empty.js';
+Empty.install = function (app) {
+  app.component(Empty.name, Empty);
+};
 export default Empty;

package/es/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-1712546547297"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713250344966"), 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/es/FullPage/index.js

@@ -1,2 +1,5 @@
 import FullPage from './FullPage.js';
+FullPage.install = function (app) {
+  app.component(FullPage.name, FullPage);
+};
 export default FullPage;

package/es/Icon/index.js

@@ -1,2 +1,5 @@
 import AIcon from './icon';
+AIcon.install = function (app) {
+  app.component(AIcon.name, AIcon);
+};
 export default AIcon;

package/es/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/es/MonacoEditor/index.js

@@ -1,2 +1,5 @@
 import Monaco from './Monaco.js';
+Monaco.install = function (app) {
+  app.component(Monaco.name, Monaco);
+};
 export default Monaco;

package/es/PermissionButton/index.js

@@ -27,7 +27,7 @@ var definedProps = _objectSpread({
   }
 }, omit(buttonProps(), 'icon'));
 var PermissionButton = defineComponent({
-  name: 'PermissionButton',
+  name: 'JPermissionButton',
   // @ts-ignore
   slots: ['button', 'icon'],
   props: definedProps,
@@ -114,4 +114,7 @@ var PermissionButton = defineComponent({
     };
   }
 });
+PermissionButton.install = function (app) {
+  app.component(PermissionButton.name, PermissionButton);
+};
 export default PermissionButton;

package/es/ProLayout/index.js

@@ -1,4 +1,7 @@
 import ProLayout from './Basic/BasicLayout';
 import PageContainer from './PageContainer';
+ProLayout.install = function (app) {
+  app.component(ProLayout.name, ProLayout);
+};
 export { PageContainer };
 export default ProLayout;

package/es/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/es/ProTable/index.js

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

package/es/ProTable/style/index.less

@@ -1,92 +1,92 @@
-@import '../../style/variable.less';
-//@import 'ant-design-vue/es/style/themes/variable.less';
-
-.jtable-body-spin {
-    min-height: 100%;
-    width: 100%;
-    padding: 16px 24px 24px;
-    background-color: #fff;
-
-    .ant-spin-nested-loading {
-        height: 100%;
-        .ant-spin-container {
-            height: 100%;
-        }
-    }
-
-    .jtable-body {
-        width: 100%;
-        box-sizing: border-box;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        .jtable-body-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            .jtable-body-header-right {
-                display: flex;
-                gap: 8px;
-                align-items: center;
-
-                .jtable-body-header-right-button {
-                    .right-button-icon {
-                        font-size: 16px;
-                        color: #d9d9d9;
-                    }
-
-                    .ant-radio-button-wrapper {
-                        padding: 0 8px;
-                    }
-
-                    .ant-radio-button-wrapper-checked {
-                        .right-button-icon {
-                            color: @primary-color;
-                        }
-                    }
-                }
-            }
-        }
-
-        .jtable-content {
-            flex: 1;
-            padding: 16px 0;
-
-            .jtable-alert {
-                margin-bottom: 16px;
-            }
-
-            .jtable-card {
-                .jtable-card-items {
-                    display: grid;
-                    grid-gap: 26px;
-
-                    .jtable-card-item {
-                        display: flex;
-                        min-width: 0;
-                    }
-                }
-            }
-        }
-
-        .jtable-pagination {
-            // position: absolute;
-            // background-color: white;
-            // padding: 10px 0;
-            // right: 0;
-            // bottom: 0;
-            width: 100%;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .j-table-empty {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin: 10% 0;
-        }
-    }
-}
+@import '../../style/variable.less';
+//@import 'ant-design-vue/es/style/themes/variable.less';
+
+.jtable-body-spin {
+    min-height: 100%;
+    width: 100%;
+    padding: 16px 24px 24px;
+    background-color: #fff;
+
+    .ant-spin-nested-loading {
+        height: 100%;
+        .ant-spin-container {
+            height: 100%;
+        }
+    }
+
+    .jtable-body {
+        width: 100%;
+        box-sizing: border-box;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        .jtable-body-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .jtable-body-header-right {
+                display: flex;
+                gap: 8px;
+                align-items: center;
+
+                .jtable-body-header-right-button {
+                    .right-button-icon {
+                        font-size: 16px;
+                        color: #d9d9d9;
+                    }
+
+                    .ant-radio-button-wrapper {
+                        padding: 0 8px;
+                    }
+
+                    .ant-radio-button-wrapper-checked {
+                        .right-button-icon {
+                            color: @primary-color;
+                        }
+                    }
+                }
+            }
+        }
+
+        .jtable-content {
+            flex: 1;
+            padding: 16px 0;
+
+            .jtable-alert {
+                margin-bottom: 16px;
+            }
+
+            .jtable-card {
+                .jtable-card-items {
+                    display: grid;
+                    grid-gap: 26px;
+
+                    .jtable-card-item {
+                        display: flex;
+                        min-width: 0;
+                    }
+                }
+            }
+        }
+
+        .jtable-pagination {
+            // position: absolute;
+            // background-color: white;
+            // padding: 10px 0;
+            // right: 0;
+            // bottom: 0;
+            width: 100%;
+            display: flex;
+            justify-content: flex-end;
+        }
+
+        .j-table-empty {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 10% 0;
+        }
+    }
+}

package/es/Scrollbar/index.js

@@ -1,2 +1,5 @@
 import Scrollbar from './Scrollbar.js';
+Scrollbar.install = function (app) {
+  app.component(Scrollbar.name, Scrollbar);
+};
 export default Scrollbar;