@jetlinks-web/components 2.7.0 → 3.0.0

package/es/Search/style/item.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var genItemStyle = function genItemStyle(config) {
+  var componentCls = config.componentCls;
+  return _defineProperty({}, "".concat(componentCls, "-item"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }, "".concat(componentCls, "-item--type"), {
+    width: '90px',
+    minWidth: '0',
+    '> span': {
+      lineHeight: '34px',
+      fontWeight: 'bold'
+    }
+  }), "".concat(componentCls, "-item--column"), {
+    width: '130px',
+    minWidth: '0'
+  }), "".concat(componentCls, "-item--termType"), {
+    width: '110px',
+    minWidth: '0'
+  }), "".concat(componentCls, "-item--label"), {
+    minWidth: '40px'
+  }), "".concat(componentCls, "-item--value"), {
+    display: 'flex',
+    width: '0',
+    flexGrow: 1
+  }));
+};

package/es/Search/style/search.js

@@ -0,0 +1,133 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var genSearchStyle = function genSearchStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-warp"), _defineProperty(_defineProperty(_defineProperty({
+    padding: '24px',
+    backgroundColor: '#fff',
+    marginBottom: '24px',
+    '.pack-up': _defineProperty({}, "".concat(componentCls, "-items"), {
+      flex: '1 1 auto',
+      '.left': {
+        minWidth: '380px',
+        maxWidth: '580px'
+      }
+    }),
+    '&.senior': _defineProperty({}, "> ".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      display: 'flex'
+    }, "".concat(componentCls, "-footer"), _defineProperty({
+      display: 'flex',
+      gap: '64px',
+      position: 'relative',
+      '.more-btn': {
+        '.more-text': {
+          paddingRight: '24px'
+        },
+        '.more-icon': {
+          transition: 'transform 0.3s',
+          transform: 'rotateZ(90deg)',
+          fontSize: '14px',
+          '&.more-up': {
+            transform: 'rotateZ(-90deg)'
+          }
+        }
+      },
+      '&.expand': {
+        marginTop: '16px',
+        width: '100%',
+        justifyContent: 'space-between'
+      }
+    }, "".concat(componentCls, "-footer--btns"), {
+      display: 'flex',
+      gap: '12px'
+    })), '.items-expand', {
+      display: 'flex',
+      gap: '16px',
+      '.left,& .right': {
+        minWidth: 0,
+        flex: '1 1 0'
+      },
+      '.left-items, & .right-items': {
+        display: 'flex',
+        gap: '16px',
+        flexDirection: 'column'
+      },
+      '.center': {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center'
+      },
+      '&.vertical': {
+        flexDirection: 'column',
+        '.center': {
+          flexDirection: 'row',
+          justifyContent: 'center'
+        }
+      }
+    }), '&.senior-expand', {
+      flexDirection: 'column'
+    }), '&.small', _defineProperty({
+      gap: '12px'
+    }, "".concat(componentCls, "-footre"), {
+      gap: '4px'
+    })))
+  }, "".concat(componentCls, "-content"), {
+    '&.simple': _defineProperty(_defineProperty({}, "".concat(componentCls, "-footer--btns"), {
+      display: 'flex'
+    }), "".concat(componentCls, "-item"), _defineProperty({
+      gap: '8px'
+    }, "".concat(componentCls, "-item--label"), {
+      textAlign: 'right'
+    }))
+  }), '.no-radius', {
+    borderRadius: 0,
+    borderColor: '#f1f1f1'
+  }), '.search-history-warp', {
+    position: 'relative',
+    '.search-history-button': {
+      paddingRight: '32px'
+    },
+    '.search-history-button-icon': {
+      position: 'absolute',
+      width: '24px',
+      height: '18px',
+      right: '6px',
+      top: '8px',
+      color: '#fff',
+      lineHeight: '18px',
+      textAlign: 'center',
+      fontWeight: 'bold',
+      '> span': {
+        fontSize: '14px'
+      }
+    }
+  })), '.search-history-empty', {
+    padding: '12px 12px 6px 12px',
+    backgroundColor: '#fff'
+  }), '.search-history-items', {
+    width: '120px',
+    maxHeight: '300px',
+    overflowY: 'auto',
+    '.search-history-item': {
+      display: 'flex',
+      padding: '4px 0px 4px 4px',
+      alignItems: 'center',
+      gap: '4px',
+      '&:hover': {
+        backgroundColor: '#f1f1f1'
+      },
+      '.history-item--title': {
+        width: 'calc(100% - 30px)',
+        cursor: 'pointer'
+      },
+      '.delete': {
+        padding: '0 6px',
+        flex: '0 0 28px'
+      }
+    }
+  }), '.search-history-list-pop', {
+    '.ant-popover-inner-content': {
+      padding: 0
+    }
+  });
+};

package/es/Search/util.js

@@ -1,8 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { cloneDeep, isArray, isFunction, isString } from 'lodash-es';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { cloneDeep, isArray, isFunction, isString, omit } from 'lodash-es';
 import { termType } from './setting';
-import './typing';
 /**
  * 处理like，nlike特殊值
  * @param v
@@ -22,8 +21,8 @@ export var handleLikeValue = function handleLikeValue(v) {
   return v;
 };
 var handleItemValue = function handleItemValue(item, columnOptionMap) {
-  var _item = columnOptionMap.get(item.column);
-  if (!_item) return item;
+  var _item = columnOptionMap[item.column].search;
+  if (_item === null || _item === '' || _item === undefined) return item;
   if (_item.rename) {
     item.column = _item.rename;
   }
@@ -33,26 +32,16 @@ var handleItemValue = function handleItemValue(item, columnOptionMap) {
   if (['like', 'nlike'].includes(item.termType) && !!item.value) {
     item.value = "%".concat(handleLikeValue(item.value), "%");
   }
+  if (_item.handleTerms && isFunction(_item.handleTerms)) {
+    return _item.handleTerms(item);
+  }
   return item;
 };
 var isEmpty = function isEmpty(v) {
   return v === undefined || v === null || v === '' || isArray(v) && v.length === 0;
 };
-var handleArrayToTerms = function handleArrayToTerms(terms, columnOptionMap) {
-  return terms.map(function (item) {
-    if (item.terms) {
-      var filterTerms = item.terms.filter(function (filterItem) {
-        return filterItem && !isEmpty(filterItem.value) && filterItem.termType !== undefined && filterItem.column !== undefined;
-      });
-      item.terms = filterTerms.map(function (result) {
-        return handleItemValue(result, columnOptionMap);
-      });
-    }
-    return item;
-  }).filter(function (item) {
-    var _item$terms;
-    return (_item$terms = item.terms) === null || _item$terms === void 0 ? void 0 : _item$terms.length;
-  });
+var isFilterItem = function isFilterItem(item) {
+  return !isEmpty(item.value) && item.column !== undefined;
 };
 /**
  * 处理为外部使用
@@ -61,26 +50,50 @@ var handleArrayToTerms = function handleArrayToTerms(terms, columnOptionMap) {
  */
 export var termsParamsFormat = function termsParamsFormat(terms, columnOptionMap) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'adv';
-  var searchType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'terms';
+  var dataFormat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'terms';
   // 过滤掉terms中value无效的item
-  var cloneParams = cloneDeep(terms);
-  if (searchType === 'terms') {
-    return type === 'adv' ? {
-      terms: handleArrayToTerms(cloneParams.terms, columnOptionMap)
-    } : cloneParams.filter(function (item) {
-      return item && !isEmpty(item.value) && item.column !== undefined;
-    }).map(function (item) {
-      return handleItemValue(item, columnOptionMap);
-    });
-  } else if (searchType == 'object') {
-    var result = {};
-    cloneParams.filter(function (item) {
-      return item && item.value !== undefined && item.value !== '';
-    }).forEach(function (item) {
-      _extends(result, _defineProperty({}, item.column, item.value));
-    });
-    return result;
+  var cloneParams = cloneDeep(terms.terms);
+  var handleParamsValue = cloneParams.map(function (item) {
+    return omit(handleItemValue(item, columnOptionMap), ['_span']);
+  });
+  var filterParams = handleParamsValue.filter(isFilterItem);
+  if (dataFormat === 'terms') {
+    // terms格式
+    // 过滤，并处理值
+    if (type === 'adv') {
+      if (cloneParams.length > 1) {
+        // 拓展开
+        var array_A = handleParamsValue.slice(0, 3).filter(isFilterItem);
+        var array_B = handleParamsValue.slice(3, 6).filter(isFilterItem);
+        var _terms = [];
+        if (array_A.length > 0) {
+          _terms.push({
+            terms: array_A
+          });
+        }
+        if (array_B.length > 0) {
+          _terms.push({
+            terms: array_B,
+            type: handleParamsValue[3].type
+          });
+        }
+        return {
+          terms: _terms
+        };
+      }
+      return {
+        terms: [{
+          terms: filterParams
+        }]
+      };
+    }
+    return filterParams;
   }
+  // dataFormat === 'object'
+  return filterParams.reduce(function (pre, item) {
+    pre[item.column] = item;
+    return pre;
+  }, {});
 };
 /**
  * TreeSelect过滤
@@ -104,21 +117,6 @@ export var filterSelectNode = function filterSelectNode(value, option) {
   var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
   return (_option$key = option[key]) === null || _option$key === void 0 ? void 0 : _option$key.includes(value);
 };
-export var handleQData = function handleQData(terms) {
-  // 排序, null 往后放
-  terms.terms.forEach(function (a) {
-    for (var i = 0; i < a.terms.length; i++) {
-      for (var j = 0; j < a.terms.length - i - 1; j++) {
-        if (!a.terms[j] && a.terms[j + 1]) {
-          var temp = a.terms[j];
-          a.terms[j] = a.terms[j + 1];
-          a.terms[j + 1] = temp;
-        }
-      }
-    }
-  });
-  return terms;
-};
 export var hasExpand = function hasExpand(terms) {
   var itemCount = 0;
   terms.forEach(function (a) {
@@ -130,62 +128,59 @@ export var hasExpand = function hasExpand(terms) {
   });
   return itemCount >= 2;
 };
-export var compatibleOldTerms = function compatibleOldTerms(q) {
-  var _terms = [{
-    terms: [null, null, null]
-  }, {
-    terms: [null, null, null],
-    type: 'and'
-  }];
+function shouldExpand(a, b) {
+  var isAFirstHasValue = a[0] !== null && a[0] !== undefined;
+  var isARestNull = a.slice(1).every(function (item) {
+    return item === null || item === undefined;
+  });
+  var isBAllNull = b.every(function (item) {
+    return item === null || item === undefined;
+  });
+  return !(isAFirstHasValue && isARestNull && isBAllNull);
+}
+export var compatibleOldTerms = function compatibleOldTerms(q, columnsMap, defaultCacheValues) {
   try {
-    var _terms$terms;
     var terms = JSON.parse(q || '{}');
-    (_terms$terms = terms.terms) === null || _terms$terms === void 0 ? void 0 : _terms$terms.forEach(function (a, aIndex) {
-      var _a$terms;
-      a === null || a === void 0 ? void 0 : (_a$terms = a.terms) === null || _a$terms === void 0 ? void 0 : _a$terms.forEach(function (b, bIndex) {
-        _terms[aIndex].terms[bIndex] = b;
-      });
-      if (a.type) {
-        _terms[aIndex].type = a.type;
+    if (terms.terms.length === 2) {
+      var expand = shouldExpand(terms.terms[0].terms, terms.terms[1].terms);
+      var _terms = [];
+      if (!expand) {
+        _terms = [terms.terms[0].terms[0]];
+      } else {
+        _terms = [].concat(_toConsumableArray(terms.terms[0].terms), _toConsumableArray(terms.terms[1].terms));
+        // 重新
+        var arr = Object.values(columnsMap);
+        for (var i = 0; i < _terms.length; i++) {
+          if (_terms[i] === null) {
+            var indexIn = i % arr.length;
+            var obj = getItemDefaultValue(arr[indexIn], defaultCacheValues);
+            if (i === 3) {
+              obj.type = terms.terms[1].type;
+            }
+            _terms[i] = obj;
+          }
+        }
       }
-    });
-    return {
-      terms: _terms
-    };
+      return {
+        terms: _terms,
+        expand: expand
+      };
+    } else {
+      var hasTermsKey = Reflect.has(terms.terms[0], 'terms'); // 兼容历史数据
+      return {
+        terms: hasTermsKey ? terms.terms[0].terms : terms.terms,
+        expand: terms.terms.length > 1
+      };
+    }
   } catch (e) {
     console.warn('[Pro Search Error] > ', e);
     return {
-      terms: _terms
+      terms: [],
+      expand: false
     };
   }
 };
-export var handleParamsToString = function handleParamsToString() {
-  var terms = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'and';
-  var _terms = [{
-    terms: [null, null, null]
-  }, {
-    terms: [null, null, null],
-    type: type
-  }];
-  var termsIndex = 0;
-  var termsStar = 0;
-  terms.forEach(function (item, index) {
-    if (index > 2) {
-      termsIndex = 1;
-      termsStar = 4;
-    }
-    _terms[termsIndex].terms[index - termsStar] = item;
-  });
-  return JSON.stringify({
-    terms: _terms
-  });
-};
 export var getTermTypeFn = function getTermTypeFn(type) {
-  // if (column?.includes('id') && type === 'string') {
-  //     // 默认id为 eq
-  //     return 'eq';
-  // }
   switch (type) {
     case 'select':
     case 'treeSelect':
@@ -202,11 +197,14 @@ export var getTermTypeFn = function getTermTypeFn(type) {
   }
 };
 export var getTermTypes = function getTermTypes(types, locale) {
-  return termType(locale).filter(function (item) {
-    return types.includes(item.value);
+  var termTypes = termType(locale);
+  return types.map(function (code) {
+    return termTypes.find(function (item) {
+      return item.value === code;
+    });
   });
 };
-export var getTermOptions = function getTermOptions(type, column, locale) {
+export var getTermOptions = function getTermOptions(type, locale) {
   var keys = [];
   switch (type) {
     case 'select':
@@ -225,7 +223,7 @@ export var getTermOptions = function getTermOptions(type, column, locale) {
       keys = ['eq', 'not', 'gt', 'lt', 'gte', 'lte'];
       break;
     default:
-      keys = ['like', 'nlike'];
+      keys = ['like', 'nlike', 'eq', 'not'];
       // column?.includes('id') && type === 'string'
       //     ? ['eq']
       //     : ['like', 'nlike'];
@@ -233,24 +231,18 @@ export var getTermOptions = function getTermOptions(type, column, locale) {
   }
   return keys.length ? getTermTypes(keys, locale) : termType(locale);
 };
-export var termsToValue = function termsToValue(targetItem, searchItems) {
-  if (['like', 'nlike'].includes(targetItem.termType) && !!targetItem.value) {
-    if (targetItem.value.startsWith('%') && targetItem.value.endsWith('%')) {
-      targetItem.value = targetItem.value.slice(1, -1);
-    }
-  }
-  // 处理重命名
-  var searchItem = searchItems.filter(function (item) {
-    return item.rename;
-  }).find(function (item) {
-    if (item.rename === targetItem.column) {
-      targetItem.column = item.column;
-      return true;
-    }
-    return item.column === targetItem.column;
-  });
-  if (!targetItem.termType) {
-    targetItem.termType = getTermTypeFn(searchItem.type);
-  }
-  return targetItem;
+/**
+ * 获取单项默认值，仅初始化使用
+ * @param record
+ * @param defaultCacheValues
+ */
+export var getItemDefaultValue = function getItemDefaultValue(record, defaultCacheValues) {
+  var defaultValue = _objectSpread({}, defaultCacheValues[record.dataIndex]);
+  return {
+    column: record.dataIndex,
+    termType: defaultValue.defaultTermType || getTermTypeFn(record.search.type),
+    value: defaultValue.defaultValue,
+    type: 'or',
+    _span: record.search.span
+  };
 };

package/es/Skeleton/components/DashBoardCard.js

@@ -0,0 +1,64 @@
+/* Analyzed bindings: {
+  "active": "props",
+  "loading": "props",
+  "Item": "setup-const",
+  "computed": "setup-const",
+  "useSkeletonStyle": "setup-maybe-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
+  "props": "setup-reactive-const"
+} */
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "j-skeleton-dashboard-card" };
+const _hoisted_2 = { style: { "min-height": "0", "flex": "1" } };
+import Item from './Item.js';
+import { computed } from "vue";
+import useSkeletonStyle from '../style';
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDashboardCard'
+}, {
+    props: {
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        loading: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    setup(__props) {
+        const prefixCls = computed(() => 'j-skeleton');
+        const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+        const props = __props;
+        return (_ctx, _cache) => {
+            return (!__props.loading)
+                ? _renderSlot(_ctx.$slots, "default", { key: 0 })
+                : (_openBlock(), _createElementBlock("div", {
+                    key: 1,
+                    class: _normalizeClass(['j-skeleton', _unref(hashId)])
+                }, [
+                    _createElementVNode("div", _hoisted_1, [
+                        _createVNode(Item, {
+                            active: __props.active,
+                            width: "50%"
+                        }, null, 8 /* PROPS */, ["active"]),
+                        _createElementVNode("div", _hoisted_2, [
+                            _createVNode(Item, {
+                                active: __props.active,
+                                size: "large",
+                                width: "120px"
+                            }, null, 8 /* PROPS */, ["active"])
+                        ]),
+                        _createVNode(Item, {
+                            active: __props.active,
+                            size: "small",
+                            width: "100%"
+                        }, null, 8 /* PROPS */, ["active"])
+                    ])
+                ], 2 /* CLASS */));
+        };
+    }
+});
+export default __sfc_main__;

package/es/Skeleton/components/DashBoardChart.js

@@ -0,0 +1,96 @@
+/* Analyzed bindings: {
+  "active": "props",
+  "loading": "props",
+  "Item": "setup-const",
+  "computed": "setup-const",
+  "useSkeletonStyle": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref"
+} */
+import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "j-skeleton-dashboard-card" };
+const _hoisted_2 = { class: "j-skeleton-flex-between" };
+const _hoisted_3 = { style: { "width": "100%", "height": "200px" } };
+const _hoisted_4 = {
+    viewBox: "0 0 800 200",
+    preserveAspectRatio: "none",
+    style: { "width": "100%", "height": "100%", "display": "block" }
+};
+import Item from './Item.js';
+import { computed } from "vue";
+import useSkeletonStyle from '../style';
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDashboardChart'
+}, {
+    props: {
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        loading: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        const prefixCls = computed(() => 'j-skeleton');
+        const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+        return (_ctx, _cache) => {
+            return (!__props.loading)
+                ? _renderSlot(_ctx.$slots, "default", { key: 0 })
+                : (_openBlock(), _createElementBlock("div", {
+                    key: 1,
+                    class: _normalizeClass(['j-skeleton', _unref(hashId)])
+                }, [
+                    _createElementVNode("div", _hoisted_1, [
+                        _createElementVNode("div", _hoisted_2, [
+                            _createVNode(Item, {
+                                active: __props.active,
+                                width: "200px"
+                            }, null, 8 /* PROPS */, ["active"]),
+                            _createVNode(Item, {
+                                active: __props.active,
+                                width: "150px"
+                            }, null, 8 /* PROPS */, ["active"])
+                        ]),
+                        _createElementVNode("div", _hoisted_3, [
+                            (_openBlock(), _createElementBlock("svg", _hoisted_4, [
+                                _createCommentVNode(" 坐标轴（4px宽度，#f0f2f5颜色） "),
+                                _cache[0] || (_cache[0] = _createElementVNode("path", {
+                                    d: "M0 150 L800 150",
+                                    stroke: "#f0f2f5",
+                                    "stroke-width": "4",
+                                    "stroke-opacity": "0.8"
+                                }, null, -1 /* HOISTED */)),
+                                _createCommentVNode(" X轴 "),
+                                _cache[1] || (_cache[1] = _createElementVNode("path", {
+                                    d: "M0 150 L0 50",
+                                    stroke: "#f0f2f5",
+                                    "stroke-width": "4",
+                                    "stroke-opacity": "0.8"
+                                }, null, -1 /* HOISTED */)),
+                                _createCommentVNode(" Y轴 "),
+                                _createCommentVNode(" 两条曲线 "),
+                                _cache[2] || (_cache[2] = _createElementVNode("path", {
+                                    d: "M0 100 C200 30, 600 170, 800 100",
+                                    stroke: "#f0f2f5",
+                                    fill: "none",
+                                    "stroke-width": "4"
+                                }, null, -1 /* HOISTED */)),
+                                _cache[3] || (_cache[3] = _createElementVNode("path", {
+                                    d: "M0 120 C200 60, 600 140, 800 80",
+                                    stroke: "#f0f2f5",
+                                    fill: "none",
+                                    "stroke-width": "4"
+                                }, null, -1 /* HOISTED */))
+                            ]))
+                        ])
+                    ])
+                ], 2 /* CLASS */));
+        };
+    }
+});
+export default __sfc_main__;