eoss 0.1.0-alpha.20 → 0.1.0-alpha.21

package/lib/utils/util.js

@@ -1,5 +1,5 @@
 exports.__esModule = true;
-exports.warning = exports.error = exports.success = exports.confirm = exports.winTopOpen = exports.watermark = exports.uuid = exports.urlJoinParams = exports.upperType = exports.updateTheme = exports.toFunction = exports.toFixed = exports.trimWhitespace = exports.takeRight = exports.takeLeft = exports.startWith = exports.sum = exports.setFavicon = exports.sendMessage = exports.setScale = exports.rmbToCapital = exports.replenish = exports.renderIcon = exports.receiveMessage = exports.queryParams = exports.overbrim = exports.lowerCase = exports.loading = exports.loadJs = exports.joinUrl = exports.isObjectEqual = exports.isFunction = exports.isExist = exports.isEmpty = exports.indexOfObj = exports.identical = exports.hasChars = exports.timestampUrl = exports.getLength = exports.getZoom = exports.getValues = exports.getTypePrefix = exports.getTypeName = exports.getStyle = exports.getScript = exports.getParams = exports.getObjectType = exports.extend = exports.exportXls = exports.exclAttribute = exports.decode = exports.encode = exports.downloadFile = exports.domEval = exports.delUrlParam = exports.concatenate = exports.chunkToChinese = exports.busEmit = exports.browser = exports.formatFileSize = exports.average = exports.arrUnique = exports.getFileType = exports.getWinTop = exports.cancelAnimationFrame = exports.requestAnimationFrame = exports.isEqual = exports.arrayEquals = exports.looseEqual = exports.capitalize = exports.kebabCase = exports.autoprefixer = exports.isFirefox = exports.isEdge = exports.isIE = exports.coerceTruthyValueToArray = exports.arrayFind = exports.arrayFindIndex = exports.escapeRegexpString = exports.valueEquals = exports.generateId = exports.getPropByPath = exports.getValueByPath = exports.toObject = exports.hasOwn = exports.noop = undefined;
+exports.warning = exports.error = exports.success = exports.confirm = exports.winTopOpen = exports.watermark = exports.uuid = exports.urlJoinParams = exports.upperType = exports.updateTheme = exports.toFunction = exports.toFixed = exports.trimWhitespace = exports.takeRight = exports.takeLeft = exports.startWith = exports.sum = exports.setFavicon = exports.sendMessage = exports.setScale = exports.rmbToCapital = exports.replenish = exports.renderIcon = exports.receiveMessage = exports.queryParams = exports.overbrim = exports.lowerCase = exports.loading = exports.loadJs = exports.layoutWaterfall = exports.joinUrl = exports.isObjectEqual = exports.isFunction = exports.isExist = exports.isEmpty = exports.indexOfObj = exports.identical = exports.hasChars = exports.timestampUrl = exports.getLength = exports.getZoom = exports.getValues = exports.getTypePrefix = exports.getTypeName = exports.getStyle = exports.getScript = exports.getParams = exports.getObjectType = exports.extend = exports.exportXls = exports.exclAttribute = exports.decode = exports.encode = exports.downloadFile = exports.domEval = exports.delUrlParam = exports.concatenate = exports.chunkToChinese = exports.busEmit = exports.browser = exports.formatFileSize = exports.average = exports.arrUnique = exports.getFileType = exports.getWinTop = exports.cancelAnimationFrame = exports.requestAnimationFrame = exports.isEqual = exports.arrayEquals = exports.looseEqual = exports.capitalize = exports.kebabCase = exports.autoprefixer = exports.isFirefox = exports.isEdge = exports.isIE = exports.coerceTruthyValueToArray = exports.arrayFind = exports.arrayFindIndex = exports.escapeRegexpString = exports.valueEquals = exports.generateId = exports.getPropByPath = exports.getValueByPath = exports.toObject = exports.hasOwn = exports.noop = undefined;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -1232,7 +1232,9 @@ var getObjectType = exports.getObjectType = function getObjectType(obj) {
  * @return {Object|string} 参数对象或指定参数值
  **/
 var getParams = exports.getParams = function getParams() {
-  var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _ref5 = typeof options === 'string' ? { name: options } : options,
       url = _ref5.url,
       name = _ref5.name;
 
@@ -1644,10 +1646,7 @@ var indexOfObj = exports.indexOfObj = function indexOfObj(arry, target, key) {
           return _i3;
         }
       } else if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object') {
-        if (currentItem[currentKey] === undefined) {
-          throw new Error('\u5C5E\u6027' + currentKey + '\u4E0D\u5B58\u5728');
-        }
-        if (currentItem[currentKey] === target[currentKey]) {
+        if (currentItem[currentKey] !== undefined && currentItem[currentKey] === target[currentKey]) {
           return _i3;
         }
       }
@@ -1842,7 +1841,105 @@ var joinUrl = exports.joinUrl = function joinUrl(_ref8) {
   // 如果前缀类型无效，直接返回URL
   return url;
 };
+/**
+ * layoutWaterfall
+ * @desc 布布流布局计算
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {String} url - JS文件地址
+ * @param {Function} [callback] - 回调函数
+ **/
+var layoutWaterfall = exports.layoutWaterfall = function layoutWaterfall(self, container, pages, columns, gap) {
+  if (!container) return;
+
+  if (pages.length === 0) return;
+
+  // 获取容器实际内容宽度（减去 padding）
+  var computedStyle = getComputedStyle(container);
+  var paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
+  var paddingRight = parseFloat(computedStyle.paddingRight) || 0;
+  var paddingTop = parseFloat(computedStyle.paddingTop) || 0;
+  var containerWidth = container.clientWidth - paddingLeft - paddingRight;
+  if (containerWidth === 0) return;
+
+  // 计算每列宽度
+  var columnWidth = (containerWidth - gap * (columns - 1)) / columns;
+
+  // 初始化每列高度数组（以 paddingTop 为起始偏移）
+  var columnHeights = new Array(columns).fill(paddingTop);
+
+  // 遍历所有元素，分配到高度最小的列
+  pages.forEach(function (item) {
+    // 确保span在有效范围内
+    var span = Math.max(1, Math.min(item.style ? item.style.span || item.span || 1 : item.span || 1, columns));
+
+    // 找到可以容纳当前元素span宽度的最小高度起始列
+    var minHeight = Infinity;
+    var startColumn = 0;
+
+    // 遍历所有可能的起始列，找到可以放置span列元素的位置
+    for (var i = 0; i <= columns - span; i++) {
+      // 计算当前连续span列的最大高度
+      var currentMaxHeight = 0;
+      for (var j = i; j < i + span; j++) {
+        if (columnHeights[j] > currentMaxHeight) {
+          currentMaxHeight = columnHeights[j];
+        }
+      }
 
+      // 找到最小的最大高度
+      if (currentMaxHeight < minHeight) {
+        minHeight = currentMaxHeight;
+        startColumn = i;
+      }
+    }
+
+    // 计算元素宽度和位置
+    var existingWidth = item.style && item.style.width ? parseInt(item.style.width, 10) : null;
+    var hasSpan = item.style && item.style.span || item.span;
+    var calculatedWidth = columnWidth * span + gap * (span - 1);
+    var useCustomWidth = !hasSpan && existingWidth;
+    var elementWidth = useCustomWidth ? existingWidth : calculatedWidth;
+
+    // 根据是否使用自定义宽度计算 left（加上 padding 偏移）
+    var left = void 0;
+    if (useCustomWidth) {
+      // 自定义宽度：在分配的列范围内居中（取整避免亚像素）
+      var columnSpaceWidth = columnWidth * span + gap * (span - 1);
+      left = Math.round(paddingLeft + startColumn * columnWidth + startColumn * gap + (columnSpaceWidth - elementWidth) / 2);
+    } else {
+      // 标准 span 宽度：正常计算位置
+      left = paddingLeft + startColumn * columnWidth + startColumn * gap;
+    }
+    var top = minHeight;
+
+    // 设置元素样式（使用Vue的$set确保响应式）
+    if (!item.style) {
+      self.$set(item, 'style', {});
+    }
+    var height = item.style.height ? parseInt(item.style.height, 10) : 30;
+    self.$set(item.style, 'position', 'absolute');
+    self.$set(item.style, 'width', elementWidth + 'px');
+    self.$set(item.style, 'height', height + 'px');
+    self.$set(item.style, 'left', left + 'px');
+    self.$set(item.style, 'top', top + 'px');
+    if (!useCustomWidth) {
+      self.$set(item.style, 'span', span);
+    }
+
+    // 更新所有被占用列的高度
+    var newHeight = top + height + gap;
+    for (var _i5 = startColumn; _i5 < startColumn + span; _i5++) {
+      columnHeights[_i5] = newHeight;
+    }
+  });
+
+  // 设置容器高度
+  var maxHeight = Math.max.apply(Math, columnHeights);
+  container.style.position = 'relative';
+  container.style.height = maxHeight - gap + 'px'; // 减去最后一个间隙
+  return { columnWidth: columnWidth, width: containerWidth };
+};
 /**
  * loadJs
  * @desc 加载JS文件
@@ -1991,8 +2088,8 @@ var renderIcon = exports.renderIcon = function renderIcon(data, node, icons) {
   var _ref9 = data || {},
       attributes = _ref9.attributes;
 
-  var orgType = attributes.orgType || data.orgType;
-  var layerlevel = attributes.layerlevel || data.layerlevel;
+  var orgType = attributes ? attributes.orgType : data.orgType;
+  var layerlevel = attributes ? attributes.layerlevel : data.layerlevel;
   if (!orgType) return '';
   var key = orgType === 'org' ? layerlevel ? 'bumen' : 'gongsi' : 'bumen';
   if (node.level === 1 && (data.subNode || data.isParent || data.hasChildren)) {
@@ -2071,10 +2168,10 @@ var rmbToCapital = exports.rmbToCapital = function rmbToCapital(num) {
   // 处理小数部分
   var decimalCapital = '';
   if (parseInt(decimalPart, 10) > 0) {
-    for (var _i5 = 0; _i5 < decimalPart.length; _i5++) {
-      var _digit = parseInt(decimalPart[_i5], 10);
+    for (var _i6 = 0; _i6 < decimalPart.length; _i6++) {
+      var _digit = parseInt(decimalPart[_i6], 10);
       if (_digit > 0) {
-        decimalCapital += chineseNumbers[_digit] + decimalUnits[_i5];
+        decimalCapital += chineseNumbers[_digit] + decimalUnits[_i6];
       } else if (decimalCapital[decimalCapital.length - 1] !== chineseNumbers[0]) {
         decimalCapital += chineseNumbers[_digit];
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eoss",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.21",
   "description": "eoss内部业务组件",
   "main": "lib/eoss.common.js",
   "files": [
@@ -74,8 +74,8 @@
     "slate-history": "^0.100.0",
     "sm-crypto": "^0.3.11",
     "sockjs-client": "^1.6.1",
-    "stompjs": "^2.3.3",
     "sortablejs": "^1.15.0",
+    "stompjs": "^2.3.3",
     "throttle-debounce": "4.0.0",
     "ua-parser-js": "^2.0.3"
   },

package/packages/button/src/button-group.vue

@@ -117,10 +117,7 @@ export default {
       default: 'bottom'
     },
     // 是否分隔按钮
-    separate: {
-      type: Boolean,
-      default: true
-    },
+    separate: Boolean,
     data: Object,
     // 阻止事件冒泡
     stop: {

package/packages/collapse/src/collapse-item.vue

@@ -27,34 +27,11 @@
         <slot name="title">
           <template v-if="Array.isArray(title)">
             <template v-for="(item, index) in title">
-              <span v-if="typeof item === 'string'" :key="index">{{
-                item
+              <span v-if="item.text || item.type === 'text' || typeof item === 'string'" :key="item.key || item.id || index">{{
+                item.text || item.contents || item
               }}</span>
-              <template v-else>
-                <span
-                  v-if="item.text || item.type === 'text'"
-                  :key="item.key || item.id || index"
-                  >{{ item.text || item.contents }}</span
-                >
-                <es-icon
-                  v-else-if="item.type === 'icon' || item.icon"
-                  :key="item['key'] || item['id'] || index"
-                  :class="item.class"
-                  :contents="item.contents || item.icon"
-                  :events="item.events"
-                  @click.stop="item.event"
-                />
-                <field-renderer
-                  v-else-if="
-                    ['radio', 'checkbox', 'select', 'switch'].includes(
-                      item.type
-                    )
-                  "
-                  :key="item['key'] || item['id'] || index"
-                  v-bind="item"
-                ></field-renderer>
-              </template>
-            </template>
+              <component v-else v-bind="getProps(item, index)" :key="item['key'] || item['id'] || index" @click.stop="item.type === 'icon' || item.icon ? item.event : ''"></component>
+             </template>
           </template>
           <template v-else>
             {{ title }}
@@ -86,8 +63,7 @@
       >
         <div class="es-collapse-item__content">
           <slot>
-            <component :is="item.is" v-bind="item" v-if="item.is"></component>
-            <div v-else>{{ item.content }}</div>
+            <div>{{ content }}</div>
           </slot>
         </div>
       </div>
@@ -99,6 +75,7 @@ import EsCollapseTransition from 'eoss/src/transitions/collapse-transition';
 import Emitter from 'eoss/src/mixins/emitter';
 import { generateId } from 'eoss/src/utils/util';
 import EsIcon from 'eoss/packages/icon/src/icon';
+import FieldRender from 'eoss/src/components/field-render.vue';
 
 export default {
   name: 'EsCollapseItem',
@@ -107,7 +84,7 @@ export default {
 
   mixins: [Emitter],
 
-  components: { EsCollapseTransition, EsIcon },
+  components: { EsCollapseTransition, EsIcon, FieldRender },
 
   data() {
     return {
@@ -118,7 +95,9 @@ export default {
       contentHeight: 0,
       focusing: false,
       isClick: false,
-      id: generateId()
+      id: generateId(),
+      // 缓存处理后的item对象，避免重复渲染
+      itemCache: new Map()
     };
   },
 
@@ -130,7 +109,10 @@ export default {
       type: Boolean,
       default: true
     },
-    arrow: Boolean,
+    arrow: {
+      type: Boolean,
+      default: true
+    },
     name: {
       type: [String, Number],
       default() {
@@ -140,7 +122,6 @@ export default {
     disabled: Boolean,
     readonly: Boolean,
     icon: String,
-    is: String,
     content: String
   },
 
@@ -160,6 +141,39 @@ export default {
   },
 
   methods: {
+    /**
+     * 用于生成按钮项的唯一key
+     * @param {Object} item - 按钮配置项
+     * @param {number} index - 索引值
+     * @returns {string|number} - 唯一的key值
+     */
+    getItemKey(item, index) {
+      // 优先使用item中的key属性，如果没有则使用id，最后才使用index
+      return item.key || item.id || index;
+    },
+    /**
+     * 处理item对象，移除event属性并缓存结果
+     * @param {Object} item - 按钮配置项
+     * @param {number} index - 索引值
+     * @returns {Object} - 处理后的item对象
+     */
+    getProps(item, index) {
+      const key = this.getItemKey(item, index);
+      // 检查缓存中是否已有处理结果
+      if (this.itemCache.has(key)) {
+        return this.itemCache.get(key);
+      }
+      const { event, ...props } = item;
+      if(item.type === 'icon' || item.icon){
+        props.contents = item.contents || item.icon
+        props.is = 'es-icon'
+      }else{
+        props.is = 'field-render'
+      }
+      // 缓存处理结果
+      this.itemCache.set(key, props);
+      return props;
+    },
     handleFocus() {
       setTimeout(() => {
         if (!this.isClick && !this.readonly) {

package/packages/dialog/src/dialog.vue

@@ -37,7 +37,10 @@
               type="button"
               aria-label="Scale"
               v-if="
-                showScale && this.width !== '100%' && this.height !== '100%'
+                showScale &&
+                this.width !== '100%' &&
+                this.height !== '100%' &&
+                size !== 'full'
               "
               @click.stop="handleScale"
             >

package/packages/drawer/src/drawer.vue

@@ -4,12 +4,15 @@
     @after-enter="afterEnter"
     @after-leave="afterLeave"
   >
-    <div class="es-drawer__wrapper" v-show="visible">
+    <div
+      class="es-drawer__wrapper"
+      v-show="visible"
+    >
       <div
         class="es-drawer__container"
         :class="visible && 'es-drawer__open'"
-        @click.self="handleWrapperClick"
         role="document"
+        @click.self="handleWrapperClick"
       >
         <div
           aria-modal="true"
@@ -68,7 +71,7 @@ export default {
   mixins: [Popup, emitter],
   props: {
     /**
-     * Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true
+     * Drawer 自身是否插入至 body 元素上。
      */
     appendToBody: {
       type: Boolean,
@@ -130,7 +133,9 @@ export default {
      */
     modalAppendToBody: {
       type: Boolean,
-      default: true
+      default() {
+        return this.appendToBody;
+      }
     },
     /**
      * 是否显示关闭按钮
@@ -279,6 +284,9 @@ export default {
     }
   },
   mounted() {
+    if (!this.lazy) {
+      return;
+    }
     if (this.visible) {
       this.rendered = true;
       this.open();

package/packages/empty/index.js

@@ -0,0 +1,7 @@
+import Empty from './src/index.vue';
+
+Empty.install = (Vue) => {
+  Vue.component(Empty.name, Empty);
+};
+
+export default Empty;

package/packages/empty/src/img-empty.vue

@@ -0,0 +1,132 @@
+<template>
+  <svg
+    viewBox="0 0 79 86"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <linearGradient
+        :id="`linearGradient-1-${id}`"
+        x1="38.8503086%"
+        y1="0%"
+        x2="61.1496914%"
+        y2="100%"
+      >
+        <stop stop-color="#FCFCFD" offset="0%" />
+        <stop stop-color="#EEEFF3" offset="100%" />
+      </linearGradient>
+      <linearGradient
+        :id="`linearGradient-2-${id}`"
+        x1="0%"
+        y1="9.5%"
+        x2="100%"
+        y2="90.5%"
+      >
+        <stop stop-color="#FCFCFD" offset="0%" />
+        <stop stop-color="#E9EBEF" offset="100%" />
+      </linearGradient>
+      <rect
+        :id="`path-3-${id}`"
+        x="0"
+        y="0"
+        width="17"
+        height="36"
+      />
+    </defs>
+    <g
+      id="Illustrations"
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g id="B-type" transform="translate(-1268.000000, -535.000000)">
+        <g id="Group-2" transform="translate(1268.000000, 535.000000)">
+          <path
+            id="Oval-Copy-2"
+            d="M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z"
+            fill="#F7F8FC"
+          />
+          <polygon
+            id="Rectangle-Copy-14"
+            fill="#E5E7E9"
+            transform="translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) "
+            points="13 58 53 58 42 45 2 45"
+          />
+          <g
+            id="Group-Copy"
+            transform="translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
+          >
+            <polygon
+              id="Rectangle-Copy-10"
+              fill="#E5E7E9"
+              transform="translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) "
+              points="2.84078316e-14 3 18 3 23 7 5 7"
+            />
+            <polygon id="Rectangle-Copy-11" fill="#EDEEF2" points="-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43" />
+            <rect
+              id="Rectangle-Copy-12"
+              :fill="`url(#linearGradient-1-${id})`"
+              transform="translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) "
+              x="38"
+              y="7"
+              width="17"
+              height="36"
+            />
+            <polygon
+              id="Rectangle-Copy-13"
+              fill="#F8F9FB"
+              transform="translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) "
+              points="24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+            />
+          </g>
+          <rect
+            id="Rectangle-Copy-15"
+            :fill="`url(#linearGradient-2-${id})`"
+            x="13"
+            y="45"
+            width="40"
+            height="36"
+          />
+          <g id="Rectangle-Copy-17" transform="translate(53.000000, 45.000000)">
+            <mask :id="`mask-4-${id}`" fill="white">
+              <use :xlink:href="`#path-3-${id}`" />
+            </mask>
+            <use
+              id="Mask"
+              fill="#E0E3E9"
+              transform="translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) "
+              :xlink:href="`#path-3-${id}`"
+            />
+            <polygon
+              id="Rectangle-Copy"
+              fill="#D5D7DE"
+              :mask="`url(#mask-4-${id})`"
+              transform="translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) "
+              points="7 0 24 0 20 18 -1.70530257e-13 16"
+            />
+          </g>
+          <polygon
+            id="Rectangle-Copy-18"
+            fill="#F8F9FB"
+            transform="translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) "
+            points="62 45 79 45 70 58 53 58"
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script>
+let id = 0;
+export default {
+  name: 'ImgEmpty',
+  data() {
+    return {
+      id: ++id
+    };
+  }
+};
+</script>

package/packages/empty/src/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="es-empty">
+    <div class="es-empty__image" :style="imageStyle">
+      <img v-if="image" :src="image" ondragstart="return false" />
+      <template v-else>
+        <slot name="image">
+          <img-empty />
+        </slot>
+      </template>
+    </div>
+    <div class="es-empty__description">
+      <slot name="description">
+        <p>{{ description }}</p>
+      </slot>
+    </div>
+    <div v-if="$slots.default" class="es-empty__bottom">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+import ImgEmpty from './img-empty.vue';
+
+export default {
+  name: 'EsEmpty',
+  components: {
+    ImgEmpty
+  },
+  props: {
+    image: {
+      type: String,
+      default: ''
+    },
+    imageSize: Number,
+    description: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    imageStyle() {
+      return {
+        width: this.imageSize ? `${this.imageSize}px` : ''
+      };
+    }
+  }
+};
+</script>