@opentiny/vue-docs 3.27.1 → 3.28.0

package/playground/icons/Reverse.vue

@@ -0,0 +1,115 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="24.000000"
+    height="24.000000"
+    fill="none"
+  >
+    <rect
+      id="布局反转"
+      width="24.000000"
+      height="24.000000"
+      x="0.000000"
+      y="0.000000"
+      transform="matrix(0,1,1,0,0,0)"
+    />
+    <g id="ic_ict_reverses-反转/base/ic_ict_reverses">
+      <path
+        id="path1"
+        d="M0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389Z"
+        fill="rgb(255,255,255)"
+        fill-opacity="0"
+        fill-rule="nonzero"
+        transform="matrix(0,1,1,0,4.5,4.5)"
+      />
+      <path
+        id="path1"
+        d="M0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881Z"
+        fill-rule="nonzero"
+        stroke="rgb(255,255,255)"
+        stroke-opacity="0"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,4.5,4.5)"
+      />
+      <path
+        id="path2"
+        d="M0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881Z"
+        opacity="0.200000003"
+        fill-rule="nonzero"
+        stroke="rgb(255,255,255)"
+        stroke-opacity="0"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,4.5,4.5)"
+      />
+      <circle id="path3" cx="8" cy="8" r="8" fill="rgb(255,255,255)" fill-opacity="0" transform="matrix(0,1,1,0,4,4)" />
+      <path
+        id="path4"
+        d="M0 7.59578C0.46808 10.6954 3.07029 13.0952 6.26191 13.2506L5.15369 11.5949M13.2508 6.2733C13.1003 3.07579 10.6972 0.467588 7.59288 0L8.71336 1.64489"
+        fill-rule="evenodd"
+        stroke="rgb(25,25,25)"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,5.4082,5.40845)"
+      />
+      <path
+        id="path5"
+        d="M0.26356 7.42877C0.443568 7.3902 0.620764 7.50486 0.659337 7.68487C1.11595 9.81576 2.70132 11.5192 4.74839 12.1536L4.7824 12.1638L4.76325 12.1353C4.71009 12.0564 4.64965 11.9667 4.58064 11.8643L4.52725 11.7851C4.42437 11.6324 4.46473 11.4253 4.6174 11.3224C4.77006 11.2195 4.97722 11.2599 5.0801 11.4125C5.68546 12.3108 5.68546 12.3108 5.80653 12.4905C5.9693 12.732 5.76579 13.0515 5.4781 13.006C2.76308 12.5772 0.582087 10.5061 0.00746806 7.82455C-0.0311049 7.64454 0.0835513 7.46735 0.26356 7.42877ZM8.00569 0.522622C7.82894 0.264789 8.07237 -0.0726237 8.37279 0.0138081C10.9664 0.760021 12.8747 3.01866 13.1566 5.7224C13.1757 5.90551 13.0427 6.06941 12.8596 6.0885C12.6765 6.10759 12.5126 5.97462 12.4935 5.79152C12.2786 3.73023 11.0121 1.95549 9.21037 1.05338L9.1614 1.02948L9.18402 1.06243L9.23551 1.13753C9.3396 1.28937 9.30089 1.49684 9.14905 1.60093C8.99721 1.70503 8.78973 1.66632 8.68564 1.51448C8.20755 0.817079 8.13285 0.708111 8.05311 0.591787L8.03514 0.565574C8.02594 0.552165 8.01632 0.53812 8.00569 0.522622Z"
+        fill="rgb(255,255,255)"
+        fill-opacity="0"
+        fill-rule="evenodd"
+        transform="matrix(0,1,1,0,5.57861,5.47388)"
+      />
+      <path
+        id="path5"
+        d="M0.659337 7.68487C1.11595 9.81576 2.70132 11.5192 4.74839 12.1536L4.7824 12.1638L4.76325 12.1353C4.71009 12.0564 4.64965 11.9667 4.58064 11.8643L4.52725 11.7851C4.42437 11.6324 4.46473 11.4253 4.6174 11.3224C4.77006 11.2195 4.97722 11.2599 5.0801 11.4125C5.68546 12.3108 5.68546 12.3108 5.80653 12.4905C5.9693 12.732 5.76579 13.0515 5.4781 13.006C2.76308 12.5772 0.582087 10.5061 0.00746806 7.82455C-0.0311049 7.64454 0.0835513 7.46735 0.26356 7.42877C0.443568 7.3902 0.620764 7.50486 0.659337 7.68487ZM8.37279 0.0138081C10.9664 0.760021 12.8747 3.01866 13.1566 5.7224C13.1757 5.90551 13.0427 6.06941 12.8596 6.0885C12.6765 6.10759 12.5126 5.97462 12.4935 5.79152C12.2786 3.73023 11.0121 1.95549 9.21037 1.05338L9.1614 1.02948L9.18402 1.06243L9.23551 1.13753C9.3396 1.28937 9.30089 1.49684 9.14905 1.60093C8.99721 1.70503 8.78973 1.66632 8.68564 1.51448C8.20755 0.817079 8.13285 0.708111 8.05311 0.591787L8.03514 0.565574C8.02594 0.552165 8.01632 0.53812 8.00569 0.522622C7.82894 0.264789 8.07237 -0.0726237 8.37279 0.0138081Z"
+        fill-rule="evenodd"
+        stroke="rgb(255,255,255)"
+        stroke-opacity="0"
+        stroke-linejoin="round"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,5.57861,5.47388)"
+      />
+      <circle
+        id="path6"
+        cx="3.66666675"
+        cy="3.66666675"
+        r="3.66666675"
+        fill="rgb(255,255,255)"
+        fill-opacity="0"
+        transform="matrix(0,1,1,0,12,12)"
+      />
+      <circle
+        id="path6"
+        cx="3.66666675"
+        cy="3.66666675"
+        r="3.66666675"
+        stroke="rgb(25,25,25)"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,12,12)"
+      />
+      <path
+        id="path7"
+        d="M2 0L4.66667 0C5.77124 0 6.66667 0.895431 6.66667 2L6.66667 4.66667C6.66667 5.77124 5.77124 6.66667 4.66667 6.66667L2 6.66667C0.895431 6.66667 0 5.77124 0 4.66667L0 2C0 0.895431 0.895431 0 2 0Z"
+        fill="rgb(255,255,255)"
+        fill-opacity="0"
+        fill-rule="evenodd"
+        transform="matrix(0,1,1,0,5,5)"
+      />
+      <path
+        id="path7"
+        d="M4.66667 0C5.77124 0 6.66667 0.895431 6.66667 2L6.66667 4.66667C6.66667 5.77124 5.77124 6.66667 4.66667 6.66667L2 6.66667C0.895431 6.66667 0 5.77124 0 4.66667L0 2C0 0.895431 0.895431 0 2 0L4.66667 0Z"
+        fill-rule="evenodd"
+        stroke="rgb(25,25,25)"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.08506942"
+        transform="matrix(0,1,1,0,5,5)"
+      />
+    </g>
+  </svg>
+</template>

package/playground/icons/Set.vue

@@ -0,0 +1,80 @@
+<template>
+  <svg
+    viewBox="0 0 14 14"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="14.000000"
+    height="14.000000"
+    fill="none"
+  >
+    <rect id="设置布局" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+    <path
+      id="path1"
+      d="M-0.000168547 6.99409C-0.000168547 5.90034 -0.00308521 4.80659 -0.000168547 3.71284C-0.00308521 3.182 0.0639981 2.65409 0.192331 2.14367C0.481081 1.05867 1.18691 0.414086 2.27191 0.163253C2.81441 0.0465859 3.3715 -0.00883073 3.92566 -8.07295e-05C6.02275 -8.07295e-05 8.11983 -8.07295e-05 10.2198 -8.07295e-05C10.7477 -0.0029974 11.2757 0.0553359 11.7919 0.180753C12.909 0.452003 13.5798 1.16075 13.8336 2.27492C13.9502 2.79992 14.0027 3.33659 13.9969 3.87617C13.9969 5.99659 13.9969 8.117 13.9969 10.2345C13.9998 10.7595 13.9415 11.2845 13.819 11.7949C13.5448 12.912 12.8332 13.577 11.7219 13.8337C11.1765 13.9503 10.6223 14.0058 10.0652 13.997C7.97691 13.997 5.88858 13.997 3.80025 13.997C3.2665 14.0028 2.73566 13.9416 2.2165 13.8191C1.09358 13.5478 0.419831 12.8362 0.166081 11.7162C0.0348314 11.1474 -0.000168547 10.5787 -0.000168547 10.0041C-0.000168547 9.00075 -0.000168547 7.99742 -0.000168547 6.99409Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
+    <path
+      id="矢量 322"
+      d="M12.9793 2.77075L12.9793 11.2291C12.9793 12.1945 12.1947 12.9791 11.2293 12.9791L2.771 12.9791C1.80266 12.9791 1.021 12.1945 1.021 11.2291L1.021 2.77075C1.021 1.80242 1.80266 1.02075 2.771 1.02075L11.2293 1.02075C12.1947 1.02075 12.9793 1.80242 12.9793 2.77075Z"
+      fill-rule="nonzero"
+      stroke="rgb(25,25,25)"
+      stroke-width="0.875"
+    />
+    <path
+      id="path7"
+      d="M4.71338 4.66675L4.71338 12.9763"
+      stroke="rgb(25,25,25)"
+      stroke-linecap="square"
+      stroke-linejoin="round"
+      stroke-width="0.875"
+    />
+    <path
+      id="path7"
+      d="M9.28369 4.66675L9.28369 12.9763"
+      stroke="rgb(25,25,25)"
+      stroke-linecap="square"
+      stroke-linejoin="round"
+      stroke-width="0.875"
+    />
+    <path
+      id="path7"
+      d="M1.021 4.66675L12.9793 4.66675"
+      stroke="rgb(25,25,25)"
+      stroke-linecap="square"
+      stroke-linejoin="round"
+      stroke-width="0.875"
+    />
+    <path
+      id="减去顶层"
+      d="M4.27891 5.10425L0.583496 5.10425L0.583496 11.2292C0.583496 12.4367 1.56058 13.4167 2.771 13.4167L4.27891 13.4167L4.27891 5.10425Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <path
+      id="减去顶层"
+      d="M13.4166 5.10425L9.72119 5.10425L9.72119 13.4167L11.2291 13.4167C12.4366 13.4167 13.4166 12.4367 13.4166 11.2292L13.4166 5.10425Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <path
+      id="减去顶层"
+      d="M8.8463 5.10425L5.15088 5.10425L5.15088 13.4167L8.8463 13.4167L8.8463 5.10425Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <path id="减去顶层" />
+    <path
+      id="减去顶层"
+      d="M11.2293 0.583252L2.771 0.583252C1.56058 0.583252 0.583496 1.56034 0.583496 2.77075L0.583496 4.22908L13.4168 4.22908L13.4168 2.77075C13.4168 1.56034 12.4368 0.583252 11.2293 0.583252Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>

package/playground/icons/Share.vue

@@ -1,11 +1,106 @@
 <template>
-  <svg viewBox="0 0 24 24">
-    <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="18" cy="5" r="3" />
-      <circle cx="6" cy="12" r="3" />
-      <circle cx="18" cy="19" r="3" />
-      <path d="M8.59 13.51l6.83 3.98" />
-      <path d="M15.41 6.51l-6.82 3.98" />
-    </g>
+  <svg
+    viewBox="0 0 14 14"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="14.000000"
+    height="14.000000"
+    fill="none"
+  >
+    <rect id="分享" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+    <rect
+      id="ic_public_share-分享/base/ic_public_share"
+      width="14.000000"
+      height="14.000000"
+      x="0.000000"
+      y="0.000000"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+    />
+    <path
+      id="path1"
+      d="M-0.000168547 6.99409C-0.000168547 5.90034 -0.00308521 4.80659 -0.000168547 3.71284C-0.00308521 3.182 0.0639981 2.65409 0.192331 2.14367C0.481081 1.05867 1.18691 0.414086 2.27191 0.163253C2.81441 0.0465859 3.3715 -0.00883073 3.92566 -8.07295e-05C6.02275 -8.07295e-05 8.11983 -8.07295e-05 10.2198 -8.07295e-05C10.7477 -0.0029974 11.2757 0.0553359 11.7919 0.180753C12.909 0.452003 13.5798 1.16075 13.8336 2.27492C13.9502 2.79992 14.0027 3.33659 13.9969 3.87617C13.9969 5.99659 13.9969 8.117 13.9969 10.2345C13.9998 10.7595 13.9415 11.2845 13.819 11.7949C13.5448 12.912 12.8332 13.577 11.719 13.8337C11.1765 13.9503 10.6223 14.0058 10.0652 13.997C7.97691 13.997 5.88858 13.997 3.80025 13.997C3.2665 14.0028 2.73566 13.9416 2.21358 13.8191C1.09358 13.5478 0.419831 12.8362 0.166081 11.7162C0.0348314 11.1474 -0.000168547 10.5787 -0.000168547 10.0041C-0.000168547 9.00075 -0.000168547 7.99742 -0.000168547 6.99409Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
+    <path
+      id="path3"
+      d="M3.28417 11.3487L10.7129 11.3487M2.625 10.2083L6.32333 3.98706"
+      stroke="rgb(25,25,25)"
+      stroke-linejoin="round"
+      stroke-width="0.875"
+    />
+    <path
+      id="path4"
+      d="M6.07236 3.83838L2.37402 10.0567L2.87277 10.3571L6.57402 4.13588L6.07236 3.83838ZM10.7128 11.0571L3.28402 11.0571L3.28402 11.6405L10.7128 11.6405L10.7128 11.0571Z"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+      fill-rule="evenodd"
+    />
+    <path
+      id="path4"
+      d="M2.87277 10.3571L6.57402 4.13588L6.07236 3.83838L2.37402 10.0567L2.87277 10.3571ZM3.28402 11.6405L10.7128 11.6405L10.7128 11.0571L3.28402 11.0571L3.28402 11.6405Z"
+      fill-rule="nonzero"
+      stroke="rgb(255,255,255)"
+      stroke-opacity="0"
+      stroke-width="0.875"
+    />
+    <ellipse
+      id="path5"
+      rx="1.350877"
+      ry="1.338235"
+      cx="1.93388498"
+      cy="11.3492212"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+    />
+    <ellipse
+      id="path5"
+      rx="1.350877"
+      ry="1.338235"
+      cx="1.93388498"
+      cy="11.3492212"
+      stroke="rgb(25,25,25)"
+      stroke-width="0.875"
+    />
+    <ellipse
+      id="path6"
+      rx="1.350878"
+      ry="1.338235"
+      cx="12.0652332"
+      cy="11.3492212"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+    />
+    <ellipse
+      id="path6"
+      rx="1.350878"
+      ry="1.338235"
+      cx="12.0652332"
+      cy="11.3492212"
+      stroke="rgb(25,25,25)"
+      stroke-width="0.875"
+    />
+    <ellipse
+      id="path7"
+      rx="1.350877"
+      ry="1.338235"
+      cx="6.99931431"
+      cy="2.65073514"
+      fill="rgb(255,255,255)"
+      fill-opacity="0"
+    />
+    <ellipse
+      id="path7"
+      rx="1.350877"
+      ry="1.338235"
+      cx="6.99931431"
+      cy="2.65073514"
+      stroke="rgb(25,25,25)"
+      stroke-linejoin="round"
+      stroke-width="0.875"
+    />
   </svg>
 </template>

package/playground/icons/Vertical.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="24.000000"
+    height="24.000000"
+    fill="none"
+  >
+    <rect id="上下布局" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+    <path
+      id="矢量 1"
+      d="M5.4 1.2C6.06 1.2 6.6 1.74 6.6 2.4L6.6 14.4C6.6 15.06 6.06 15.6 5.4 15.6L2.4 15.6C1.74 15.6 1.2 15.06 1.2 14.4L1.2 2.4C1.2 1.74 1.74 1.2 2.4 1.2L5.4 1.2ZM5.4 0L2.4 0C1.08 0 0 1.08 0 2.4L0 14.4C0 15.72 1.08 16.8 2.4 16.8L5.4 16.8C6.72 16.8 7.8 15.72 7.8 14.4L7.8 2.4C7.8 1.08 6.72 0 5.4 0ZM16.8 2.4L16.8 14.4C16.8 15.72 15.72 16.8 14.4 16.8L11.4 16.8C10.08 16.8 9 15.72 9 14.4L9 2.4C9 1.08 10.08 0 11.4 0L14.4 0C15.72 0 16.8 1.08 16.8 2.4Z"
+      fill="rgb(0,0,0)"
+      fill-rule="nonzero"
+      transform="matrix(0,1,1,0,3.6001,3.84009)"
+    />
+  </svg>
+</template>

package/public/static/css/design-common.css

@@ -767,6 +767,7 @@
   .tinyui-design-footer .footer-content .links .link-item div {
     width: 100%;
     text-align: left;
+    display: flex;
   }
   .tinyui-design-footer .footer-content .contact {
     width: 100%;

package/src/assets/custom-block.less

@@ -38,8 +38,8 @@
   }
   p {
     font-size: 14px;
-    line-height: 30px;
-    margin-bottom: 11px;
+    line-height: 21px;
+    margin-bottom: 0px;
   }
   code {
     margin: 0 4px;

package/src/components/anchor.vue

@@ -25,7 +25,8 @@ const emit = defineEmits(['link-click'])
 // 实例锚点
 const demoAnchorLinks = computed(() =>
   (props.currentJson?.demos || [])
-    .filter((demo) => (isSaas ? !demo.hideSaas : true))
+    .filter((demo) => (isSaas ? !demo.hideSaas : true)) // saas 模式， hideSaas的过滤掉
+    .filter((demo) => (!isSaas ? !demo.hidePc : true)) // 非saas模式， hidePc的过滤掉
     .map((demo) => ({
       key: demo.demoId,
       title: demo.name[props.langKey],

package/src/components/api-docs.vue

@@ -29,14 +29,14 @@
                     <async-highlight
                       v-if="row.code"
                       :code="row.code.trim()"
-                      :types="props.chartCode ? 'html' : 'ts'"
+                      :type="props.chartCode ? 'chart' : ''"
                     ></async-highlight>
                     <div v-if="row.depTypes">
                       <async-highlight
                         v-for="(k, i) in row.depTypes"
                         :key="i"
                         :code="props.currentJson.types[k]?.code"
-                        types="ts"
+                        type="ts"
                       ></async-highlight>
                     </div>
                   </template>

package/src/components/async-highlight.vue

@@ -19,6 +19,10 @@ export default defineComponent({
     },
     filename: {
       type: String
+    },
+    type: {
+      type: String,
+      default: ''
     }
   },
   setup(props) {
@@ -32,6 +36,8 @@ export default defineComponent({
           // highlight和其他同步任务叠加容易形成长任务，改成异步消除长任务。
           if (props.filename && props.filename.endsWith('.vue')) {
             highlightCode.value = hljs.highlight(props.code, { language: 'html' }).value
+          } else if (props.type === 'chart') {
+            highlightCode.value = props.code
           } else {
             highlightCode.value = hljs.highlightAuto(props.code).value
           }

package/src/components/header.vue

@@ -67,6 +67,25 @@ const mdContent = computed(() =>
     width: 200px;
   }
 }
+
+@media screen and (max-width: 500px) {
+  .docs-header {
+    .docs-title-wrap {
+      min-width: 100px;
+    }
+    .pd-space {
+      padding-left: 0;
+    }
+  }
+}
+
+@media screen and (max-width: 1040px) {
+  .docs-header {
+    .docs-header-spacer {
+      display: none;
+    }
+  }
+}
 </style>
 
 <style lang="less">

package/src/views/components-doc/common.vue

@@ -9,6 +9,14 @@
       <slot name="header-right" />
     </template>
   </ComponentHeader>
+  <div class="docs-content-tips" v-if="templateModeState.mode === 'mobile-first'">
+    <div>
+      <tiny-alert
+        description="温馨提示：多端打开演练场，移动左右面板的分隔线，可查看大小屏多端效果"
+        center
+      ></tiny-alert>
+    </div>
+  </div>
   <div class="docs-content" id="doc-layout-scroller" ref="scrollRef" @scroll="onDocLayoutScroll">
     <div class="ti-rel cmp-container">
       <div class="flex-horizontal docs-content-main">
@@ -100,9 +108,9 @@
 <script setup lang="ts">
 import { reactive, computed, watch, onMounted, nextTick, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { TinyTabs, TinyTabItem } from '@opentiny/vue'
+import { TinyTabs, TinyTabItem, TinyAlert } from '@opentiny/vue'
 import { debounce } from '@opentiny/utils'
-import { i18nByKey, getWord, $clone, useApiMode } from '@/tools'
+import { i18nByKey, getWord, $clone, useApiMode, useTemplateMode } from '@/tools'
 import { router } from '@/router.js'
 import { getWebdocPath } from './cmp-config'
 import DemoBox from '../../components/demo.vue'
@@ -125,7 +133,7 @@ const emit = defineEmits(['single-demo-change', 'load-page'])
 defineOptions({
   name: 'CmpPageVue'
 })
-
+const { templateModeState } = useTemplateMode()
 const scrollRef = ref()
 const { apiModeState } = useApiMode()
 const isRunningTest = localStorage.getItem('tiny-e2e-test') === 'true'
@@ -324,6 +332,12 @@ const loadPage = () => {
         demos: $clone(demosJson.demos || []), // 克隆一下,避免保存上次的isOpen
         column: demosJson.column || '1' // columns可能为空
       }
+      // saas 和 非saas 模式，展示的demos是不同的
+      if (isSaas) {
+        state.currJson.demos = state.currJson.demos.filter((d) => !d.hideSaas)
+      } else {
+        state.currJson.demos = state.currJson.demos.filter((d) => !d.hidePc)
+      }
     } else {
       state.activeTab = 'api'
       // 隐藏tab的头部
@@ -485,6 +499,9 @@ defineExpose({ loadPage })
 </script>
 
 <style lang="less" scoped>
+.docs-content-tips {
+  width: 100%;
+}
 .docs-content {
   flex: 1;
   overflow: hidden auto;

package/src/views/overview.vue

@@ -23,7 +23,7 @@
       </tiny-input>
       <!-- 组件列表 -->
       <div v-if="searchMenus?.length === 0" class="text-center py60">
-        <img class="ti-h150 ti-w200" :src="noDataSvg" />
+        <img class="ti-h150 ti-w200 ti-mx-auto" :src="noDataSvg" />
         <p class="no-data-text">{{ i18nByKey('noData') }}</p>
       </div>
       <div v-for="(menu, index) in searchMenus" :label="menu" :key="index">

package/demos/pc/app/grid-select/filter-composition-api.vue

@@ -1,49 +0,0 @@
-<template>
-  <tiny-grid-select
-    v-model="valueSingle"
-    filterable
-    :filter-method="filter"
-    value-field="id"
-    text-field="city"
-    :grid-op="gridOpSingle"
-  ></tiny-grid-select>
-</template>
-
-<script setup>
-import { ref, reactive } from 'vue'
-import { TinyGridSelect } from '@opentiny/vue'
-
-const valueSingle = ref('')
-
-const gridOpSingle = reactive({
-  data: [
-    { id: '001', area: '华南区', province: '广东省', city: '广州市' },
-    { id: '002', area: '华南区', province: '广东省', city: '深圳市' },
-    { id: '003', area: '华南区', province: '广东省', city: '珠海市' },
-    { id: '004', area: '华南区', province: '广东省', city: '佛山市' },
-    { id: '005', area: '华南区', province: '广东省', city: '中山市' }
-  ],
-  columns: [
-    { type: 'radio', title: '' },
-    { field: 'area', title: '区域', width: 90 },
-    { field: 'province', title: '省份', width: 60 },
-    { field: 'city', title: '城市', width: 60 }
-  ]
-})
-
-const filter = (value) => {
-  if (!value) {
-    return gridOpSingle.data
-  }
-
-  return gridOpSingle.data.filter((item) => {
-    return item.city.includes(value)
-  })
-}
-</script>
-
-<style scoped>
-.tiny-grid-select {
-  width: 280px;
-}
-</style>

package/demos/pc/app/grid-select/filter.vue

@@ -1,57 +0,0 @@
-<template>
-  <tiny-grid-select
-    v-model="valueSingle"
-    filterable
-    :filter-method="filter"
-    value-field="id"
-    text-field="city"
-    :grid-op="gridOpSingle"
-  ></tiny-grid-select>
-</template>
-
-<script>
-import { TinyGridSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyGridSelect
-  },
-  data() {
-    return {
-      valueSingle: '',
-      gridOpSingle: {
-        data: [
-          { id: '001', area: '华南区', province: '广东省', city: '广州市' },
-          { id: '002', area: '华南区', province: '广东省', city: '深圳市' },
-          { id: '003', area: '华南区', province: '广东省', city: '珠海市' },
-          { id: '004', area: '华南区', province: '广东省', city: '佛山市' },
-          { id: '005', area: '华南区', province: '广东省', city: '中山市' }
-        ],
-        columns: [
-          { type: 'radio', title: '' },
-          { field: 'area', title: '区域', width: 90 },
-          { field: 'province', title: '省份', width: 60 },
-          { field: 'city', title: '城市', width: 60 }
-        ]
-      }
-    }
-  },
-  methods: {
-    filter(value) {
-      if (!value) {
-        return this.gridOpSingle.data
-      }
-
-      return this.gridOpSingle.data.filter((item) => {
-        return item.city.includes(value)
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tiny-grid-select {
-  width: 280px;
-}
-</style>

package/demos/pc/app/grid-select/multiple-composition-api.vue

@@ -1,38 +0,0 @@
-<template>
-  <tiny-grid-select
-    v-model="value"
-    multiple
-    :grid-op="gridOpMultiple"
-    value-field="id"
-    text-field="city"
-  ></tiny-grid-select>
-</template>
-
-<script setup>
-import { ref, reactive } from 'vue'
-import { GridSelect as TinyGridSelect } from '@opentiny/vue'
-
-const value = ref('')
-
-const gridOpMultiple = reactive({
-  data: [
-    { id: '001', area: '华南区', province: '广东省', city: '广州市' },
-    { id: '002', area: '华南区', province: '广东省', city: '深圳市' },
-    { id: '003', area: '华南区', province: '广东省', city: '珠海市' },
-    { id: '004', area: '华南区', province: '广东省', city: '佛山市' },
-    { id: '005', area: '华南区', province: '广东省', city: '中山市' }
-  ],
-  columns: [
-    { type: 'selection', title: '' },
-    { field: 'area', title: '区域', width: 90 },
-    { field: 'province', title: '省份', width: 60 },
-    { field: 'city', title: '城市', width: 60 }
-  ]
-})
-</script>
-
-<style scoped>
-.tiny-grid-select {
-  width: 280px;
-}
-</style>