Merge pull request #174 from Tencent/feat/upgrade/0.16.0

feat: upgrade 0.16.0

package.json

@@ -25,7 +25,7 @@
     "pinia": "^2.0.11",
     "qrcode.vue": "^3.2.2",
     "tdesign-icons-vue-next": "^0.0.6",
-    "tdesign-vue-next": "^0.15.4",
+    "tdesign-vue-next": "^0.16.0",
     "tvision-color": "^1.3.1",
     "vue": "^3.2.31",
     "vue-clipboard3": "^2.0.0",

src/pages/dashboard/base/components/middle-chart.vue

@@ -4,11 +4,10 @@
       <t-card title="统计数据" :subtitle="`(万元)${currentMonth}`" class="dashboard-chart-card">
         <template #option>
           <div class="dashboard-chart-title-container">
-            <t-date-picker
+            <t-date-range-picker
               class="card-date-picker-container"
               theme="primary"
               mode="date"
-              range
               :default-value="LAST_7_DAYS"
               @change="onCurrencyChange"
             />

src/pages/dashboard/base/components/overview.vue

@@ -9,11 +9,10 @@
           :class="{ 'dashboard-overview-card': true, 'overview-panel': true }"
         >
           <template #actions>
-            <t-date-picker
+            <t-date-range-picker
               class="card-date-picker-container"
               theme="primary"
               mode="date"
-              range
               :default-value="LAST_7_DAYS"
               @change="onStokeDataChange"
             />

src/pages/dashboard/detail/index.vue

@@ -20,12 +20,11 @@
       <t-col :xs="12" :xl="9">
         <t-card class="dashboard-detail-card" title="采购商品申请趋势" subtitle="(件)">
           <template #actions>
-            <t-date-picker
+            <t-date-range-picker
               class="card-date-picker-container"
               :default-value="LAST_7_DAYS"
               theme="primary"
               mode="date"
-              range
               style="width: 240px"
               @change="onMaterialChange"
             />
@@ -44,12 +43,11 @@
     </t-row>
     <t-card :class="['dashboard-detail-card', 'row-margin']" title="采购商品满意度分布">
       <template #actions>
-        <t-date-picker
+        <t-date-range-picker
           class="card-date-picker-container"
           :default-value="LAST_7_DAYS"
           theme="primary"
           mode="date"
-          range
           style="display: inline-block; margin-right: 8px; width: 240px"
           @change="onSatisfyChange"
         />

src/pages/detail/deploy/index.vue

@@ -204,6 +204,8 @@ const deleteClickOp = (e) => {
 </script>
 
 <style lang="less" scoped>
+@import url('../base/index.less');
+
 .detail-deploy {
   :deep(.t-card) {
     padding: 8px;

src/pages/list/components/CommonTable.vue

@@ -12,7 +12,7 @@
       <t-row>
         <t-col :span="10">
           <t-row :gutter="[16, 24]">
-            <t-col :flex="1">
+            <t-col :span="4">
               <t-form-item label="合同名称" name="name">
                 <t-input
                   v-model="formData.name"
@@ -23,7 +23,7 @@
                 />
               </t-form-item>
             </t-col>
-            <t-col :flex="1">
+            <t-col :span="4">
               <t-form-item label="合同状态" name="status">
                 <t-select
                   v-model="formData.status"
@@ -33,7 +33,7 @@
                 />
               </t-form-item>
             </t-col>
-            <t-col :flex="1">
+            <t-col :span="4">
               <t-form-item label="合同编号" name="no">
                 <t-input
                   v-model="formData.no"
@@ -43,10 +43,11 @@
                 />
               </t-form-item>
             </t-col>
-            <t-col :flex="1">
+            <t-col :span="4">
               <t-form-item label="合同类型" name="type">
                 <t-select
                   v-model="formData.type"
+                  style="display: inline-block"
                   class="form-item-content"
                   :options="CONTRACT_TYPE_OPTIONS"
                   placeholder="请选择合同类型"

src/pages/user/index.vue

@@ -35,12 +35,11 @@
           <t-tab-panel value="second" label="内容列表">
             <t-card :bordered="false" class="card-padding-no" title="主页访问数据" describe="（次）">
               <template #actions>
-                <t-date-picker
+                <t-date-range-picker
                   class="card-date-picker-container"
                   :default-value="LAST_7_DAYS"
                   theme="primary"
                   mode="date"
-                  range
                   @change="onLineChange"
                 />
               </template>

src/style/index.less

@@ -68,10 +68,6 @@ p {
   }
 }
 
-.t-button + .t-button {
-  margin-left: var(--tdvns-spacer);
-}
-
 .container-base-margin-top {
   margin-top: 16px;
 }

src/style/layout.less

@@ -11,6 +11,26 @@
   margin-left: var(--tdvns-spacer);
 }
 
+.t-jumper-jumper {
+  .t-button + .t-button {
+    margin-left: 0
+  }
+}
+.tdesign-starter-link {
+  color: var(--td-brand-color);
+  text-decoration: none;
+  margin-right: 24px;
+  cursor: pointer;
+  transition: color .2s cubic-bezier(.38,0,.24,1);
+}
+
+.left-operation-container,.operation-container {
+  .t-button + .t-button {
+    margin-left: var(--tdvns-spacer);
+  }
+}
+
+
 .t-layout.t-layout--with-sider {
   > .t-layout {
     flex: 1;