@indfnd/common 0.0.87 → 0.0.89

package/src/styles/variables/theme/small/layout.less

@@ -0,0 +1,16 @@
+.ind-small-theme {
+  // basic layout 系统布局变量  -begin
+  --ivu-menu-item-font-size: var(--ind-font-size-md);
+
+  --menu-icon-margin-right: var(--ind-padding-xs);
+  // basic layout 系统布局变量  -end
+
+  // page-view layout 系统布局变量  -begin
+  --ind-panel-vertical-margin: 12px;
+  --ind-panel-horizon-margin: var(--ind-padding-sm);
+  // page-view layout 系统布局变量  -end
+
+  --input-height: 24px; // small 24px
+  --search-margin-bottom: var(--ind-padding-sm); // 24px; // 6px;
+  --search-button-margin: var(--ind-padding-sm);
+}

package/src/styles/variables/theme/small/table.less

@@ -0,0 +1,13 @@
+.ind-small-theme {
+  --ind-table-padding: var(--ind-padding-sm);
+
+  --ind-ag-grid-size: 4px;
+  --ind-ag-font-size: var(--ind-font-size-sm);
+  --ind-ag-list-item-height: calc(var(--ag-grid-size) * 6);
+  --ind-ag-cell-horizontal-padding: 0;
+
+  // 以下是 ag 没有的
+  --ind-ag-cell-icon-margin-left: 0;
+  --ind-ag-cell-header-horizontal-padding: 3px;
+  --ind-ag-cell-line-height: 14px;
+}

package/src/styles/variables/theme/small/tag.less

@@ -0,0 +1,3 @@
+.ind-small-theme {
+  --ind-tag-height: 16px;
+}

package/src/styles/variables/theme1.less

@@ -1,121 +0,0 @@
-/*
- * 主题变量，定义一些具有指定业务场景的变量
- * 一般不写具体样式，而是使用 base.less 中的基础变量
- *
- * @Author: huxuetong 
- * @Date: 2023-08-16 16:28:40 
- * @Last Modified by: huxuetong
- * @Last Modified time: 2024-01-18 22:37:29
- */
-
-.theme1 {
-  // 主颜色
-  --ind-primary-color: var(--ind-blue);
-  --ind-bg-color-light: var(--ind-white);
-
-  // 页面的边距
-  --ind-page-padding: var(--ind-padding-xs);
-
-  --desc-color: #999;
-
-  --main-color: var(--ind-blue);
-  --deep-mian-color: #2b85e4;
-  --deep-menu-color: #f3f2f0;
-  --selected-background: #1890ff;
-  --selected-background-hover: #384568;
-  --link-hover-color: tint(#488aff, 20%);
-  --info-color: #2db7f5;
-  --success-color: #19be6b;
-  --warning-color: #ff9900;
-  --error-color: #ed4014;
-
-  --nav-bar-color: #333;
-  --nav-bar-bg-color: #f5f5f5;
-
-  --tooltip-color: #fff;
-  --subsidiary-color: #808695;
-  --rate-star-color: #f5a623;
-
-  --text-color: #333333;
-
-  --menu-dark-title: #f5f5f5;
-  --menu-dark-active-bg: var(--ind-white);
-  --layout-sider-background: #f5f5f5;
-  --menu-dark-subsidiary-color: #333333;
-  --menu-dark-group-title-color: #333333;
-  --menu-white-group-title-color: #b6b6b8;
-
-  --border-color-base: var(--ind-border-color-base);
-
-  --check-border: #dcdee2;
-
-  --main-background: #f5f7f9;
-
-  --table-td-hover-bg: tint(#488aff, 90%);
-
-  --red-color: red;
-
-  --input-border-color: #999999;
-
-  --blue-color: var(--ind-blue);
-
-  --green-color: green;
-
-  --gray-color: #ccc;
-
-  --font-size-large: 16px;
-
-  /*
-  * ag-grid合计行颜色变量
-  */
-  --ag-sum-row-color-10: #cccfd7;
-  --ag-sum-row-color-5: #dcdfe6;
-  --ag-sum-row-color-1: #ebedf2;
-
-  --ind-main-sider-width: 200px;
-  --ind-main-sider-collapsed-width: 68px;
-
-  // basic layout 系统布局变量  -begin
-  --header-height: 48px;
-  --header-bg: linear-gradient(90deg, #1d42ab, #2173dc, #1e93ff);
-  --header-color: hsla(0, 0%, 100%, 0.7);
-  --header-color-hover: var(--ind-white);
-  --header-border-bottom-color: #4fe3c1;
-  --menu-black-active-bg: var(--ind-white); //#263353;
-  --menu-white-group-title-color: var(--text-color); //#B6B6B8;
-  --ivu-menu-item-font-size: var(--ind-font-size-md);
-
-  --menu-select-bg: #f0faff;
-  --deep-menu-color: var(--ind-primary-color); //@text-color; //#F3F2F0;
-  --selected-background: var(--menu-select-bg); //@primary-color;
-  --selected-background-hover: var(--menu-select-bg); //#384568;
-  --menu-icon-margin-right: var(--ind-padding-xs);
-  // basic layout 系统布局变量  -end
-
-  // page-view layout 系统布局变量  -begin
-  --ind-panel-vertical-margin: 12px;
-  --ind-panel-horizon-margin: var(--ind-padding-sm);
-  --search-margin-bottom: var(--ind-padding-sm); // 24px; // 6px;
-  --search-button-margin: var(--ind-padding-sm);
-  // page-view layout 系统布局变量  -end
-
-  // table layout 系统布局变量  -begin
-  --grid-table-padding: var(--ind-padding-sm);
-  // table layout 系统布局变量  -end
-
-  --file-line-height: 41px;
-
-  --input-height: 24px;
-  --ind-small-button-height: 24px;
-  --ind-small-button-padding: 7px;
-}
-
-.theme1 .ag-theme-balham {
-  --ag-font-size: var(--ind-font-size-sm);
-  --ag-cell-line-heght: 14px;
-
-  --ag-cell-icon-margin-left: 0;
-  --ag-cell-horizontal-padding: 0;
-  --ag-cell-header-horizontal-padding: 3px;
-  --ag-row-group-indent-size: 28px;
-}

package/src/styles/variables/theme2.less

@@ -1,126 +0,0 @@
-/*
- * 主题变量，定义一些具有指定业务场景的变量
- * 一般不写具体样式，而是使用 base.less 中的基础变量
- *
- * @Author: huxuetong 
- * @Date: 2023-08-16 16:28:40 
- * @Last Modified by: huxuetong
- * @Last Modified time: 2024-03-03 20:03:49
- */
-
-.theme2 {
-  // 主颜色
-  --ind-primary-color: var(--ind-blue);
-  --ind-bg-color-light: var(--ind-white);
-
-  // 页面的边距
-  --ind-page-padding: var(--ind-padding-xs);
-
-  --desc-color: #999;
-
-  --main-color: var(--ind-blue);
-  --deep-mian-color: #2b85e4;
-  --deep-menu-color: #f3f2f0;
-  --selected-background: #1890ff;
-  --selected-background-hover: #384568;
-  --link-hover-color: tint(#488aff, 20%);
-  --info-color: #2db7f5;
-  --success-color: #19be6b;
-  --warning-color: #ff9900;
-  --error-color: #ed4014;
-
-  --nav-bar-color: #333;
-  --nav-bar-bg-color: #f5f5f5;
-
-  --tooltip-color: #fff;
-  --subsidiary-color: #808695;
-  --rate-star-color: #f5a623;
-
-  --text-color: #333333;
-
-  --menu-dark-title: #f5f5f5;
-  --menu-dark-active-bg: var(--ind-white);
-  --layout-sider-background: #f5f5f5;
-  --menu-dark-subsidiary-color: #333333;
-  --menu-dark-group-title-color: #333333;
-  --menu-white-group-title-color: #b6b6b8;
-
-  --border-color-base: var(--ind-border-color-base);
-
-  --check-border: #dcdee2;
-
-  --main-background: #f5f7f9;
-
-  --table-td-hover-bg: tint(#488aff, 90%);
-
-  --red-color: red;
-
-  --input-border-color: #999999;
-
-  --blue-color: var(--ind-blue);
-
-  --green-color: green;
-
-  --gray-color: #ccc;
-
-  --font-size-large: var(--ind-font-size-lg);
-
-  /*
-  * ag-grid合计行颜色变量
-  */
-  --ag-sum-row-color-10: #cccfd7;
-  --ag-sum-row-color-5: #dcdfe6;
-  --ag-sum-row-color-1: #ebedf2;
-
-  --ind-main-sider-width: 200px;
-  --ind-main-sider-collapsed-width: 68px;
-
-  // basic layout 系统布局变量  -begin
-  --header-height: 48px;
-  --header-bg: linear-gradient(90deg, #1d42ab, #2173dc, #1e93ff);
-  --header-color: hsla(0, 0%, 100%, 0.7);
-  --header-color-hover: var(--ind-white);
-  --header-border-bottom-color: #4fe3c1;
-  --menu-black-active-bg: var(--ind-white); //#263353;
-  --menu-white-group-title-color: var(--text-color); //#B6B6B8;
-  --ivu-menu-item-font-size: var(--ind-font-size-md);
-
-  --menu-select-bg: #f0faff;
-  --deep-menu-color: var(--ind-primary-color); //@text-color; //#F3F2F0;
-  --selected-background: var(--menu-select-bg); //@primary-color;
-  --selected-background-hover: var(--menu-select-bg); //#384568;
-  --menu-icon-margin-right: 8px;
-  // basic layout 系统布局变量  -end
-
-  // page-view layout 系统布局变量  -begin
-  --ind-panel-vertical-margin: 12px;
-  --ind-panel-horizon-margin: 16px;
-  --search-margin-bottom: 16px; // 24px; // 6px;
-  --search-button-margin: 16px;
-  // page-view layout 系统布局变量  -end
-
-  // table layout 系统布局变量  -begin
-  --grid-table-padding: 16px;
-  // table layout 系统布局变量  -end
-
-  --file-line-height: 41px;
-
-  --input-height: 32px;
-  --ind-small-button-height: 32px;
-  --ind-small-button-padding: 15px;
-}
-
-.theme2 .ag-theme-balham {
-  --ag-grid-size: 6px;
-  --ag-font-size: var(--ind-font-size-md);
-  --ag-list-item-height: 42px;
-  --ag-odd-row-background-color: #fcfdfe;
-  --ag-row-hover-color: rgba(0, 0, 0, 0.05);
-  --ag-column-hover-color: rgba(0, 0, 0, 0.05);
-
-  --ag-cell-icon-margin-left: var(--ag-grid-size);
-  --ag-cell-horizontal-padding: 12px;
-  --ag-cell-header-horizontal-padding: var(--ag-cell-horizontal-padding);
-  --ag-cell-line-heght: 20px;
-  --ag-row-group-indent-size: 28px;
-}