@arco-themes/vue-linear 0.0.1

package/README.md

@@ -0,0 +1,82 @@
+
+
+# @arco-themes/vue-linear
+
+Powered By [ArcoDesign](https://arco.design/)
+
+[Click to Preview](https://arco.design/themes/design/19905)
+
+## Installation
+
+```
+npm install @arco-themes/vue-linear
+```
+
+## Changelog
+
+
+- 0.0.1
+
+    Release: 
+   - Modal: 
+   - Select: 
+   - Button: 
+   - Drawer: 
+   - Badge: 
+   - Popconfirm: 
+   - Menu: 
+   - Table: 
+   - Global: 
+   - Form: 
+   - Tree: 
+   - PageHeader: 
+   - Tooltip: 
+   - Transfer: 
+   - Radio: 
+   - Timeline: 
+   - Tabs: 
+   - Font: 
+   - Popover: 
+   - InputTag: 
+   - Alert: 
+   - Empty: 
+   - Dropdown: 
+   - Checkbox: 
+   - TimePicker: 
+   - Input: 
+   - Color: 
+   - Avatar: 
+   - Tag: 
+   - Divider: 
+   - Typography: 
+   - Pagination: 
+   - Message: 
+   - Descriptions: 
+   - InputNumber: 
+   - Rate: 
+   - Comment: 
+   - Breadcrumb: 
+   - Size: 
+   - Shadow: 
+   - Steps: 
+   - Skeleton: 
+   - Slider: 
+   - Anchor: 
+   - AutoComplete: 
+   - Switch: 
+   - List: 
+   - Progress: 
+   - DatePicker: 
+   - Upload: 
+   - Result: 
+   - Card: 
+   - Statistic: 
+   - Link: 
+   - borderWidth: 
+   - Collapse: 
+   - borderRadius: 
+   - Cascader: 
+   - Spin: 
+   - IconHover: 
+
+    

package/component.less

@@ -0,0 +1,17 @@
+/* 自定义组件样式 */
+@import "./components/Badge/index.less";
+@import "./components/Button/index.less";
+@import "./components/Drawer/index.less";
+@import "./components/Form/index.less";
+@import "./components/Menu/index.less";
+@import "./components/Modal/index.less";
+@import "./components/PageHeader/index.less";
+@import "./components/Popconfirm/index.less";
+@import "./components/Radio/index.less";
+@import "./components/Select/index.less";
+@import "./components/Table/index.less";
+@import "./components/Tabs/index.less";
+@import "./components/Timeline/index.less";
+@import "./components/Tooltip/index.less";
+@import "./components/Transfer/index.less";
+@import "./components/Tree/index.less";

package/components/Badge/index.css

@@ -0,0 +1 @@
+.arco-badge-status-dot{background:#fff;border:2px solid var(--color-fill-4)}.arco-badge-status-default{border:2px solid rgb(var(--primary-3))}.arco-badge-status-processing{border:2px solid rgb(var(--primary-6))}.arco-badge-status-success{border:2px solid rgb(var(--success-6))}.arco-badge-status-warning{border:2px solid rgb(var(--warning-6))}.arco-badge-status-error{border:2px solid rgb(var(--danger-6))}.arco-badge-status-danger{border:2px solid rgb(var(--danger-6))}

package/components/Badge/index.less

@@ -0,0 +1,27 @@
+.@{badge-prefix-cls} { 
+  
+  ////状态点大小、边框及各个状态的颜色
+  &-status-dot {
+    background: #fff;
+    border: 2px solid var(--color-fill-4);
+  }
+  &-status-default {
+    border: 2px solid rgb(var(--primary-3));
+  }
+  &-status-processing {
+    border: 2px solid rgb(var(--primary-6));
+  }
+  &-status-success {
+    border: 2px solid rgb(var(--success-6));
+  }
+  &-status-warning {
+    border: 2px solid rgb(var(--warning-6));
+  }
+  &-status-error {
+    border: 2px solid rgb(var(--danger-6));
+  }
+  &-status-danger {
+    border: 2px solid rgb(var(--danger-6));
+  }
+
+}

package/components/Button/index.css

@@ -0,0 +1 @@
+.arco-btn-text{padding:1px 4px;height:24px}

package/components/Button/index.less

@@ -0,0 +1,10 @@
+.@{btn-prefix-cls} { 
+
+  &-text{
+    padding: 1px 4px;
+    height: 24px;
+  }
+
+  ////文字按钮内间距调整
+
+}

package/components/Drawer/index.css

@@ -0,0 +1 @@
+.arco-drawer{box-shadow:rgba(0,0,0,0.08) 0 0 24px}.arco-drawer-mask{background-color:rgba(57,77,115,0.1)}.arco-drawer .arco-drawer{border-radius:8px}.arco-drawer .arco-drawer-header{flex-direction:row-reverse}.arco-drawer .arco-drawer-header .arco-drawer-close-btn{margin-left:0;margin-right:8px;color:var(--color-text-3)}.arco-drawer .arco-drawer-footer{border-top:none;box-shadow:rgba(0,0,0,0.08) 0 0 6px}.arco-drawer .arco-drawer-close-btn{outline:none}

package/components/Drawer/index.less

@@ -0,0 +1,31 @@
+.@{drawer-prefix-cls} { 
+
+  box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 24px;
+  
+  &-mask{
+    background-color:rgba(57, 77, 115, 0.1);
+  }
+
+  .arco-drawer{
+    border-radius:8px;
+  }
+
+  .arco-drawer-header{
+      flex-direction: row-reverse
+  }
+  .arco-drawer-header .arco-drawer-close-btn{
+    margin-left:0;
+    margin-right:8px;
+    color:var(--color-text-3)
+  }
+
+  .arco-drawer-footer{
+    border-top: none;
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 6px;
+  }
+
+  .arco-drawer-close-btn{
+    outline: none;
+  }
+
+}

package/components/Form/index.css

@@ -0,0 +1 @@
+.arco-form .arco-picker-error{background-color:#ffffff;border-color:rgb(var(--danger-6))}

package/components/Form/index.less

@@ -0,0 +1,9 @@
+.@{form-prefix-cls} { 
+
+   .arco-picker-error{
+    background-color: @color-bg-white;
+    border-color:@color-danger-6;
+  }
+
+
+}

package/components/Menu/index.less

@@ -0,0 +1,4 @@
+.@{menu-prefix-cls} { 
+  
+
+}

package/components/Modal/index.css

@@ -0,0 +1 @@
+.arco-modal{box-shadow:rgba(0,0,0,0.08) 0 0 24px}.arco-modal .arco-modal-header .arco-modal-title-align-center{justify-content:start}.arco-modal-mask{background-color:rgba(57,77,115,0.1)}.arco-modal .arco-modal-close-btn{color:var(--color-text-3);outline:none}

package/components/Modal/index.less

@@ -0,0 +1,17 @@
+.@{modal-prefix-cls} { 
+
+  box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 24px;
+
+  .arco-modal-header .arco-modal-title-align-center {
+    justify-content: start;
+  }
+  &-mask{
+    background-color:rgba(57, 77, 115, 0.1);
+  }
+  .arco-modal-close-btn{
+    color:var(--color-text-3);
+    outline: none;
+  }
+
+  
+}

package/components/PageHeader/index.css

@@ -0,0 +1 @@
+.arco-page-header .arco-page-header-main{min-height:32px}

package/components/PageHeader/index.less

@@ -0,0 +1,7 @@
+.@{page-header-prefix-cls} { 
+
+  .arco-page-header-main {
+      min-height: 32px;
+    }
+
+}

package/components/Popconfirm/index.css

@@ -0,0 +1 @@
+.arco-popconfirm-popup-content{border-color:var(--color-fill-1)}

package/components/Popconfirm/index.less

@@ -0,0 +1,6 @@
+.@{popconfirm-prefix-cls} { 
+  &-popup-content{
+    border-color:var(--color-fill-1);
+  }
+
+}

package/components/Radio/index.css

@@ -0,0 +1 @@
+.arco-radio-group-size-mini .arco-radio-button{line-height:22px}.arco-radio-group-size-small .arco-radio-button{line-height:26px}.arco-radio-group-size-medium .arco-radio-button{line-height:30px}.arco-radio-group-size-large .arco-radio-button{line-height:38px}

package/components/Radio/index.less

@@ -0,0 +1,18 @@
+.@{radio-prefix-cls} { 
+
+
+  ////胶囊按钮文字行高调整
+  &-group-size-mini .arco-radio-button{
+    line-height:22px;
+  }
+  &-group-size-small .arco-radio-button{
+    line-height:26px;
+  }
+  &-group-size-medium .arco-radio-button{
+    line-height:30px;
+  }
+  &-group-size-large .arco-radio-button{
+    line-height:38px;
+  }
+
+}

package/components/Select/index.css

@@ -0,0 +1 @@
+.arco-select .arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):active{background-color:rgb(var(--primary-1))}

package/components/Select/index.less

@@ -0,0 +1,10 @@
+.@{select-prefix-cls} { 
+
+  .arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):active {
+
+    background-color: rgb(var(--primary-1));
+    
+}
+
+
+}

package/components/Table/index.css

@@ -0,0 +1 @@
+.arco-table .arco-table-element .arco-table-td-content:empty:after,.arco-table .arco-table-element .arco-auto-tooltip-content:empty:after{content:'--'}

package/components/Table/index.less

@@ -0,0 +1,11 @@
+.@{table-prefix-cls} { 
+  .arco-table-element{
+	.arco-table-td-content,.arco-auto-tooltip-content{
+	  &:empty {
+		&:after {
+		  content: '--';
+		}
+	  }
+	}
+}
+}

package/components/Tabs/index.less

@@ -0,0 +1,3 @@
+.@{tabs-prefix-cls} { 
+
+}

package/components/Timeline/index.css

@@ -0,0 +1 @@
+.arco-timeline .arco-timeline-item-dot-line-is-horizontal{top:4px}

package/components/Timeline/index.less

@@ -0,0 +1,4 @@
+.@{timeline-prefix-cls} { 
+.arco-timeline-item-dot-line-is-horizontal {
+    top: 4px;}
+}

package/components/Tooltip/index.css

@@ -0,0 +1 @@
+.arco-tooltip-content{box-shadow:0 2px 12px 0 rgba(57,77,115,0.1)}

package/components/Tooltip/index.less

@@ -0,0 +1,5 @@
+.@{tooltip-prefix-cls} { 
+  &-content{
+    box-shadow: 0 2px 12px 0 rgba(57, 77, 115, 0.1);
+  }
+}

package/components/Transfer/index.less

@@ -0,0 +1,4 @@
+.@{transfer-prefix-cls} { 
+
+
+}

package/components/Tree/index.css

@@ -0,0 +1 @@
+.arco-tree .arco-tree-node{padding-top:2px;padding-bottom:2px}

package/components/Tree/index.less

@@ -0,0 +1,9 @@
+.@{tree-prefix-cls} { 
+
+  .arco-tree-node {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+ 
+
+}