@indfnd/common-mobile 0.0.2

package/dist/styles/index.css

@@ -0,0 +1 @@
+:root{--ind-black:#333;--ind-gray-1:#f4f4f4;--ind-gray-3:#ededed;--ind-gray-5:#ccc;--ind-gray-6:#999;--ind-gray-7:#666;--ind-gray-8:var(--ind-black);--ind-border-color-base:#ebedf2;--ind-text-color-1:--ind-gray-8;--ind-text-color-2:--ind-gray-7;--ind-text-color-3:--ind-gray-6;--ind-white:#fff;--ind-white-1:var(--ind-white);--ind-white-2:rgba(255, 255, 255, 0.85);--ind-white-3:rgba(255, 255, 255, 0.7);--ind-white-4:rgba(255, 255, 255, 0.5);--ind-white-5:rgba(255, 255, 255, 0.3);--ind-white-6:rgba(255, 255, 255, 0.1);--ind-gray-1:#f6f6f6;--ind-gray-2:#efefef;--ind-gray-3:#e6e6e6;--ind-gray-4:#ccc;--ind-gray-5:#999;--ind-gray-6:#555;--ind-gray-7:var(--ind-black);--ind-blue:#488aff;--ind-blue-1:#a3ccfe;--ind-blue-2:#81b1ff;--ind-blue-3:#79adff;--ind-blue-4:#1d70f5;--ind-blue-5:var(--ind-blue);--ind-blue-6:#02328f;--ind-blue-7:#002b7b;--ind-blue-8:#0c3d98;--ind-blue-9:#001d55;--ind-blue-10:#002874;--ind-green:#34b11c;--ind-green-1:#c8fbcb;--ind-green-2:#94f7a2;--ind-green-3:#5ce87e;--ind-green-4:#34d169;--ind-green-5:var(--ind-green);--ind-green-6:#009953;--ind-green-7:#008052;--ind-green-8:#00674c;--ind-green-9:#005548;--ind-orange:#ff976a;--ind-orange-1:#fffbe8;--ind-orange-2:#fbcd65;--ind-orange-3:#fbcd65;--ind-orange-4:#f7b73e;--ind-orange-5:var(--ind-orange);--ind-orange-6:#ed6a0c;--ind-orange-8:#ae5e00;--ind-orange-8:#8c4600;--ind-orange-9:#743500;--ind-orange-light:var(--ind-orange-1);--ind-orange-dark:var(--ind-orange-6);--ind-red:#d32913;--ind-red-1:#fce2ce;--ind-red-2:#fabf9f;--ind-red-3:#f1926d;--ind-red-4:#e46648;--ind-red-5:var(--ind-red);--ind-red-6:#b5130d;--ind-red-7:#970910;--ind-red-8:#7a0614;--ind-red-9:#650317;--ind-gradient-red-linear:linear-gradient(to right, #ff6034, #ee0a24);--ind-gradient-orange-linear:linear-gradient(to right, #ffd01e, #ff8917);--ind-gradient-blue-radial:radial-gradient(circle at 50% 84%, #225ed2 0%, #083da3 109%);--ind-padding-base:4px;--ind-padding-xs:8px;--ind-padding-sm:16px;--ind-padding-md:24px;--ind-padding-lg:32px;--ind-padding-xl:48px;--ind-page-padding-horizon:10px;--ind-page-padding-vertical:8px;--ind-font-size-xs:10px;--ind-font-size-sm:12px;--ind-font-size-md:14px;--ind-font-size-lg:16px;--ind-font-size-xl:18px;--ind-font-size-xxl:20px;--ind-font-weight-normal:400;--ind-font-weight-bold:600;--ind-font-weight-bolder:900;--ind-line-height-xs:14px;--ind-line-height-sm:18px;--ind-line-height-md:22px;--ind-line-height-lg:24px;--ind-border-width-base:1px;--ind-border-radius-xs:2px;--ind-border-radius-sm:4px;--ind-border-radius-md:8px;--ind-border-radius-lg:14px;--ind-border-radius-xl:20px;--ind-border-radius-xxl:32px;--ind-border-radius-max:999px;--ind-border-radius-round:50%;--ind-box-shadow-sm-1:0px 1px 2px -2px rgba(0, 0, 0, 0.16);--ind-box-shadow-md-1:0px 3px 6px 0px rgba(0, 0, 0, 0.12);--ind-box-shadow-lg-1:0px 5px 12px 4px rgba(0, 0, 0, 0.09);--ind-box-shadow-sm-2:0px 3px 6px -4px rgba(0, 0, 0, 0.12);--ind-box-shadow-md-2:0px 6px 16px 0px rgba(0, 0, 0, 0.08);--ind-box-shadow-lg-2:0px 9px 28px 8px rgba(0, 0, 0, 0.05);--ind-box-shadow-sm-3:0px 6px 6px -8px rgba(0, 0, 0, 0.08);--ind-box-shadow-md-3:0px 9px 28px 0px rgba(0, 0, 0, 0.05);--ind-box-shadow-lg-3:0px 12px 48px 16px rgba(0, 0, 0, 0.03);--ind-animation-duration-base:0.3s;--ind-animation-duration-fast:0.2s;--ind-animation-timing-function-enter:ease-out;--ind-animation-timing-function-leave:ease-in}.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:#6da1ff;--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;--main-background-light:#f5f7f9;--table-td-hover-bg:#edf3ff;--red-color:red;--input-border-color:#999999;--blue-color:var(--ind-blue);--green-color:green;--gray-color:#ccc;--font-size-large:16px;--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;--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);--menu-white-group-title-color:var(--text-color);--ivu-menu-item-font-size:var(--ind-font-size-md);--menu-select-bg:#f0faff;--deep-menu-color:var(--ind-primary-color);--selected-background:var(--menu-select-bg);--selected-background-hover:var(--menu-select-bg);--menu-icon-margin-right:var(--ind-padding-xs);--ind-panel-vertical-margin:12px;--ind-panel-horizon-margin:var(--ind-padding-sm);--search-margin-bottom:var(--ind-padding-sm);--search-button-margin:var(--ind-padding-sm);--grid-table-padding:var(--ind-padding-sm);--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}.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:#6da1ff;--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;--main-background-light:#f5f7f9;--table-td-hover-bg:#edf3ff;--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-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;--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);--menu-white-group-title-color:var(--text-color);--ivu-menu-item-font-size:var(--ind-font-size-md);--menu-select-bg:#f0faff;--deep-menu-color:var(--ind-primary-color);--selected-background:var(--menu-select-bg);--selected-background-hover:var(--menu-select-bg);--menu-icon-margin-right:8px;--ind-panel-vertical-margin:12px;--ind-panel-horizon-margin:16px;--search-margin-bottom:16px;--search-button-margin:16px;--grid-table-padding:16px;--file-line-height:41px;--input-height:24px;--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:#ecf0f1;--ag-column-hover-color:#ecf0f1;--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}body,html{margin:0;padding:0;width:100%;height:100%;color:var(--text-color);font-size:var(--ind-font-size-md);font-family:OpenSans,'Helvetica Neue',Helvetica,Tahoma,Arial,'PingFang SC','Microsoft YaHei'}::-webkit-scrollbar-thumb{height:50px;border-radius:4px;border:2px solid #eee}::-webkit-scrollbar-thumb:hover{height:50px;border-radius:4px}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track-piece{border-radius:0}::-webkit-scrollbar-track{background-color:#eee}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-corner{background-color:#bbb}.ind-basic-layout{width:100vw;height:100vh;background:var(--main-background)}.ind-basic-layout .ind-main-content-wrapper{overflow:hidden}.ind-page-view{overflow:hidden}.ind-panel{padding:var(--ind-padding-xs) var(--ind-padding-sm);background-color:var(--ind-bg-color-light);border-radius:var(--ind-border-radius-sm)}.ind-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.ind-flex.center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ind-flex.baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ind-flex.end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ind-flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.height100{height:100%}.ind-flex-no-shrink{-ms-flex-negative:0;flex-shrink:0}.ind-flex-grow{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.ind-mt{margin-top:var(--ind-padding-xs)}.ind-mr{margin-right:var(--ind-padding-xs)}.ind-mb{margin-bottom:var(--ind-padding-xs)}.ind-ml{margin-left:var(--ind-padding-xs)}.ind-up{color:var(--ind-green)}.ind-down{color:var(--ind-red)}.ind-highlight{color:var(--ind-orange)}.ind-vcenter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ind-flex-horizon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ind-flex-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ind-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ind-flex-no-shrink{-ms-flex-negative:0;flex-shrink:0}.ind-flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ind-label{white-space:nowrap;color:var(--ind-text-color-3)}.ind-color3{color:var(--ind-text-color-3)}.ind-content-fuck{background:-webkit-gradient(linear,left top,right top,from(#f4f4f4),to(#fff));background:linear-gradient(to right,#f4f4f4,#fff);border-radius:10px;padding:10px}.ind-label2{color:var(--ind-text-color-2)}.ind-content-panel{height:calc(100vh - 70px);overflow:auto}.ind-bottom-info{width:100%;height:60px;line-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--main-background-light)}.ind-bottom-btn{-ms-flex-negative:0;flex-shrink:0;width:100%;height:60px;line-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background:var(--main-background-light)}.ind-static{background-size:100% auto;background-position:top;background-repeat:no-repeat;width:100vw;height:100vh}.ind-page{position:relative;padding:var(--ind-page-padding-vertical) var(--ind-page-padding-horizon);background-color:var(--ind-background);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:auto}.ind-panel{margin-bottom:var(--ind-page-padding-vertical);padding:var(--ind-page-padding-vertical) var(--ind-page-padding-horizon);border-radius:var(--ind-border-radius-lg);background-color:var(--ind-white);overflow:hidden}.ind-form-panel{line-height:32px}.ind-collapse-item{margin-top:var(--ind-page-padding-vertical)}.ind-large{font-weight:700;font-size:var(--ind-font-size-lg)}.ind-page-title{line-height:24px;font-weight:700;font-size:var(--ind-font-size-lg);text-align:left}.ind-page-sub-title{text-align:left;color:var(--ind-text-color-3);font-size:var(--ind-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ind-panel-title{color:var(--ind-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ind-panel-title .ind-panel-title-icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ind-blue);margin-right:4px}.ind-panel-title .ind-panel-title-text{font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ind-panel-title .ind-panel-title-icon-img{-ms-flex-negative:0;flex-shrink:0;width:16px;height:16px;margin-right:4px;margin-top:4px}.ind-panel-title .ind-panel-title-icon-img.standard-icon-img{margin-top:7px;background:url(img/standard-icon-basic.png) center center/100% 100% no-repeat}.ind-panel-title .ind-panel-title-icon-img.audit-icon-img{background:url(img/item-icon.png) center center/100% 100% no-repeat}.ind-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 var(--ind-page-padding-horizon);-webkit-box-sizing:border-box;box-sizing:border-box}.ind-title::before{content:'';position:absolute;top:50%;left:0;height:60%;width:var(--ind-title-left-bar-width);background-color:var(--theme-color);border-radius:var(--ind-border-radius-md);-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}.ind-title .ind-title-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding-left:var(--ind-page-padding-horizon);font-size:var(--ind-font-size-lg);font-weight:var(--ind-font-weight-bold)}.ind-title .ind-title-label{font-size:var(--ind-font-size-sm);color:var(--ind-text-color-3)}.ind-desc-text{padding:var(--ind-page-padding-horizon);color:var(--ind-text-color-2);text-indent:1.5em}.ind-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.ind-tabs .ind-tab{white-space:nowrap}.ind-tabs.type--outline .ind-tab,.ind-tabs.type--solid .ind-tab{padding:0 var(--ind-padding-md);color:var(--ind-text-color-2);background-color:var(--main-background-light);border:1px solid var(--ind-border-color);border-right-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ind-tabs.type--outline .ind-tab.next-tab,.ind-tabs.type--solid .ind-tab.next-tab{border-left-width:0}.ind-tabs.type--outline .ind-tab:first-child,.ind-tabs.type--solid .ind-tab:first-child{border-top-left-radius:var(--ind-border-radius-md);border-bottom-left-radius:var(--ind-border-radius-md)}.ind-tabs.type--outline .ind-tab:last-child,.ind-tabs.type--solid .ind-tab:last-child{border-right-width:1px;border-top-right-radius:var(--ind-border-radius-md);border-bottom-right-radius:var(--ind-border-radius-md)}.ind-tabs.type--outline .ind-tab.active{color:var(--theme-color);border-right-width:1px;border-color:var(--theme-color)}.ind-tabs.type--solid .ind-tab.active{color:var(--main-background-light);background-color:var(--theme-color);border-color:var(--theme-color)}.ind-tabs.type--bottom-bar{color:var(--ind-text-color-2)}.ind-tabs.type--bottom-bar .ind-tab{padding:var(--ind-padding-base) var(--ind-padding-xs);-webkit-box-sizing:border-box;box-sizing:border-box}.ind-tabs.type--bottom-bar .ind-tab.active{position:relative;color:var(--theme-color)}.ind-tabs.type--bottom-bar .ind-tab.active::after{content:'';position:absolute;bottom:0;left:50%;height:var(--ind-tabs-bottom-bar-height);width:var(--ind-tabs-bottom-bar-width);background-color:var(--theme-color);border-radius:var(--ind-border-radius-md);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ind-tabs.type--small-switch,.ind-tabs.type--switch{color:var(--ind-text-color-3);font-size:var(--ind-font-size-sm);border:1.1px solid var(--main-background);border-radius:var(--ind-border-radius-md);background-color:var(--main-background)}.ind-tabs.type--switch .ind-tab{width:5em;text-align:center}.ind-tabs.type--switch .ind-tab.active{color:var(--theme-color);background-color:var(--main-background-light);border-radius:var(--ind-border-radius-md)}.ind-tabs.type--small-switch .ind-tab{width:1.5em;text-align:center}.ind-tabs.type--small-switch .ind-tab.active{color:var(--main-background-light);background-color:var(--theme-color);border-radius:var(--ind-border-radius-md)}.ind-tabs.type--picker .ind-tab{padding:0 var(--ind-padding-sm);background-color:var(--main-background);border-radius:var(--ind-border-radius-md);-webkit-box-sizing:border-box;box-sizing:border-box}.ind-switch-chart-table-content{position:relative}.ind-switch-chart-table-content .ind-card-tabs,.ind-switch-chart-table-content .ind-chart-table-tab{padding:var(--ind-page-padding-vertical) 0}.ind-switch-chart-table-content .ind-chart-table-tab{position:absolute;top:0;right:0}.ind-bottom-bar-chart-table-content{position:relative}.ind-bottom-bar-chart-table-content .ind-card-tabs{padding-bottom:var(--ind-page-padding-vertical)}.ind-bottom-bar-chart-table-content .ind-chart-table-tab{position:absolute;top:.5em;right:0;padding-top:0}.ind-picker-chart-table-content{position:relative}.ind-picker-chart-table-content .ind-select{margin-left:var(--ind-page-padding-horizon);padding-bottom:var(--ind-page-padding-vertical)}.ind-picker-chart-table-content .ind-chart-table-tab{position:absolute;top:0;right:0;padding-top:0}.ind-card-tabs,.ind-chart-table-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ind-card-tabs.scrollX{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto}.ind-chart-table-tab{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-right:var(--ind-page-padding-horizon);padding-bottom:var(--ind-page-padding-vertical)}.ind-chart{height:30vh;width:100%}.ind-chart-tooltip{z-index:10!important}.ind-total-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.ind-total-content .total-box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.ind-total-content .total-box .num,.ind-total-content .total-box .title{font-size:var(--ind-font-size-lg)}.ind-total-content .total-box .title{color:var(--ind-text-color)}.ind-total-content .total-box .num{font-weight:var(--ind-font-weight-bold)}.ind-total-content .total-box .bottom-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ind-total-content .total-box .bottom-content .rank-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:var(--ind-font-size-sm);font-weight:var(--ind-font-weight-bold)}.ind-total-content .total-box .bottom-content .rank-content .rank{color:var(--ind-text-color-2)}.ind-sub-title{color:var(--ind-text-color-2);text-align:center}.ind-sub-title1{margin:var(--ind-page-padding-vertical) var(--ind-page-padding-horizon);line-height:2;text-align:center;font-size:var(--indt-font-size-sm);font-weight:var(--ind-font-weight-bold);background-color:var(--main-background)}.ind-progress .el-progress-bar__outer{border-radius:var(--ind-border-radius-sm)}.ind-progress .el-progress-bar__outer .el-progress-bar__inner{text-align:left;border-radius:var(--ind-border-radius-sm)}.ind-empty{width:100%;height:100%;min-height:500px;background:url(img/empty.png) center 40%/200px auto no-repeat;position:relative}.ind-empty::after{width:100%;position:absolute;text-align:center;content:'暂无数据';color:var(--ind-text-color-3);top:65%;left:0}.ind-padding-row{-ms-flex-negative:0;flex-shrink:0;height:10px;width:100%;background-color:var(--main-background)}.ind-padding-row2{-ms-flex-negative:0;flex-shrink:0;height:2px;width:100%;background-color:var(--main-background)}.ind-status{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;text-align:center;line-height:24px;padding:0 10px;position:relative;color:#fff;-ms-flex-item-align:center;align-self:center;background-size:100% 100%}.ind-process-status{background-image:url(img/normal-icon.png)}.ind-done-status{background-image:url(img/done-icon.png)}.ind-save-status{background-image:url(img/save-icon.png)}.ind-page-icon{height:42px;width:42px;margin-right:var(--ind-page-padding-horizon)}.ind-page-icon.standard-icon{background:url(img/standard-icon.png) center center/100% 100% no-repeat}.ind-page-icon.need-icon{background:url(img/need-icon.png) center center/100% 100% no-repeat}.ind-badge{background-color:var(--ind-gray-3);border-radius:6px;font-size:var(--ind-font-size-md);padding:0 4px}.ind-blue{color:var(--ind-blue)}.app-page{background-color:var(--main-background);padding:var(--ind-page-padding-vertical) var(--ind-page-padding-horizon);min-height:100vh}.app-page .ind-panel .ind-panel-title{margin:10px;font-weight:700;color:#333;line-height:18px;display:block}.app-page .ind-panel .ind-panel-title .edit-btn{float:right;height:26px;top:-3px}.app-page .myapp{background-color:var(--main-background);position:fixed;z-index:2;left:0;padding:0 var(--ind-page-padding-horizon);padding-top:var(--ind-page-padding-vertical)}.ind-error-page .content-con{width:100%;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-60%);-ms-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.ind-error-page .content-con .text-con{position:absolute;left:0;top:-80px}.ind-login{position:relative;width:100%;height:100%;background-image:url(imgs/login/login-bg.jpg);background-size:cover;background-position:center}.ind-login-con{position:absolute;right:7.5%;top:50%;-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);transform:translateY(-60%);width:85%}.ind-login-con .ind-form-con{padding:10px 0 0;border-left:none!important;border-top:none!important}.ind-login .ind-login-form .ind-login-prefix{width:13px;height:13px}.ind-login .ind-login-form .ind-login-captcha{width:65%}.ind-login .ind-login-form .ind-login-img-box{width:90px;height:33px;float:right;padding:2px;margin-top:-33px;background-color:#f8f8f9}.ind-login .ind-login-form .ind-login-img-box .ind-login-captcha-img{width:100%;height:100%}.ind-loading-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.ind-loading-block{display:-webkit-box;display:-ms-flexbox;display:flex;width:120px;height:120px;background-color:#fff;border-radius:var(--ind-border-radius-md)}.ind-page-view .ivu-form .ivu-form-item{margin-bottom:0!important}.ivu-form .ivu-form-item-label{text-align:left!important;color:var(--ind-text-color-3)!important;padding:var(--ind-page-padding-vertical) var(--ind-page-padding-horizon) var(--ind-page-padding-vertical) 0}.ivu-form .ivu-col .ivu-form-item .ivu-form-item-content{text-align:right!important;line-height:unset!important;padding-top:calc(var(--ind-page-padding-vertical) - 2px)}.ivu-form .ivu-col .ivu-form-item.ind-list-title .ivu-form-item-content{text-align:left!important;font-size:var(--ind-font-size-lg);font-weight:700;position:relative}.ivu-form .ivu-col .ivu-form-item.ind-list-title .ivu-form-item-content .van-icon{position:absolute;right:0;top:9px}.ivu-form .ivu-col.ivu-col-span-12 .ivu-form-item .ivu-form-item-content{text-align:left!important}.ivu-input-small{border-radius:unset;border:none;border-bottom:1px solid var(--ind-border-color-base);text-align:right}

package/global.d.ts

@@ -0,0 +1,4 @@
+interface Window {
+  loadComponentHandler: (path: string) => Promise<any>
+  indLayerZIndex: number
+}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@indfnd/common-mobile",
+  "version": "0.0.2",
+  "author": "huxuetong",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "main": "./dist/ind-common-mobile.umd.cjs",
+  "module": "./dist/ind-common-mobile.es.js",
+  "style": "./dist/styles/index.css",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/ind-common-mobile.es.js",
+      "require": "./dist/ind-common-mobile.umd.cjs"
+    },
+    "./dist/styles/index.css": {
+      "import": "./dist/styles/index.css",
+      "require": "./dist/styles/index.css"
+    },
+    "./src/styles/variables/index.less": {
+      "import": "./src/styles/variables/index.less",
+      "require": "./src/styles/variables/index.less"
+    }
+  },
+  "files": [
+    "dist",
+    "types",
+    "global.d.ts",
+    "src/styles/variables"
+  ],
+  "scripts": {
+    "build:prod": "vite build",
+    "build:style": "gulp --gulpfile build/build-style.js",
+    "build": "yarn build:prod && yarn build:style",
+    "type-check": "vue-tsc --noEmit -p tsconfig.check.json --composite false",
+    "dts": "vue-tsc -p tsconfig.types.json",
+    "release": "node build/auto-build.js && yarn release-patch && git push --follow-tags && yarn re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "re-publish": "yarn publish --access public"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "file-saver": "^2.0.5",
+    "vuedraggable": "^2.24.3",
+    "xe-utils": "3",
+    "xlsx": "^0.17.2",
+    "xlsx-populate": "^1.11.0"
+  },
+  "devDependencies": {
+    "@indfnd/utils": "^0.0.33",
+    "eslint": "^3.19.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^2.1.0",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-less": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.4",
+    "less": "^4.1.3",
+    "prettier": "^2.7.1",
+    "standard-version": "^9.5.0",
+    "typescript": "^5.1.6",
+    "view-design": "^4.6.1",
+    "vant": "^2.13.2",
+    "vite": "^2.0.5",
+    "vite-plugin-eslint": "1.3.0",
+    "vite-plugin-resolve-externals": "^0.2.2",
+    "vite-plugin-vue2": "^1.3.2",
+    "vue": "^2.6.14",
+    "vue-property-decorator": "^8.5.1",
+    "vue-router": "^3.5.3",
+    "vue-template-compiler": "^2.6.12",
+    "vue-tsc": "^1.8.8",
+    "vuex": "^3.6.2"
+  },
+  "engines": {
+    "node": ">= 16"
+  }
+}

package/src/styles/variables/base.less

@@ -0,0 +1,152 @@
+/*
+ * 一些基础变量的定义，分为配色、边距长度、字体、边框圆角、阴影、动画
+ * 配色和边距不建议直接使用，而是在 theme.less 中定义具有业务意义的变量
+ *
+ * --Author: huxuetong 
+ * --Date: 2023-08-16 16:23:06 
+ * --Last Modified by: huxuetong
+ * --Last Modified time: 2023-08-19 16:48:38
+ */
+
+:root {
+  // 基础样式修改
+  // Color Palette
+  --ind-black: #333;
+  --ind-gray-1: #f4f4f4;
+  --ind-gray-3: #ededed;
+  --ind-gray-5: #ccc;
+  --ind-gray-6: #999;
+  --ind-gray-7: #666;
+  --ind-gray-8: var(--ind-black);
+  --ind-border-color-base: #ebedf2;
+  --ind-text-color-1: --ind-gray-8;
+  --ind-text-color-2: --ind-gray-7;
+  --ind-text-color-3: --ind-gray-6;
+
+  --ind-white: #fff;
+  --ind-white-1: var(--ind-white);
+  --ind-white-2: rgba(255, 255, 255, 0.85);
+  --ind-white-3: rgba(255, 255, 255, 0.7);
+  --ind-white-4: rgba(255, 255, 255, 0.5);
+  --ind-white-5: rgba(255, 255, 255, 0.3);
+  --ind-white-6: rgba(255, 255, 255, 0.1);
+
+  --ind-gray-1: #f6f6f6;
+  --ind-gray-2: #efefef;
+  --ind-gray-3: #e6e6e6;
+  --ind-gray-4: #ccc;
+  --ind-gray-5: #999;
+  --ind-gray-6: #555;
+  --ind-gray-7: var(--ind-black);
+
+  --ind-blue: #488aff;
+  --ind-blue-1: #a3ccfe;
+  --ind-blue-2: #81b1ff;
+  --ind-blue-3: #79adff;
+  --ind-blue-4: #1d70f5;
+  --ind-blue-5: var(--ind-blue);
+  --ind-blue-6: #02328f;
+  --ind-blue-7: #002b7b;
+  --ind-blue-8: #0c3d98;
+  --ind-blue-9: #001d55;
+  --ind-blue-10: #002874;
+
+  --ind-green: #34b11c;
+  --ind-green-1: #c8fbcb;
+  --ind-green-2: #94f7a2;
+  --ind-green-3: #5ce87e;
+  --ind-green-4: #34d169;
+  --ind-green-5: var(--ind-green);
+  --ind-green-6: #009953;
+  --ind-green-7: #008052;
+  --ind-green-8: #00674c;
+  --ind-green-9: #005548;
+
+  --ind-orange: #ff976a;
+  --ind-orange-1: #fffbe8;
+  --ind-orange-2: #fbcd65;
+  --ind-orange-3: #fbcd65;
+  --ind-orange-4: #f7b73e;
+  --ind-orange-5: var(--ind-orange);
+  --ind-orange-6: #ed6a0c;
+  --ind-orange-8: #ae5e00;
+  --ind-orange-8: #8c4600;
+  --ind-orange-9: #743500;
+  --ind-orange-light: var(--ind-orange-1);
+  --ind-orange-dark: var(--ind-orange-6);
+
+  --ind-red: #d32913;
+  --ind-red-1: #fce2ce;
+  --ind-red-2: #fabf9f;
+  --ind-red-3: #f1926d;
+  --ind-red-4: #e46648;
+  --ind-red-5: var(--ind-red);
+  --ind-red-6: #b5130d;
+  --ind-red-7: #970910;
+  --ind-red-8: #7a0614;
+  --ind-red-9: #650317;
+
+  // Gradient Colors
+  --ind-gradient-red-linear: linear-gradient(to right, #ff6034, #ee0a24);
+  --ind-gradient-orange-linear: linear-gradient(to right, #ffd01e, #ff8917);
+  --ind-gradient-blue-radial: radial-gradient(circle at 50% 84%, #225ed2 0%, #083da3 109%);
+
+  // Padding
+  --ind-padding-base: 4px;
+  --ind-padding-xs: 8px;
+  --ind-padding-sm: 16px;
+  --ind-padding-md: 24px;
+  --ind-padding-lg: 32px;
+  --ind-padding-xl: 48px;
+
+  --ind-page-padding-horizon: 10px;
+  --ind-page-padding-vertical: 8px;
+
+  // Font
+  --ind-font-size-xs: 10px;
+  --ind-font-size-sm: 12px;
+  --ind-font-size-md: 14px;
+  --ind-font-size-lg: 16px;
+  --ind-font-size-xl: 18px;
+  --ind-font-size-xxl: 20px;
+  --ind-font-weight-normal: 400;
+  --ind-font-weight-bold: 600;
+  --ind-font-weight-bolder: 900;
+  --ind-line-height-xs: 14px;
+  --ind-line-height-sm: 18px;
+  --ind-line-height-md: 22px;
+  --ind-line-height-lg: 24px;
+  // --ind-base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+  //   Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
+  //   'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  // --ind-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue,
+  //   Arial, sans-serif;
+
+  // Border
+  --ind-border-width-base: 1px;
+  --ind-border-radius-xs: 2px;
+  --ind-border-radius-sm: 4px;
+  --ind-border-radius-md: 8px;
+  --ind-border-radius-lg: 14px;
+  --ind-border-radius-xl: 20px;
+  --ind-border-radius-xxl: 32px;
+  --ind-border-radius-max: 999px;
+  --ind-border-radius-round: 50%;
+
+  // Box Shadow
+  --ind-box-shadow-sm-1: 0px 1px 2px -2px rgba(0, 0, 0, 0.16);
+  --ind-box-shadow-md-1: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
+  --ind-box-shadow-lg-1: 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
+  --ind-box-shadow-sm-2: 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
+  --ind-box-shadow-md-2: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
+  --ind-box-shadow-lg-2: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
+  --ind-box-shadow-sm-3: 0px 6px 6px -8px rgba(0, 0, 0, 0.08);
+  --ind-box-shadow-md-3: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
+  --ind-box-shadow-lg-3: 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
+
+  // Animation
+  --ind-animation-duration-base: 0.3s;
+  --ind-animation-duration-fast: 0.2s;
+  --ind-animation-timing-function-enter: ease-out;
+  --ind-animation-timing-function-leave: ease-in;
+}

package/src/styles/variables/index.less

@@ -0,0 +1,3 @@
+@import './base.less';
+@import './theme1.less';
+@import './theme2.less';

package/src/styles/variables/theme1.less

@@ -0,0 +1,123 @@
+/*
+ * 主题变量，定义一些具有指定业务场景的变量
+ * 一般不写具体样式，而是使用 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;
+
+  --main-background-light: #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;
+}