@jetlinks-web/components 2.0.2 → 2.0.3

package/lib/AMap/util.js

@@ -0,0 +1,62 @@
+"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/BadgeStatus/Badge.js

@@ -0,0 +1,54 @@
+/* Analyzed bindings: {
+  "text": "props",
+  "status": "props",
+  "statusNames": "props",
+  "computed": "setup-const",
+  "getHexColor": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "_color": "setup-ref"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed } from 'vue';
+import { getHexColor } from './color';
+const __sfc_main__ = _defineComponent({
+    props: {
+        text: {
+            type: String,
+        },
+        status: {
+            type: [String, Number],
+            default: 'default',
+        },
+        /**
+         * 自定义status值颜色
+         * @example {
+         *   1: 'success',
+         *   0: 'error'
+         * }
+         */
+        statusNames: {
+            type: Object,
+            default: () => ({
+                'success': 'success',
+                'warning': 'warning',
+                'error': 'error',
+                'default': 'default',
+            })
+        },
+    },
+    setup(__props) {
+        const props = __props;
+        const _color = computed(() => {
+            return getHexColor(props.status, props.statusNames, 1);
+        });
+        return (_ctx, _cache) => {
+            const _component_a_badge = _resolveComponent("a-badge");
+            return (_openBlock(), _createBlock(_component_a_badge, {
+                color: _color.value,
+                text: __props.text
+            }, null, 8 /* PROPS */, ["color", "text"]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/BadgeStatus/color.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHexColor = exports.default = void 0;
+var colorMap = {
+  'success': '36, 178, 118',
+  'warning': '255, 144, 0',
+  'error': '229, 0, 18',
+  'processing': '9, 46, 231',
+  'default': '102, 102, 102'
+};
+var getHexColor = exports.getHexColor = function getHexColor(code, statusNames) {
+  var pe = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.1;
+  if (!code) {
+    return "rgba(102, 102, 102, ".concat(pe, ")");
+  }
+  if (colorMap[code]) {
+    return "rgba(".concat(colorMap[code], ", ").concat(pe, ")");
+  }
+  if (Object.keys(statusNames).length) {
+    return statusNames[code];
+  }
+  return;
+};
+var _default = exports.default = colorMap;

package/lib/BadgeStatus/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _Badge = _interopRequireDefault(require("./Badge.js"));
+var _color = require("./color");
+Object.keys(_color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _color[key];
+    }
+  });
+});
+var _default = exports.default = _Badge.default;

package/lib/CardSelect/CardSelect.js

@@ -0,0 +1,123 @@
+/* Analyzed bindings: {
+  "layout": "props",
+  "options": "props",
+  "disabled": "props",
+  "multiple": "props",
+  "column": "props",
+  "value": "props",
+  "itemLayout": "props",
+  "has": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "selectKeys": "setup-maybe-ref",
+  "CardSelectStyle": "setup-maybe-ref",
+  "isMultiple": "setup-maybe-ref",
+  "handleSelect": "setup-const"
+} */
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["onClick"];
+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__ = {
+    props: {
+        layout: {
+            type: String,
+            default: 'horizontal'
+        },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        multiple: {
+            type: Boolean,
+            default: false,
+        },
+        column: {
+            type: Number,
+            default: 3,
+        },
+        value: {
+            type: [String, Array],
+            default: undefined,
+        },
+        itemLayout: {
+            type: String,
+            default: 'horizontal'
+        }
+    },
+    emits: ['select', 'change', 'update:value'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const selectKeys = ref([]);
+        const CardSelectStyle = computed(() => {
+            const _column = props.column > 0 && props.layout === 'horizontal' ? props.column : 1;
+            return {
+                'grid-template-columns': `repeat(${_column}, 1fr)`
+            };
+        });
+        const isMultiple = computed(() => {
+            return has(props, 'multiple') && props.multiple !== false;
+        });
+        const handleSelect = (key, node) => {
+            if (props.disabled || node.disabled) {
+                return;
+            }
+            const selectKeysSet = new Set(selectKeys.value);
+            const isActive = selectKeysSet.has(key);
+            if (isMultiple.value) {
+                if (isActive) {
+                    selectKeysSet.delete(key);
+                }
+                else {
+                    selectKeysSet.add(key);
+                }
+                selectKeys.value = [...selectKeysSet.values()];
+                const nodes = props.options.filter(item => selectKeys.value.includes(item.value));
+                emit('select', selectKeys.value, nodes);
+                emit('change', selectKeys.value, nodes);
+                emit('update:value', selectKeys.value);
+            }
+            else {
+                selectKeys.value = [key];
+                emit('select', key, node);
+                emit('change', key, node);
+                emit('update:value', key);
+            }
+        };
+        watch(() => props.value, () => {
+            selectKeys.value = isMultiple.value ? props.value : [props.value];
+        }, { immediate: true });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: "j-card-select",
+                style: _normalizeStyle(_unref(CardSelectStyle))
+            }, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
+                    return (_openBlock(), _createElementBlock("div", {
+                        class: _normalizeClass({
+                            'j-card-select-item': true,
+                            'disabled': __props.disabled || item.disabled,
+                            'active': _unref(selectKeys).includes(item.value)
+                        }),
+                        onClick: () => handleSelect(item.value, item)
+                    }, [
+                        _renderSlot(_ctx.$slots, "itemRender", { node: item }, () => [
+                            _createElementVNode("div", _hoisted_2, [
+                                _createElementVNode("div", _hoisted_3, _toDisplayString(item.label), 1 /* TEXT */),
+                                _createElementVNode("div", _hoisted_4, _toDisplayString(item.describe), 1 /* TEXT */)
+                            ])
+                        ])
+                    ], 10 /* CLASS, PROPS */, _hoisted_1));
+                }), 256 /* UNKEYED_FRAGMENT */))
+            ], 4 /* STYLE */));
+        };
+    }
+};
+export default __sfc_main__;

package/lib/CardSelect/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CardSelect = _interopRequireDefault(require("./CardSelect.js"));
+var _default = exports.default = _CardSelect.default;

package/lib/CheckButton/CheckButton.js

@@ -0,0 +1,121 @@
+/* Analyzed bindings: {
+  "value": "props",
+  "options": "props",
+  "multiple": "props",
+  "disabled": "props",
+  "class": "props",
+  "style": "props",
+  "computed": "setup-const",
+  "CSSProperties": "setup-const",
+  "PropType": "setup-const",
+  "ref": "setup-const",
+  "watch": "setup-const",
+  "isArray": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "myValue": "setup-ref",
+  "optionsMap": "setup-ref",
+  "_options": "setup-ref",
+  "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-1712546546207"), n = n(), _popScopeId(), n);
+const _hoisted_1 = ["onClick"];
+import { computed, ref, watch } from 'vue';
+import { isArray } from '@jetlinks-web/utils';
+const __sfc_main__ = _defineComponent({
+    props: {
+        value: {
+            type: [String, Array],
+            default: undefined,
+        },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        multiple: {
+            type: Boolean,
+            default: false,
+        },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        class: {
+            type: String,
+            default: undefined,
+        },
+        style: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+    emits: ['update:value', 'change', 'select'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const myValue = ref();
+        const optionsMap = ref(new Map());
+        const _options = computed(() => {
+            props.options.forEach((item) => {
+                if (props.disabled) {
+                    item.display = props.disabled;
+                }
+                optionsMap.value.set(item.value, item);
+            });
+            return props.options;
+        });
+        watch(() => props.value, () => {
+            if (props.value) {
+                myValue.value = isArray(props.value) ? props.value : [props.value];
+            }
+            else {
+                myValue.value = [];
+            }
+        }, { immediate: true, deep: true });
+        const selected = (key, disabled) => {
+            if (disabled)
+                return;
+            const values = new Set(myValue.value);
+            if (values.has(key)) {
+                values.delete(key);
+            }
+            else {
+                if (!props.multiple) {
+                    values.clear();
+                }
+                values.add(key);
+            }
+            myValue.value = [...values.values()];
+            const optionsItems = myValue.value.map((_key) => {
+                return optionsMap.value.get(_key);
+            });
+            const _value = props.multiple ? myValue.value : myValue.value[0];
+            emit('update:value', _value);
+            emit('change', _value, props.multiple ? optionsItems : optionsItems[0]);
+            emit('select', _value, props.multiple ? optionsItems : optionsItems[0]);
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['j-check-button', props.class]),
+                style: _normalizeStyle(__props.style)
+            }, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_options.value, (item) => {
+                    return (_openBlock(), _createElementBlock("div", {
+                        key: item.value,
+                        class: _normalizeClass([
+                            'j-check-button-item',
+                            myValue.value.includes(item.value) ? 'selected' : '',
+                            item.disabled ? 'disabled' : '',
+                        ]),
+                        onClick: () => {
+                            selected(item.value, item.disabled);
+                        }
+                    }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1));
+                }), 128 /* KEYED_FRAGMENT */))
+            ], 6 /* CLASS, STYLE */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/CheckButton/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CheckButton = _interopRequireDefault(require("./CheckButton.js"));
+var _default = exports.default = _CheckButton.default;

package/lib/ConfigProvider/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configProps = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _context = require("ant-design-vue/es/config-provider/context");
+var configProps = exports.configProps = function configProps() {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _context.configProviderProps)()), {}, {
+    IconConfig: {
+      type: Object
+    },
+    MapConfig: {
+      type: Object
+    }
+  });
+};

package/lib/ConfigProvider/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _context = require("./context");
+var _constants = require("@jetlinks-web/constants");
+var _antDesignVue = require("ant-design-vue");
+var _lodashEs = require("lodash");
+var _Empty = _interopRequireDefault(require("../Empty"));
+var JConfigProvider = (0, _vue.defineComponent)({
+  name: 'JConfigProvider',
+  inheritAttrs: false,
+  props: (0, _objectSpread2.default)({}, (0, _context.configProps)()),
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    var _iconConfig = (0, _vue.reactive)(props.IconConfig || {});
+    var _mapConfig = (0, _vue.reactive)(props.MapConfig || {});
+    (0, _vue.provide)(_constants.ComponentsEnum.Icon, _iconConfig); // 全局Icon 配置
+    (0, _vue.provide)(_constants.MAPConfig, _mapConfig); // 全局地图配置
+    return function () {
+      return (0, _vue.h)(_antDesignVue.ConfigProvider, (0, _objectSpread2.default)({}, (0, _lodashEs.omit)(props, ['IconConfig', 'MapConfig'])), {
+        default: slots.default,
+        renderEmpty: function renderEmpty() {
+          var _slots$renderEmpty;
+          return ((_slots$renderEmpty = slots.renderEmpty) === null || _slots$renderEmpty === void 0 ? void 0 : _slots$renderEmpty.call(slots)) || (0, _vue.createVNode)(_Empty.default, null, null);
+        }
+      });
+    };
+  }
+});
+JConfigProvider.config = _antDesignVue.ConfigProvider.config;
+var _default = exports.default = JConfigProvider;

package/lib/Echarts/Echarts.js

@@ -0,0 +1,47 @@
+/* Analyzed bindings: {
+  "options": "props",
+  "style": "props",
+  "CSSProperties": "setup-const",
+  "nextTick": "setup-const",
+  "ref": "setup-const",
+  "watch": "setup-const",
+  "Ref": "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({
+    props: {
+        options: {
+            type: Object,
+            default: undefined,
+        },
+        style: Object,
+    },
+    setup(__props) {
+        const props = __props;
+        const echartsDom = ref();
+        const { setOptions } = useECharts(echartsDom.value);
+        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,
+                class: "echarts-warp",
+                style: _normalizeStyle(__props.style)
+            }, null, 4 /* STYLE */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/Echarts/index.js

@@ -0,0 +1,9 @@
+"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"));
+var _default = exports.default = _Echarts.default;