tntd 3.0.27-beta.4 → 3.0.28-beta.1

package/lib/upload/upload.less

@@ -0,0 +1,108 @@
+//拖拽上传
+.tntd-upload-dragger-body{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  .tntd-upload-dragger-text{
+    margin-top: 16px;
+    font-family: PingFang SC;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .tntd-upload-dragger-hint{
+    //styleName: Body1-12/Regular;
+    font-family: PingFang SC;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 20px;
+    text-align: left;
+    color: #8B919E
+  }
+}
+
+//照片墙
+.tntd-upload-wrapper-picture-card{
+  .ant-upload-list-picture-card-container{
+    height: auto;
+    .ant-upload-list-item-error{
+      background-color: #F8F9FB;
+      .anticon-picture{
+        svg{
+          margin: 20px;
+        }
+        path:nth-child(1){
+          fill: #17233D;
+        }
+        path:nth-child(2){
+          fill: transparent;
+        }
+        path:nth-child(3){
+          fill: transparent;
+        }
+        path:nth-child(4){
+          fill: transparent;
+        }
+        path:nth-child(5){
+          fill: #17233D;
+        }
+      }
+    }
+  }
+}
+
+//头像
+.tntd-upload-wrapper-avatar{
+  .ant-upload-picture-card-wrapper{
+    // width: 52px;
+    // height: 52px;
+    // border-radius: 50%;
+    width: auto;
+    height: auto;
+    // background-color: red;
+    .ant-upload.ant-upload-select-picture-card{
+      margin: 0;
+      width: auto;
+      height: auto;
+      border: transparent;
+      background-color: #fff;
+      .ant-upload{
+        padding: 0;
+      }
+      .avatar-uploader-btn{
+        width: 52px;
+        height: 52px;
+        border-radius: 50%;
+        background-size: cover;
+        position: relative;
+      }
+      .avatar-uploader-btn:hover .avatar-uploader-btn-mask{
+        display: flex;
+      }
+      .avatar-uploader-btn-mask{
+        width: calc(100% + 4px);
+        height: calc(100% + 4px);
+        background-color: rgba(0, 0, 0, 0.2);
+        position: absolute;
+        border-radius: 50%;
+        top: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: white;
+        display: none;
+      }
+    }
+}
+}
+
+.tntd-upload-list-Ellipsis.min-width-0{
+  text-align: center;
+  min-width: 1px;
+}
+.ant-upload-list-item-error{
+  .anticon.anticon-paper-clip{
+    color: #17233D;
+  }
+}

package/lib/utils/checkAuth.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCheckAuth = exports["default"] = void 0;
 var _get2 = _interopRequireDefault(require("lodash/get"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var getCheckAuth = exports.getCheckAuth = function getCheckAuth(menus) {
-  var _getAuthMap = function getAuthMap() {
+  var getAuthMap = function getAuthMap() {
     var menus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var authMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return menus.reduce(function (acc, _ref) {
@@ -16,7 +16,7 @@ var getCheckAuth = exports.getCheckAuth = function getCheckAuth(menus) {
         functionList = _ref.functionList,
         children = _ref.children;
       if (groupName) {
-        return _getAuthMap(children, acc);
+        return getAuthMap(children, acc);
       } else {
         acc[code] = acc[code] || {};
         acc[code] = (functionList || []).reduce(function (acc, curFunc) {
@@ -27,7 +27,7 @@ var getCheckAuth = exports.getCheckAuth = function getCheckAuth(menus) {
       }
     }, authMap);
   };
-  var authMap = _getAuthMap(menus);
+  var authMap = getAuthMap(menus);
   return function (menuCode, funCode) {
     return !!(0, _get2["default"])(authMap, "".concat(menuCode).concat(funCode ? ".".concat(funCode) : ''));
   };

package/lib/utils/index.js

@@ -51,12 +51,12 @@ Object.keys(_lang).forEach(function (key) {
   });
 });
 var _prevLocale = require("../prev-locale");
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var isGroupMenu = exports.isGroupMenu = function isGroupMenu(menu) {
   return (menu === null || menu === void 0 ? void 0 : menu.children) && !(menu === null || menu === void 0 ? void 0 : menu.path);
 };
@@ -66,7 +66,7 @@ var getSelectedMenuInfo = exports.getSelectedMenuInfo = function getSelectedMenu
   var menu;
   var parentMenus = [];
   if (selectedKey) {
-    _traverseTree(menus, function (node, pnode, pnodes) {
+    traverseTree(menus, function (node, pnode, pnodes) {
       if (!isGroupMenu(node) && node.code === selectedKey) {
         subMenu = node;
         menu = pnode;
@@ -76,7 +76,7 @@ var getSelectedMenuInfo = exports.getSelectedMenuInfo = function getSelectedMenu
     });
   } else {
     // 默认找到第一个菜单项
-    _traverseTree(menus, function (node, pnode, pnodes) {
+    traverseTree(menus, function (node, pnode, pnodes) {
       if (!isGroupMenu(node)) {
         subMenu = node;
         menu = pnode;
@@ -109,7 +109,7 @@ var isNewTabMenu = exports.isNewTabMenu = function isNewTabMenu(menu) {
 var openInNewTab = exports.openInNewTab = function openInNewTab(path) {
   window.open(path, '_blank');
 };
-var _traverseTree = exports.traverseTree = function traverseTree(treeData, callback, pnode) {
+var traverseTree = exports.traverseTree = function traverseTree(treeData, callback, pnode) {
   var pnodes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
   ;
   (treeData || []).every(function (node, index) {
@@ -121,7 +121,7 @@ var _traverseTree = exports.traverseTree = function traverseTree(treeData, callb
     }
     // 回调函数返回false则终止遍历
     if (result !== false) {
-      node && _traverseTree(node.children || [], callback, node, [node].concat(_toConsumableArray(pnodes)));
+      node && traverseTree(node.children || [], callback, node, [node].concat(_toConsumableArray(pnodes)));
     }
     return result !== false;
   });

package/lib/utils/lang.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.titleHandle = exports.titleCaseUpper = exports.prepositions = exports.doUpperTitle = exports.articles = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _prevLocale = require("../prev-locale");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var prepositions = exports.prepositions = ['about', 'above', 'across', 'after', 'against', 'along', 'among', 'around', 'as', 'at', 'before', 'behind', 'below', 'beneath', 'beside', 'between', 'beyond', 'by', 'down', 'during', 'except', 'for', 'from', 'in', 'inside', 'into', 'like', 'near', 'of', 'off', 'on', 'onto', 'out', 'outside', 'over', 'past', 'round', 'since', 'through', 'throughout', 'to', 'toward', 'under', 'underneath', 'until', 'up', 'upon', 'with', 'within', 'without', 'or'];
 var articles = exports.articles = ['the', 'a', 'an'];
 var titleHandle = exports.titleHandle = function titleHandle(str) {
@@ -50,7 +50,7 @@ var titleCaseUpper = exports.titleCaseUpper = function titleCaseUpper(str) {
   }
   return str;
 };
-var _doUpperTitle = exports.doUpperTitle = function doUpperTitle(label) {
+var doUpperTitle = exports.doUpperTitle = function doUpperTitle(label) {
   var upperCaseIgnore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   if ((0, _prevLocale.getLanguage)() === 'cn') {
@@ -67,7 +67,7 @@ var _doUpperTitle = exports.doUpperTitle = function doUpperTitle(label) {
         return Object.assign(Object.assign({}, label), {
           props: Object.assign(Object.assign({}, label.props), {
             children: (_d = (_c = label === null || label === void 0 ? void 0 : label.props) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map(function (subLabel) {
-              return _doUpperTitle(subLabel, upperCaseIgnore);
+              return doUpperTitle(subLabel, upperCaseIgnore);
             })
           })
         });

package/lib/water-mark/index.js

@@ -9,13 +9,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比
  *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.27-beta.4",
+    "version": "3.0.28-beta.1",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -114,4 +114,4 @@
     "main": "lib/index.js",
     "module": "es/index.js",
     "typings": "lib/index.d.ts"
-}
+}

package/es/query-form-backup/Field/Composition/FieldPopover.less

@@ -1,35 +0,0 @@
-.tnt-queryform-field-popover {
-  min-width: 280px;
-  .ant-popover-inner-content {
-    padding: @padding-sm 0;
-  }
-  .ant-calendar-picker {
-    margin: @margin-xxs 0;
-  }
-  label {
-    color: tint(@text-color, 50%);
-    margin-bottom: @margin-xs;
-    display: block;
-    padding: 0 @padding-sm;
-  }
-  .ant-select-dropdown-menu {
-    &-item {
-      padding: @padding-xxs @padding-sm;
-      &:hover {
-        background-color: @bg-color-quaternary;
-      }
-    }
-  }
-  &-content {
-    padding: @padding-xxs @padding-sm;
-  }
-  .ant-select-selected-icon {
-    position: absolute;
-    right: @margin-base;
-    top: @margin-xs;
-    color: @blue-6;
-  }
-  .tnt-highlight {
-    color: @blue-6;
-  }
-}

package/es/query-form-backup/Field/Composition/index.less

@@ -1,114 +0,0 @@
-@import '../../../style/themes/index';
-@import '../../../style/mixins/index';
-@import '../../../input/style/mixin';
-
-.tnt-queryform-composition-input {
-  // width: 100%;
-  max-height: 162px;
-  overflow-x: hidden;
-  cursor: text;
-  padding: 2px @padding-xl;
-  position: relative;
-  box-sizing: border-box;
-  background-color: @select-background;
-  border: @border-width-base @border-style-base @select-border-color;
-  border-top-width: calc(@border-width-base + 0.02px);
-  border-radius: @border-radius-base;
-  outline: none;
-  transition: all 0.3s @ease-in-out;
-  user-select: none;
-  margin-bottom: @margin-sm;
-
-  &-prefix {
-    position: absolute;
-    left: @padding-sm;
-    top: 50%;
-    transform: translateY(-50%);
-    i.anticon {
-      color: tint(@bg-color-spotilight, 50%);
-    }
-  }
-
-  &-width {
-    height: 0;
-    opacity: 0;
-    width: auto;
-    position: absolute;
-    max-width: 100%;
-  }
-
-  &-items {
-    float: left;
-    padding: 0;
-    list-style: none;
-    margin: 0;
-    width: 100%;
-    &-item {
-      padding: 3px 0;
-    }
-    li {
-      float: left;
-      line-height: 1;
-    }
-    &-input {
-      .inputClass {
-        background: none;
-        border: none !important;
-        outline: none;
-        box-shadow: none !important;
-        width: 150px !important;
-        height: 26px;
-        line-height: 26px;
-        padding: 0;
-        input {
-          border: none !important;
-          outline: none !important;
-          box-shadow: none !important;
-          height: 26px;
-          line-height: 26px;
-          padding: 0;
-        }
-        textarea {
-          padding: 0;
-        }
-      }
-      .inputClass-with-placeholder {
-        min-width: 398px !important;
-      }
-    }
-  }
-  &-clear {
-    position: absolute;
-    right: @margin-sm;
-    top: 50%;
-    transform: translateY(-50%);
-    display: none;
-    i.anticon {
-      color: tint(@bg-color-spotilight, 50%);
-    }
-    &:hover {
-      .anticon {
-        color: @text-color-secondary !important;
-      }
-    }
-  }
-  &:hover {
-    border-color: @blue-6;
-    outline: 0;
-    .tnt-queryform-composition-input-clear {
-      display: block;
-    }
-    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
-  }
-  &:focus,
-  &:active {
-    border-color: @blue-5;
-    outline: 0;
-    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
-  }
-  .ant-tag {
-    padding: 0 @padding-xs;
-    border: none;
-    background: @fill-color-tertiary;
-  }
-}

package/es/query-form-backup/index.less

@@ -1,90 +0,0 @@
-.tnt-queryform {
-  &-top {
-    display: flex;
-    &-body {
-      flex: 1;
-      .ant-btn {
-        margin-right: 10px;
-      }
-    }
-  }
-
-  &-extra {
-    & > * {
-      margin-left: 10px;
-    }
-  }
-
-  .ant-form {
-    // margin-bottom: @margin-sm;
-    &.ant-form-inline {
-      flex-wrap: unset;
-      position: relative;
-    }
-
-    &.ant-form-inline .ant-form-item {
-      margin-right: 10px;
-      margin-bottom: @margin-sm;
-      display: inline-block;
-    }
-
-    .ant-form-item-control {
-      // min-width: 160px;
-      line-height: unset;
-      .ant-calendar-picker-input {
-        padding: 0 @padding-sm;
-      }
-      .ant-form-item-children {
-        & > .ant-input,
-        & > .ant-input-affix-wrapper {
-          width: 160px;
-          // width: 200px;
-        }
-      }
-    }
-  }
-
-  &-drawer {
-    margin-top: @margin-xxl;
-    &.large-size {
-      margin-top: 60px;
-    }
-
-    &.ant-drawer.ant-drawer-open {
-      .ant-drawer-mask {
-        opacity: 0;
-        background: unset;
-      }
-    }
-    .ant-drawer-body {
-      .ant-form-item {
-        display: block;
-        margin-right: 0;
-        margin-bottom: @margin-md;
-        width: 100%;
-      }
-      .ant-form-item-label {
-        display: block;
-        text-align: left;
-        line-height: 22px;
-        margin-bottom: 10px;
-      }
-      .ant-form-item-control-wrapper,
-      .ant-form-item-control,
-      .ant-calendar-picker,
-      .ant-input {
-        min-width: 100%;
-        width: 100%;
-      }
-
-      & > .ant-btn {
-        display: block;
-        width: 100%;
-        margin-bottom: 10px;
-        &.ant-btn-primary {
-          margin-top: @margin-md;
-        }
-      }
-    }
-  }
-}

package/lib/query-form-backup/Field/Composition/FieldPopover.less

@@ -1,35 +0,0 @@
-.tnt-queryform-field-popover {
-  min-width: 280px;
-  .ant-popover-inner-content {
-    padding: @padding-sm 0;
-  }
-  .ant-calendar-picker {
-    margin: @margin-xxs 0;
-  }
-  label {
-    color: tint(@text-color, 50%);
-    margin-bottom: @margin-xs;
-    display: block;
-    padding: 0 @padding-sm;
-  }
-  .ant-select-dropdown-menu {
-    &-item {
-      padding: @padding-xxs @padding-sm;
-      &:hover {
-        background-color: @bg-color-quaternary;
-      }
-    }
-  }
-  &-content {
-    padding: @padding-xxs @padding-sm;
-  }
-  .ant-select-selected-icon {
-    position: absolute;
-    right: @margin-base;
-    top: @margin-xs;
-    color: @blue-6;
-  }
-  .tnt-highlight {
-    color: @blue-6;
-  }
-}

package/lib/query-form-backup/Field/Composition/index.less

@@ -1,114 +0,0 @@
-@import '../../../style/themes/index';
-@import '../../../style/mixins/index';
-@import '../../../input/style/mixin';
-
-.tnt-queryform-composition-input {
-  // width: 100%;
-  max-height: 162px;
-  overflow-x: hidden;
-  cursor: text;
-  padding: 2px @padding-xl;
-  position: relative;
-  box-sizing: border-box;
-  background-color: @select-background;
-  border: @border-width-base @border-style-base @select-border-color;
-  border-top-width: calc(@border-width-base + 0.02px);
-  border-radius: @border-radius-base;
-  outline: none;
-  transition: all 0.3s @ease-in-out;
-  user-select: none;
-  margin-bottom: @margin-sm;
-
-  &-prefix {
-    position: absolute;
-    left: @padding-sm;
-    top: 50%;
-    transform: translateY(-50%);
-    i.anticon {
-      color: tint(@bg-color-spotilight, 50%);
-    }
-  }
-
-  &-width {
-    height: 0;
-    opacity: 0;
-    width: auto;
-    position: absolute;
-    max-width: 100%;
-  }
-
-  &-items {
-    float: left;
-    padding: 0;
-    list-style: none;
-    margin: 0;
-    width: 100%;
-    &-item {
-      padding: 3px 0;
-    }
-    li {
-      float: left;
-      line-height: 1;
-    }
-    &-input {
-      .inputClass {
-        background: none;
-        border: none !important;
-        outline: none;
-        box-shadow: none !important;
-        width: 150px !important;
-        height: 26px;
-        line-height: 26px;
-        padding: 0;
-        input {
-          border: none !important;
-          outline: none !important;
-          box-shadow: none !important;
-          height: 26px;
-          line-height: 26px;
-          padding: 0;
-        }
-        textarea {
-          padding: 0;
-        }
-      }
-      .inputClass-with-placeholder {
-        min-width: 398px !important;
-      }
-    }
-  }
-  &-clear {
-    position: absolute;
-    right: @margin-sm;
-    top: 50%;
-    transform: translateY(-50%);
-    display: none;
-    i.anticon {
-      color: tint(@bg-color-spotilight, 50%);
-    }
-    &:hover {
-      .anticon {
-        color: @text-color-secondary !important;
-      }
-    }
-  }
-  &:hover {
-    border-color: @blue-6;
-    outline: 0;
-    .tnt-queryform-composition-input-clear {
-      display: block;
-    }
-    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
-  }
-  &:focus,
-  &:active {
-    border-color: @blue-5;
-    outline: 0;
-    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
-  }
-  .ant-tag {
-    padding: 0 @padding-xs;
-    border: none;
-    background: @fill-color-tertiary;
-  }
-}