@jetlinks-web/components 2.7.0 → 3.0.0

package/es/style/index.less

@@ -1,13 +0,0 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/ProTable.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
-@import '../DragModal/style/index.less';
-@import "../EditTable/style/index.less";
-@import "../MonacoEditor/style/index.less";
-@import '../Scrollbar/style/index.less';
-@import '../Title/style/index.less';
-@import '../RadioButton/style/index.less';

package/es/style/variable.css

@@ -1,4 +0,0 @@
-/* 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 */

package/es/style/variable.less

@@ -1,4 +0,0 @@
-@import 'ant-design-vue/es/style/themes/index.less';
-
-@text-color-title: #000;
-@text-color-subtitle: #263237;

package/lib/AMap/Map.js

@@ -1,133 +0,0 @@
-/* Analyzed bindings: {
-  "style": "props",
-  "class": "props",
-  "AMapUI": "props",
-  "center": "props",
-  "plugins": "props",
-  "zooms": "props",
-  "JSKey": "props",
-  "WebKey": "props",
-  "ref": "setup-const",
-  "computed": "setup-const",
-  "inject": "setup-const",
-  "defineOptions": "setup-const",
-  "initAMapApiLoader": "setup-maybe-ref",
-  "ElAmap": "setup-maybe-ref",
-  "getAMapUiPromise": "setup-maybe-ref",
-  "MapProps": "setup-maybe-ref",
-  "MAPConfig": "setup-maybe-ref",
-  "Empty": "setup-maybe-ref",
-  "useLocaleReceiver": "setup-maybe-ref",
-  "emit": "setup-const",
-  "props": "setup-reactive-const",
-  "contextLocale": "setup-maybe-ref",
-  "config": "setup-maybe-ref",
-  "_mapStyle": "setup-ref",
-  "hasAMapKey": "setup-ref",
-  "uiLoading": "setup-ref",
-  "map": "setup-ref",
-  "isOpenUi": "setup-ref",
-  "getAMapUI": "setup-const",
-  "initMap": "setup-const"
-} */
-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, inject, } from 'vue';
-import { initAMapApiLoader, ElAmap } from '@vuemap/vue-amap';
-import { getAMapUiPromise } from '@jetlinks-web/utils';
-import { MapProps } from './util';
-import { MAPConfig } from "../utils/constants";
-import Empty from '../Empty';
-import '@vuemap/vue-amap/dist/style.css';
-import { useLocaleReceiver } from "../LocaleReciver/index";
-const __sfc_main__ = _defineComponent({
-    ...{
-        name: 'JAMap'
-    },
-    props: {
-        ...MapProps(),
-        style: Object,
-        class: String,
-        AMapUI: [String, Boolean],
-        center: Array,
-        plugins: Array,
-        zooms: {
-            type: Array,
-            default: () => [3, 20]
-        },
-        JSKey: String,
-        WebKey: String,
-    },
-    emits: [
-        'initMap',
-    ],
-    setup(__props, { emit: __emit }) {
-        const emit = __emit;
-        const props = __props;
-        const [contextLocale] = useLocaleReceiver('AMap');
-        const config = inject(MAPConfig);
-        const _mapStyle = computed(() => {
-            if (props.mapStyle) {
-                return `amap://styles/${props.mapStyle}`;
-            }
-            if (config.mapStyle) {
-                return config.mapStyle;
-            }
-            return undefined;
-        });
-        const hasAMapKey = computed(() => {
-            return !!(props.JSKey || config.JSKey);
-        });
-        initAMapApiLoader({
-            key: props.JSKey || config.JSKey || '',
-            securityJsCode: props.WebKey || config.WebKey,
-            plugins: props.plugins
-        });
-        const uiLoading = ref(false);
-        const map = ref(null);
-        const isOpenUi = computed(() => {
-            return 'AMapUI' in props || props.AMapUI;
-        });
-        const getAMapUI = () => {
-            const version = typeof props.AMapUI === 'string' ? props.AMapUI : '1.1';
-            getAMapUiPromise(version).then(() => {
-                uiLoading.value = true;
-            });
-        };
-        const initMap = (e) => {
-            map.value = e;
-            emit('initMap', e);
-            if (isOpenUi.value) {
-                getAMapUI();
-            }
-        };
-        return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", {
-                style: _normalizeStyle(props.style || { width: '100%', height: '100%' }),
-                class: _normalizeClass(props.class)
-            }, [
-                (hasAMapKey.value)
-                    ? (_openBlock(), _createBlock(_unref(ElAmap), _mergeProps({
-                        key: 0,
-                        "map-style": _mapStyle.value
-                    }, {
-                        ...props,
-                        ..._ctx.$attrs
-                    }, { onInit: initMap }), {
-                        default: _withCtx(() => [
-                            (uiLoading.value)
-                                ? _renderSlot(_ctx.$slots, "default", { key: 0 })
-                                : _renderSlot(_ctx.$slots, "default", { key: 1 })
-                        ]),
-                        _: 3 /* FORWARDED */
-                    }, 16 /* FULL_PROPS */, ["map-style"]))
-                    : (_openBlock(), _createBlock(_unref(Empty), {
-                        key: 1,
-                        description: _unref(contextLocale).description,
-                        style: { "padding": "20%" }
-                    }, null, 8 /* PROPS */, ["description"]))
-            ], 6 /* CLASS, STYLE */));
-        };
-    }
-});
-export default __sfc_main__;

package/lib/AMap/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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/AMap/util.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MapProps = void 0;
-var MapProps = exports.MapProps = function MapProps() {
-  return {
-    //  响应式
-    center: Array,
-    labelzIndex: Number,
-    lang: String,
-    mapStyle: String,
-    //  静态属性
-    vid: String,
-    amapManager: Object,
-    defaultCursor: String,
-    animateEnable: {
-      type: Boolean,
-      default: true
-    },
-    isHotspot: Boolean,
-    rotateEnable: {
-      type: Boolean,
-      default: true
-    },
-    resizeEnable: {
-      type: Boolean,
-      default: true
-    },
-    showIndoorMap: Boolean,
-    expandZoomRange: Boolean,
-    dragEnable: {
-      type: Boolean,
-      default: true
-    },
-    zoomEnable: {
-      type: Boolean,
-      default: true
-    },
-    doubleClickZoom: {
-      type: Boolean,
-      default: true
-    },
-    keyboardEnable: {
-      type: Boolean,
-      default: true
-    },
-    jogEnable: {
-      type: Boolean,
-      default: true
-    },
-    scrollWheel: {
-      type: Boolean,
-      default: true
-    },
-    touchZoom: {
-      type: Boolean,
-      default: true
-    }
-  };
-};

package/lib/CardSelect/style/index.css

@@ -1,24 +0,0 @@
-/* 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-card-select {
-  display: grid;
-  gap: 12px;
-}
-.j-card-select .j-card-select-item {
-  padding: 12px;
-  border: 1px solid #e6e6e6;
-  border-radius: 2px;
-  cursor: pointer;
-}
-.j-card-select .j-card-select-item.active {
-  border-color: #1890ff;
-}
-.j-card-select .j-card-select-item.disabled {
-  cursor: not-allowed;
-  opacity: 0.75;
-}
-.j-card-select .j-card-select-item .j-card-select-describe {
-  color: #263237;
-}

package/lib/CardSelect/style/index.less

@@ -1,26 +0,0 @@
-@import '../../style/variable.less';
-
-.j-card-select {
-  display: grid;
-  gap: 12px;
-
-  .j-card-select-item {
-    padding: 12px;
-    border: 1px solid #e6e6e6;
-    border-radius: @border-radius-base;
-    cursor: pointer;
-
-    &.active {
-      border-color: @primary-color;
-    }
-
-    &.disabled {
-      cursor: not-allowed;
-      opacity: 0.75;
-    }
-
-    .j-card-select-describe {
-      color: @text-color-subtitle;
-    }
-  }
-}

package/lib/CheckButton/style/index.css

@@ -1,37 +0,0 @@
-/* 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

@@ -1,40 +0,0 @@
-@import 'ant-design-vue/lib/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/DragModal/style/index.css

@@ -1,82 +0,0 @@
-/* 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 */
-.dialog-enter-active,
-.dialog-leave-active {
-  transition: opacity 0.5s;
-}
-.dialog-enter,
-.dialog-leave-to {
-  opacity: 0;
-}
-.jetlinks-drag-modal {
-  position: fixed;
-  z-index: 1000;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-sprite {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  z-index: 23456765435;
-  background-color: #ffffff;
-  border-radius: 4px;
-  border: 1px solid #91CAFF;
-  box-shadow: 0 3px 8px 0 rgba(22, 119, 255, 0.24);
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-sprite .header {
-  padding: 5px 15px;
-  font-size: 18px;
-  font-weight: 700;
-  color: #333;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #f0f0f0;
-  cursor: move;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-body {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  padding: 24px 20px;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
-  border-top: 1px solid #f0f0f0;
-  padding: 5px 15px;
-  text-align: right;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  border-radius: 100%;
-  z-index: 23456765436;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right:hover,
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left:hover {
-  cursor: nwse-resize;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left:hover,
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right:hover {
-  cursor: nesw-resize;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right {
-  top: -6px;
-  right: -6px;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left {
-  top: -6px;
-  left: -6px;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right {
-  bottom: -6px;
-  right: -6px;
-}
-.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left {
-  bottom: -6px;
-  left: -6px;
-}

package/lib/DragModal/style/index.less

@@ -1,97 +0,0 @@
-@import "ant-design-vue/lib/style/themes/index.less";
-@boxColor: rgb(@primary-color);
-
-// 弹窗动画
-.dialog-enter-active,
-.dialog-leave-active {
-  transition: opacity .5s;
-}
-
-.dialog-enter,
-.dialog-leave-to {
-  opacity: 0;
-}
-
-.jetlinks-drag-modal {
-  position: fixed;
-  z-index: 1000;
-
-  .jetlinks-drag-modal-sprite {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    z-index: 23456765435;
-    background-color: #ffffff;
-    border-radius: 4px;
-    border: 1px solid #91CAFF;
-    box-shadow: 0 3px 8px 0 rgba(#1677FF, 0.24);
-
-    .header {
-      padding: 5px 15px;
-      font-size: 18px;
-      font-weight: 700;
-      color: #333;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      border-bottom: 1px solid #f0f0f0;
-      cursor: move;
-    }
-
-    .jetlinks-drag-modal-body {
-      flex: 1;
-      min-height: 0;
-      overflow-y: auto;
-      padding: 24px 20px;
-    }
-
-    .jetlinks-drag-modal-footer {
-      border-top: 1px solid #f0f0f0;
-      padding: 5px 15px;
-      text-align: right;
-    }
-  }
-
-  .jetlinks-drag-modal-range {
-    position: absolute;
-    width: 16px;
-    height: 16px;
-    border-radius: 100%;
-    z-index: 23456765436;
-
-    .drag-bottom-right, .drag-top-left {
-      &:hover {
-        cursor: nwse-resize
-      }
-    }
-
-    .drag-bottom-left, .drag-top-right {
-      &:hover {
-        cursor: nesw-resize
-      }
-    }
-
-    .drag-top-right {
-      top: -6px;
-      right: -6px;
-    }
-
-    .drag-top-left {
-      top: -6px;
-      left: -6px;
-    }
-
-    .drag-bottom-right {
-      bottom: -6px;
-      right: -6px;
-    }
-
-    .drag-bottom-left {
-      bottom: -6px;
-      left: -6px;
-    }
-  }
-}

package/lib/Echarts/Echarts.js

@@ -1,48 +0,0 @@
-/* Analyzed bindings: {
-  "options": "props",
-  "style": "props",
-  "nextTick": "setup-const",
-  "ref": "setup-const",
-  "watch": "setup-const",
-  "defineOptions": "setup-const",
-  "useECharts": "setup-maybe-ref",
-  "props": "setup-reactive-const",
-  "echartsDom": "setup-ref",
-  "setOptions": "setup-maybe-ref"
-} */
-import { defineComponent as _defineComponent } from 'vue';
-import { normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { nextTick, ref, watch, } from 'vue';
-import { useECharts } from '@jetlinks-web/hooks';
-const __sfc_main__ = _defineComponent({
-    ...{
-        name: 'JEcharts'
-    },
-    props: {
-        options: {
-            type: Object,
-            default: undefined,
-        },
-        style: Object,
-    },
-    setup(__props) {
-        const props = __props;
-        const echartsDom = ref();
-        const { setOptions } = useECharts(echartsDom);
-        watch(() => JSON.stringify(props.options), () => {
-            if (props.options) {
-                nextTick(() => {
-                    setOptions(props.options);
-                });
-            }
-        }, { immediate: true });
-        return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", {
-                ref_key: "echartsDom",
-                ref: echartsDom,
-                style: _normalizeStyle([{ "height": "100%", "width": "100%" }, __props.style])
-            }, null, 4 /* STYLE */));
-        };
-    }
-});
-export default __sfc_main__;

package/lib/Echarts/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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/EditTable/style/body.less

@@ -1,66 +0,0 @@
-.jetlinks-edit-table-body-viewport {
-  max-height: 100%;
-  width: 100%;
-  overflow: hidden auto;
-  position: relative;
-
-  .jetlinks-edit-scrollbar {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    z-index: -1;
-  }
-
-  .jetlinks-edit-table-body-container {
-    overflow: hidden;
-    height: 100%;
-  }
-
-  .jetlinks-edit-table-center {
-    position: relative;
-    flex: 1 1 auto;
-    min-width: 0;
-    height: 100%;
-
-    .jetlinks-edit-table-row {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      transition: top .2s, height .2s, background-color .1s;
-      border-bottom: 1px solid #ebebeb;
-      .jetlinks-edit-table-cell{
-        position:absolute;
-        min-width: 0;;
-      }
-
-      &:hover {
-        background-color: rgb(248, 248, 248);
-      }
-
-      &.jetlinks-edit-table-row-selected {
-        background-color: var(--ant-primary-1);
-      }
-
-      .body-cell-box {
-        padding: 0 12px;
-        position: relative;
-      }
-    }
-
-    .readonly-mask {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 4;
-    }
-  }
-}
-.jetlinks-edit-table-body-empty {
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  padding-top: 24px;
-}