@lambo-design/shared 1.0.0-beta.345 → 1.0.0-beta.349

package/nstyles/components/table.less

@@ -6,11 +6,77 @@
   height: 100%;
   border-radius: 4px;
   background: #ffffff;
+  &.mini-theme {
+    --input-height-table-self: 18px;
+    .ag-button {
+      .ivu-btn-small {
+        line-height: var(--input-height-table-self) !important;
+        height: var(--input-height-table-self) !important;
+      }
+    }
+    .ag-date {
+      input,
+      .ivu-input-suffix,
+      .ivu-input-prefix i,
+      .ivu-input-suffix i {
+        height: calc(var(--input-height-table-self) - 1px) !important;
+        line-height: calc(var(--input-height-table-self) - 1px) !important;
+        // top: -2px !important;
+      }
+    }
+    .ag-input {
+      input {
+        // text-align: right;
+        height: calc(var(--input-height-table-self) - 1px) !important;
+        line-height: calc(var(--input-height-table-self) - 1px) !important;
+        background-color: #dae8ff;
+        // top: -2px !important;
+      }
+    }
+    .ag-ind-select {
+      width: 100%;
+      .ivu-select-single,
+      .ivu-select-input,
+      .ivu-select-selection,
+      .ivu-select-selected-value,
+      .ivu-select-placeholder,
+      .ivu-select-default.ivu-select-multiple .ivu-select-selection {
+        width: 100%;
+        height: calc(var(--input-height-table-self) - 1px) !important;
+        min-height: calc(var(--input-height-table-self) - 1px) !important;
+        line-height: calc(var(--input-height-table-self) - 1px) !important;
+        // top: -2px !important;
+      }
+      .ivu-tag {
+        height: calc(var(--input-height-table-self) - 4px) !important;
+        line-height: calc(var(--input-height-table-self) - 4px) !important;
+      }
+      .ivu-select-selection > div .ivu-tag {
+        margin-top: 0 !important;
+      }
+    }
+    .ag-tree-select {
+      width: 100%;
+      .ivu-input-wrapper {
+        // top: -2px;
+      }
+      input {
+        width: 100%;
+      }
+      input,
+      .ivu-input-icon {
+        height: calc(var(--input-height-table-self) - 1px) !important;
+        min-height: calc(var(--input-height-table-self) - 1px) !important;
+        line-height: calc(var(--input-height-table-self) - 1px) !important;
+        // top: -2px !important;
+      }
+    }
+  }
 
   // 新主题样式
   &.new-theme {
     .new-theme-search {
-      border: 2px solid var(--ind-search-border-color, #BD444C);
+      border: 2px solid var(--ind-search-border-color, #bd444c);
       //border-radius: 4px;
       margin-bottom: 10px;
       padding: 10px;
@@ -21,7 +87,7 @@
         display: block;
         height: var(--ind-search-header-height, 30px);
         line-height: var(--ind-search-header-height, 30px);
-        background-color: var(--ind-search-border-color, #BD444C);
+        background-color: var(--ind-search-border-color, #bd444c);
         color: white;
         padding: 0 10px;
         margin: -10px -10px 10px -10px;
@@ -32,12 +98,14 @@
     }
 
     .black-table-wrapper {
-      .ag-header, .ag-header-cell {
+      .ag-header,
+      .ag-header-cell {
         background-color: black !important;
         color: white !important;
       }
 
-      .ag-header-cell-text, .ag-header-group-text {
+      .ag-header-cell-text,
+      .ag-header-group-text {
         color: white !important;
       }
 
@@ -60,7 +128,7 @@
     }
 
     .new-theme-table-wrapper {
-      border: 2px solid var(--ind-table-border-color, #1048AF);
+      border: 2px solid var(--ind-table-border-color, #1048af);
       //border-radius: 4px;
       padding: 0;
       height: 100%;
@@ -73,7 +141,7 @@
         display: block;
         height: var(--ind-table-header-height, 30px);
         line-height: var(--ind-table-header-height, 30px);
-        background-color: var(--ind-table-border-color, #1048AF);
+        background-color: var(--ind-table-border-color, #1048af);
         color: white;
         padding: 0 10px;
         //border-radius: 4px 4px 0 0;
@@ -85,9 +153,10 @@
       & > div {
         flex: 1;
         // 减去横条高度和边框
-        height: calc(100% - (var(--ind-table-header-height, 30px) + 4px)); // 横条高度 + 边框
+        height: calc(
+          100% - (var(--ind-table-header-height, 30px) + 4px)
+        ); // 横条高度 + 边框
       }
-
     }
 
     .new-theme-buttons {
@@ -104,7 +173,9 @@
   }
 
   .other-button {
-    margin-top: var(--ind-other-button-top); // var(--ind-unit-switch-bottom); // 10px;
+    margin-top: var(
+      --ind-other-button-top
+    ); // var(--ind-unit-switch-bottom); // 10px;
     .ivu-btn-small {
       height: var(--ind-button-height-md);
     }
@@ -123,11 +194,17 @@
   //   overflow: unset;
   // }
   // .ag-cell.ag-wrap-cell {
-    // overflow: visible;
+  // overflow: visible;
   // }
 
-  .ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
-  .ag-theme-balham .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
+  .ag-theme-balham
+    .ag-ltr
+    .ag-has-focus
+    .ag-cell-focus:not(.ag-cell-range-selected),
+  .ag-theme-balham
+    .ag-ltr
+    .ag-context-menu-open
+    .ag-cell-focus:not(.ag-cell-range-selected),
   .ag-theme-balham
     .ag-ltr
     .ag-has-focus
@@ -135,8 +212,14 @@
     .ag-cell-wrapper.ag-row-group,
   .ag-theme-balham .ag-ltr .ag-cell-range-single-cell,
   .ag-theme-balham .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
-  .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
-  .ag-theme-balham .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
+  .ag-theme-balham
+    .ag-rtl
+    .ag-has-focus
+    .ag-cell-focus:not(.ag-cell-range-selected),
+  .ag-theme-balham
+    .ag-rtl
+    .ag-context-menu-open
+    .ag-cell-focus:not(.ag-cell-range-selected),
   .ag-theme-balham
     .ag-rtl
     .ag-has-focus
@@ -145,7 +228,10 @@
   .ag-theme-balham .ag-rtl .ag-cell-range-single-cell,
   .ag-theme-balham .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
     border-right: 1px solid
-      var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)) !important;
+      var(
+        --ag-range-selection-border-color,
+        var(--ag-balham-active-color, #0091ea)
+      ) !important;
   }
 
   .ag-theme-balham .ag-ltr .ag-cell {
@@ -183,7 +269,8 @@
     box-shadow: unset !important;
   }
   .ag-button {
-    .ivu-btn-small,.ivu-btn {
+    .ivu-btn-small,
+    .ivu-btn {
       line-height: var(--input-height-table) !important;
       height: var(--input-height-table) !important;
     }
@@ -355,9 +442,9 @@
   }
 }
 
-.index-manager-preset{
+.index-manager-preset {
   .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-disabled:after {
-    content: '\f106';
+    content: "\f106";
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.345",
+  "version": "1.0.0-beta.349",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/utils/context-menu.js

@@ -54,8 +54,10 @@ export function enableRightClick(element = document) {
  */
 function preventRightClick(e) {
     // 统一配置读取
-    const currentWin = e.currentTarget.ownerDocument?.defaultView || e.currentTarget;
-    const contextMenuConfig = currentWin.contextMenu || currentWin.top?.contextMenu;
+    const ownerDocument = e.currentTarget.ownerDocument;
+    const currentWin = (ownerDocument != null ? ownerDocument.defaultView : undefined) || e.currentTarget;
+    const top = currentWin.top;
+    const contextMenuConfig = currentWin.contextMenu || (top != null ? top.contextMenu : undefined);
 
     if (contextMenuConfig !== '0') return;
 
@@ -71,8 +73,10 @@ function preventRightClick(e) {
 function preventRightClickByMouseUp(e) {
     if (e.button !== 2) return;
 
-    const currentWin = e.currentTarget.ownerDocument?.defaultView || e.currentTarget;
-    const contextMenuConfig = currentWin.contextMenu || currentWin.top?.contextMenu;
+    const ownerDocument = e.currentTarget.ownerDocument;
+    const currentWin = (ownerDocument != null ? ownerDocument.defaultView : undefined) || e.currentTarget;
+    const top = currentWin.top;
+    const contextMenuConfig = currentWin.contextMenu || (top != null ? top.contextMenu : undefined);
 
     if (contextMenuConfig === '0') {
         e.preventDefault();
@@ -103,7 +107,9 @@ export function enableShortcutKeys() {
 
 function preventConfiguredShortcuts(e) {
     const currentWin = e.currentTarget;
-    const shortcutKeyConfig = currentWin.shortcutKey || currentWin.top?.shortcutKey;
+
+    const top = currentWin.top;
+    const shortcutKeyConfig = currentWin.shortcutKey || (top != null ? top.shortcutKey : undefined);
 
     if (shortcutKeyConfig !== '0') return;
 
@@ -143,8 +149,12 @@ export function enableF12(element = document) {
 
 // F12拦截函数
 function preventF12(e) {
-    const currentWin = e.currentTarget.ownerDocument?.defaultView || e.currentTarget;
-    const shortcutF12Config = currentWin.shortcutF12 || currentWin.top?.shortcutF12;
+
+    const ownerDocument = e.currentTarget.ownerDocument;
+    const currentWin = (ownerDocument != null ? ownerDocument.defaultView : undefined) || e.currentTarget;
+
+    const top = currentWin.top;
+    const shortcutF12Config = currentWin.shortcutF12 || (top != null ? top.shortcutF12 : undefined);
 
     if (shortcutF12Config !== '0') return;
 
@@ -197,8 +207,12 @@ export function enableTextSelection(element = document) {
  * 文字选中拦截
  */
 function preventTextSelection(e) {
-    const currentWin = e.currentTarget.ownerDocument?.defaultView || e.currentTarget;
-    const textSelectedConfig = currentWin.textSelected || currentWin.top?.textSelected;
+
+    const ownerDocument = e.currentTarget.ownerDocument;
+    const currentWin = (ownerDocument != null ? ownerDocument.defaultView : undefined) || e.currentTarget;
+
+    const top = currentWin.top;
+    const textSelectedConfig = currentWin.textSelected || (top != null ? top.textSelected : undefined);
 
     if (textSelectedConfig !== '0') return;
 
@@ -209,13 +223,16 @@ function preventTextSelection(e) {
 }
 
 /**
- * 兼容Firefox的文字选中
+ * 适配一些其他浏览器的文字选中
  */
 function preventTextSelectionByMouseDown(e) {
     if (e.button !== 0) return;
 
-    const currentWin = e.currentTarget.ownerDocument?.defaultView || e.currentTarget;
-    const textSelectedConfig = currentWin.textSelected || currentWin.top?.textSelected;
+    const ownerDocument = e.currentTarget.ownerDocument;
+    const currentWin = (ownerDocument != null ? ownerDocument.defaultView : undefined) || e.currentTarget;
+
+    const top = currentWin.top;
+    const textSelectedConfig = currentWin.textSelected || (top != null ? top.textSelected : undefined);
 
     if (textSelectedConfig !== '0') return;
 
@@ -224,7 +241,6 @@ function preventTextSelectionByMouseDown(e) {
     return false;
 }
 
-
 function showNotification(message) {
     const notification = document.createElement('div');
     notification.className = 'notification';
@@ -238,7 +254,6 @@ function showNotification(message) {
             notification.classList.add('show');
         }, 10);
 
-
         setTimeout(() => {
             notification.classList.remove('show');
             setTimeout(() => {
@@ -246,5 +261,4 @@ function showNotification(message) {
             }, 500);
         }, 2000);
     }
-
 }

package/utils/style.js

@@ -1,24 +1,24 @@
-const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
-const MOZ_HACK_REGEXP = /^moz([A-Z])/
-
-function camelCase(name) {
-  return name
-    .replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
-      return offset ? letter.toUpperCase() : letter
-    })
-    .replace(MOZ_HACK_REGEXP, 'Moz$1')
-}
-// getStyle
-export function getStyle(element, styleName) {
-  if (!element || !styleName) return null
-  styleName = camelCase(styleName)
-  if (styleName === 'float') {
-    styleName = 'cssFloat'
-  }
-  try {
-    const computed = document.defaultView.getComputedStyle(element, '')
-    return element.style[styleName] || computed ? computed[styleName] : null
-  } catch (e) {
-    return element.style[styleName]
-  }
-}
+const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
+const MOZ_HACK_REGEXP = /^moz([A-Z])/
+
+function camelCase(name) {
+  return name
+    .replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter
+    })
+    .replace(MOZ_HACK_REGEXP, 'Moz$1')
+}
+// getStyle
+export function getStyle(element, styleName) {
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'cssFloat'
+  }
+  try {
+    const computed = document.defaultView.getComputedStyle(element, '')
+    return element.style[styleName] || computed ? computed[styleName] : null
+  } catch (e) {
+    return element.style[styleName]
+  }
+}

package/utils/transfer-queue.js

@@ -1,7 +1,7 @@
-let transferIndex = 1000
-
-function transferIncrease() {
-  transferIndex++
-}
-
-export { transferIndex, transferIncrease }
+let transferIndex = 1000
+
+function transferIncrease() {
+  transferIndex++
+}
+
+export { transferIndex, transferIncrease }