wui-components-v2 1.1.65 → 1.1.66

package/components/product-card/product-card.vue

@@ -28,14 +28,16 @@ const props = defineProps<{
 const labelColumns = computed(() => {
   if (props.labelColumn && props.enumColumn) {
     return props.enumColumn[props.labelColumn.mstrucId]
-  }
-  else {
+  } else {
     return []
   }
 })
 
 function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType({ ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false }, props.data.fieldMap[item.sourceId])
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    props.data.fieldMap[item.sourceId]
+  )
 }
 </script>
 
@@ -44,20 +46,85 @@ function isControlType(item: Columns): string {
   <view class="mx-auto max-w-md space-y-4">
     <!-- 订单卡片2 -->
     <view class="ma-2 overflow-hidden rounded-xl bg-white p-2 shadow-sm dark:bg-[var(--wot-dark-background2)]">
-      <view
-        class="flex"
-      >
+      <view class="flex">
         <!-- 图片 -->
         <wd-img
-          radius="8" enable-preview :width="160" :height="100"
-          :src="props.mainPicture ? formatItemData(props.data.fieldMap[props.mainPicture.sourceId], (isControlType(props.mainPicture) && isControlType(props.mainPicture)[0]))?.url ? formatItemData(props.data.fieldMap[props.mainPicture.sourceId], (isControlType(props.mainPicture) && isControlType(props.mainPicture)[0]))?.url : 'https://' : 'https://'"
+          radius="8"
+          enable-preview
+          :width="160"
+          :height="100"
+          :src="
+            props.mainPicture
+              ? formatItemData(
+                  props.data.fieldMap[props.mainPicture.sourceId],
+                  isControlType(props.mainPicture) && isControlType(props.mainPicture)[0]
+                )?.url
+                ? formatItemData(
+                    props.data.fieldMap[props.mainPicture.sourceId],
+                    isControlType(props.mainPicture) && isControlType(props.mainPicture)[0]
+                  )?.url
+                : 'https://'
+              : 'https://'
+          "
         >
           <template #error>
             <wd-empty>
               <template #image>
                 <view class="h-100px w-160px">
                   <!-- 图片占位 -->
-                  <svg t="1772005612397" class="icon h-full w-full" viewBox="0 0 1164 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25408" width="200" height="200"><path d="M6.4 747.3536a576 276.6464 0 1 0 1152 0 576 276.6464 0 1 0-1152 0Z" fill="#007CFF" opacity=".05" p-id="25409" /><path d="M584.7808 28.032a32.1024 32.1024 0 0 0-0.2432 3.968v76.8a32 32 0 0 0 59.2384 16.8064 32 32 0 0 1-63.744-3.968v-76.8c0-6.1568 1.728-11.9168 4.7488-16.8064zM335.0272 95.7824c-1.1776 9.4464 1.8688 19.328 9.1264 26.5984l54.3104 54.2976a32 32 0 0 0 49.856-5.8112 32 32 0 0 1-54.3872 18.6624l-54.2976-54.3104a32.0128 32.0128 0 0 1-4.608-39.4368z m431.4496 69.2992a32.0128 32.0128 0 0 0 49.856 39.4496l54.3104-54.3104c5.248-5.2352 8.2816-11.84 9.1264-18.6496-1.28 2.0608-2.816 4.0064-4.608 5.8112l-54.2976 54.2976a32 32 0 0 1-54.3872-26.5984z" fill="#007CFF" fill-opacity=".46" p-id="25410" /><path d="M616.5504 0a32 32 0 0 1 32 32v76.8a32 32 0 0 1-64 0v-76.8a32 32 0 0 1 32-32zM344.1536 77.12a32 32 0 0 1 45.2608 0l54.3104 54.3104a32 32 0 0 1-45.2608 45.248l-54.2976-54.2976a32 32 0 0 1 0-45.2608zM829.9136 92.1216a32 32 0 0 1 45.248 45.2608l-54.2976 54.2976a32 32 0 1 1-45.2608-45.248l54.3104-54.3104z" fill="#007CFF" fill-opacity=".12" p-id="25411" /><path d="M330.3552 267.392a102.4 102.4 0 0 0-92.8512 111.1424l28.1984 314.4576a102.4 102.4 0 0 0 111.1296 92.8512l42.2656-3.8016a102.4 102.4 0 0 1-110.1952-92.928L280.704 374.656a102.4 102.4 0 0 1 92.8512-111.1296l384.896-34.5088a116.5184 116.5184 0 0 0-0.9344 0.0768L330.368 267.392z" fill="#007CFF" fill-opacity=".46" p-id="25412" /><path d="M634.4576 236.1216l86.3616 180.928a32.5376 32.5376 0 0 1-5.6448 36.3008L553.9456 624.9216l110.4384 138.3552 116.1984 13.0304a86.7584 86.7584 0 0 0 95.872-76.544l38.6944-344.8448a86.7584 86.7584 0 0 0-76.544-95.8848l-204.16-22.912z" fill="#007CFF" opacity=".08" p-id="25413" /><path d="M465.8432 255.232L597.632 429.8752l-126.8224 205.3888a32.5376 32.5376 0 0 0 6.8224 42.048l107.5456 89.856-180.736 16.2048a86.7584 86.7584 0 0 1-94.144-78.656l-30.976-345.6384a86.7584 86.7584 0 0 1 78.6432-94.144l107.8784-9.6768z" fill="#007CFF" opacity=".08" p-id="25414" /><path d="M566.464 480.32l-144.4736 12.9536a32.5376 32.5376 0 1 0 5.8112 64.8064l95.9616-8.6144 42.7008-69.1456zM488.192 607.104l-55.552 4.9792a32.5376 32.5376 0 0 0 5.8112 64.8064l35.4816-3.1872a32.5376 32.5376 0 0 1-3.136-38.4512l17.3824-28.16zM538.944 352.128l-128.576 11.52a32.5376 32.5376 0 0 0 5.8112 64.8192l168.9472-15.1552-46.1824-61.184zM573.5936 648.7168l-19.5456-24.4864 36.7104-39.0656 165.5552 18.5728a32.5376 32.5376 0 0 1-7.2576 64.6656l-175.4624-19.6864zM637.1328 535.808l55.6544-59.2256 76.8256 8.6144a32.5376 32.5376 0 0 1-7.2576 64.6656l-125.2224-14.0544zM719.872 414.144l56.9856 6.4a32.5376 32.5376 0 0 0 7.2576-64.6656l-97.28-10.9056 33.024 69.1712z" fill="#007CFF" fill-opacity=".26" p-id="25415" /></svg>
+                  <svg
+                    t="1772005612397"
+                    class="icon h-full w-full"
+                    viewBox="0 0 1164 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="25408"
+                    width="200"
+                    height="200"
+                  >
+                    <path
+                      d="M6.4 747.3536a576 276.6464 0 1 0 1152 0 576 276.6464 0 1 0-1152 0Z"
+                      fill="#007CFF"
+                      opacity=".05"
+                      p-id="25409"
+                    />
+                    <path
+                      d="M584.7808 28.032a32.1024 32.1024 0 0 0-0.2432 3.968v76.8a32 32 0 0 0 59.2384 16.8064 32 32 0 0 1-63.744-3.968v-76.8c0-6.1568 1.728-11.9168 4.7488-16.8064zM335.0272 95.7824c-1.1776 9.4464 1.8688 19.328 9.1264 26.5984l54.3104 54.2976a32 32 0 0 0 49.856-5.8112 32 32 0 0 1-54.3872 18.6624l-54.2976-54.3104a32.0128 32.0128 0 0 1-4.608-39.4368z m431.4496 69.2992a32.0128 32.0128 0 0 0 49.856 39.4496l54.3104-54.3104c5.248-5.2352 8.2816-11.84 9.1264-18.6496-1.28 2.0608-2.816 4.0064-4.608 5.8112l-54.2976 54.2976a32 32 0 0 1-54.3872-26.5984z"
+                      fill="#007CFF"
+                      fill-opacity=".46"
+                      p-id="25410"
+                    />
+                    <path
+                      d="M616.5504 0a32 32 0 0 1 32 32v76.8a32 32 0 0 1-64 0v-76.8a32 32 0 0 1 32-32zM344.1536 77.12a32 32 0 0 1 45.2608 0l54.3104 54.3104a32 32 0 0 1-45.2608 45.248l-54.2976-54.2976a32 32 0 0 1 0-45.2608zM829.9136 92.1216a32 32 0 0 1 45.248 45.2608l-54.2976 54.2976a32 32 0 1 1-45.2608-45.248l54.3104-54.3104z"
+                      fill="#007CFF"
+                      fill-opacity=".12"
+                      p-id="25411"
+                    />
+                    <path
+                      d="M330.3552 267.392a102.4 102.4 0 0 0-92.8512 111.1424l28.1984 314.4576a102.4 102.4 0 0 0 111.1296 92.8512l42.2656-3.8016a102.4 102.4 0 0 1-110.1952-92.928L280.704 374.656a102.4 102.4 0 0 1 92.8512-111.1296l384.896-34.5088a116.5184 116.5184 0 0 0-0.9344 0.0768L330.368 267.392z"
+                      fill="#007CFF"
+                      fill-opacity=".46"
+                      p-id="25412"
+                    />
+                    <path
+                      d="M634.4576 236.1216l86.3616 180.928a32.5376 32.5376 0 0 1-5.6448 36.3008L553.9456 624.9216l110.4384 138.3552 116.1984 13.0304a86.7584 86.7584 0 0 0 95.872-76.544l38.6944-344.8448a86.7584 86.7584 0 0 0-76.544-95.8848l-204.16-22.912z"
+                      fill="#007CFF"
+                      opacity=".08"
+                      p-id="25413"
+                    />
+                    <path
+                      d="M465.8432 255.232L597.632 429.8752l-126.8224 205.3888a32.5376 32.5376 0 0 0 6.8224 42.048l107.5456 89.856-180.736 16.2048a86.7584 86.7584 0 0 1-94.144-78.656l-30.976-345.6384a86.7584 86.7584 0 0 1 78.6432-94.144l107.8784-9.6768z"
+                      fill="#007CFF"
+                      opacity=".08"
+                      p-id="25414"
+                    />
+                    <path
+                      d="M566.464 480.32l-144.4736 12.9536a32.5376 32.5376 0 1 0 5.8112 64.8064l95.9616-8.6144 42.7008-69.1456zM488.192 607.104l-55.552 4.9792a32.5376 32.5376 0 0 0 5.8112 64.8064l35.4816-3.1872a32.5376 32.5376 0 0 1-3.136-38.4512l17.3824-28.16zM538.944 352.128l-128.576 11.52a32.5376 32.5376 0 0 0 5.8112 64.8192l168.9472-15.1552-46.1824-61.184zM573.5936 648.7168l-19.5456-24.4864 36.7104-39.0656 165.5552 18.5728a32.5376 32.5376 0 0 1-7.2576 64.6656l-175.4624-19.6864zM637.1328 535.808l55.6544-59.2256 76.8256 8.6144a32.5376 32.5376 0 0 1-7.2576 64.6656l-125.2224-14.0544zM719.872 414.144l56.9856 6.4a32.5376 32.5376 0 0 0 7.2576-64.6656l-97.28-10.9056 33.024 69.1712z"
+                      fill="#007CFF"
+                      fill-opacity=".26"
+                      p-id="25415"
+                    />
+                  </svg>
                   <!-- <svg t="1772005522791" class="icon h-full w-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18282" width="200" height="200"><path d="M208 960h16v-4.8h73.6v4.8h16v-60.8H208V960z m17.6-46.4h73.6v8h-73.6v-8z m0 19.2h73.6v8h-73.6v-8zM896 64H128c-17.6 0-32 14.4-32 32v608c0 17.6 14.4 32 32 32h768c17.6 0 32-14.4 32-32V96c0-17.6-14.4-32-32-32z m-32 368L704 272 424 552l-137.6-92.8-126.4 102.4V128h704v304zM486.4 939.2c-1.6 1.6-3.2 3.2-6.4 3.2h-16c-4.8 0-6.4-3.2-6.4-8v-48h46.4v-16h-67.2c1.6-8 1.6-14.4 1.6-22.4v-9.6h54.4v-16h-112v16h41.6v9.6c0 8-1.6 16-1.6 22.4H368v16h48c-1.6 8-4.8 16-8 22.4-8 14.4-20.8 27.2-43.2 36.8l9.6 14.4c20.8-9.6 36.8-22.4 46.4-38.4 4.8-9.6 9.6-20.8 11.2-33.6h8v51.2c0 12.8 6.4 19.2 17.6 19.2h24c6.4 0 11.2-1.6 14.4-4.8 3.2-3.2 6.4-12.8 8-28.8l-14.4-4.8c-1.6 9.6-1.6 16-3.2 19.2zM284.8 840c16-1.6 30.4-4.8 41.6-9.6l-11.2-11.2c-9.6 4.8-25.6 8-44.8 9.6v25.6c0 12.8-3.2 24-9.6 33.6l11.2 11.2c6.4-9.6 11.2-20.8 12.8-32h14.4V896h16v-30.4h14.4v-14.4h-43.2v-11.2zM225.6 896h14.4v-9.6c6.4 0 14.4-1.6 20.8-1.6v-12.8c-6.4 0-12.8 1.6-20.8 1.6v-8h22.4v-12.8H240v-8h-14.4v8h-11.2c3.2-4.8 4.8-8 8-12.8h41.6v-14.4h-35.2c0-1.6 1.6-4.8 3.2-6.4l-16-3.2c-1.6 3.2-1.6 6.4-3.2 9.6H192v14.4h12.8l-9.6 14.4 3.2 12.8H224v8c-9.6 0-20.8 1.6-32 1.6l1.6 14.4c9.6 0 19.2-1.6 28.8-1.6v6.4zM800 817.6h-16v38.4h-40v-33.6h-16V880c0 32-8 56-22.4 70.4l12.8 11.2c12.8-12.8 20.8-28.8 24-51.2h56V960h16v-67.2h-70.4v-22.4H832v-16h-32v-36.8z" fill="#CCCCCC" p-id="18283"></path><path d="M368 400c44.8 0 80-35.2 80-80s-35.2-80-80-80-80 35.2-80 80 35.2 80 80 80zM572.8 923.2c20.8 3.2 40 9.6 59.2 16l4.8-12.8c-19.2-6.4-38.4-11.2-57.6-14.4l-6.4 11.2z" fill="#CCCCCC" p-id="18284"></path><path d="M540.8 960h16v-4.8h97.6v4.8h16v-136h-129.6V960z m14.4-123.2h97.6v104h-97.6v-104z" fill="#CCCCCC" p-id="18285"></path><path d="M638.4 857.6v-11.2h-38.4c1.6-1.6 1.6-4.8 3.2-6.4l-14.4-1.6c-4.8 11.2-14.4 19.2-27.2 27.2l8 11.2 14.4-9.6c3.2 3.2 8 6.4 11.2 9.6-9.6 3.2-22.4 6.4-36.8 9.6l6.4 12.8c17.6-3.2 30.4-8 43.2-14.4 9.6 4.8 22.4 9.6 36.8 14.4l8-11.2c-11.2-3.2-22.4-6.4-32-9.6 8-8 14.4-14.4 17.6-20.8z m-30.4 12.8c-6.4-3.2-11.2-8-16-11.2h30.4c-3.2 3.2-8 8-14.4 11.2z" fill="#CCCCCC" p-id="18286"></path><path d="M593.6 891.2l-6.4 11.2c11.2 3.2 22.4 8 33.6 12.8l8-11.2c-11.2-4.8-22.4-9.6-35.2-12.8z" fill="#CCCCCC" p-id="18287"></path></svg> -->
                   <!-- <svg t="1770271484324" class="icon h-full w-full" viewBox="0 0 1242 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14225" width="200" height="200"><path d="M825.460587 895.665396l-600.653785-2.789948L353.653397 731.186467l90.098317 58.492908a24.60954 24.60954 0 0 0 33.005384-5.589895l92.368275-116.464826z m36.495319-473.019168l-1.919964 436.882843-277.104826-246.727393a26.187511 26.187511 0 0 0-18.686652-6.289883 24.344545 24.344545 0 0 0-17.287677 9.386825l-94.638233 119.459769-90.098317-58.491907a24.60954 24.60954 0 0 0-33.005384 5.588895L187.791494 859.870065l2.09896-440.534775a25.112531 25.112531 0 0 1 25.146531-24.966534l622.480377 2.789948a25.436525 25.436525 0 0 1 24.438544 25.487524zM792.771197 544.538952a49.764071 49.764071 0 1 0-50.113064 49.593074 50.233062 50.233062 0 0 0 50.113064-49.593074z" fill="#4A77A2" fill-opacity=".35" p-id="14226" /><path d="M852.237087 151.796286A386.265788 386.265788 0 0 0 464.681324 502.300741a267.437006 267.437006 0 0 0-191.416426-81.821472A268.86198 268.86198 0 0 0 2.097961 687.412285L0.01 952.78433l459.621418 3.310938 78.870527 0.51999 693.969042 5.230903 3.139942-421.165137a386.290787 386.290787 0 0 0-383.372842-388.884738z" fill="#4A77A2" fill-opacity=".1" p-id="14227" /><path d="M210.582068 127.136746a39.934254 39.934254 0 0 0-23.57556 7.50886 40.207249 40.207249 0 0 0-38.586279-47.66511 39.251267 39.251267 0 0 0-39.814257 39.251267v2.439954a39.515262 39.515262 0 1 0-15.359713 76.480572l116.815819 0.699987a39.379265 39.379265 0 1 0 0.51999-78.750529zM1203.654526 40.220369a41.179231 41.179231 0 0 0-23.57656 7.50986 39.61826 39.61826 0 1 0-78.399536-8.379844v2.269958a39.515262 39.515262 0 1 0-15.359714 76.479572l116.814819 0.699987a39.567261 39.567261 0 0 0 39.814257-39.251267 39.012272 39.012272 0 0 0-39.293266-39.328266z" fill="#4A77A2" fill-opacity=".3" p-id="14228" /><path d="M943.12939 833.85355a9.709819 9.709819 0 0 0-4.539915 18.337658l-1.399974 170.417818h9.258827l1.399974-171.117805a9.12183 9.12183 0 0 0 4.709912-8.208847 9.385825 9.385825 0 0 0-9.429824-9.428824zM1140.604703 844.853345a9.923815 9.923815 0 0 0-9.599821-9.599821 9.61682 9.61682 0 0 0-9.777817 9.599821 9.496823 9.496823 0 0 0 5.059905 8.378844l-1.399974 170.767811h9.258827l1.399974-170.767811a10.239809 10.239809 0 0 0 5.059906-8.379844z" fill="#4A77A2" fill-opacity=".1" p-id="14229" /><path d="M911.369983 909.284142l0.314994-43.304191 241.830485 1.799966-0.315994 43.305191z" fill="#4A77A2" fill-opacity=".1" p-id="14230" /><path d="M939.118465 866.158947l-0.51999 0.699987-25.317528 42.434208h-1.927964l0.349994-43.125195zM1000.231324 866.679937l-26.017514 43.125195-32.655391-0.170997 10.129811-17.287677 15.187717-26.016514zM1061.172186 867.208928l-25.837518 42.954198-32.825387-0.349994 25.496524-42.954198zM1122.285045 867.728918l-25.666521 42.954198-33.005384-0.349994 25.666521-42.954198zM1153.353465 867.728918l-0.170997 43.518187-28.636465-0.349993 25.66652-43.125195zM910.882992 976.121894l0.315994-43.304191 241.829485 1.799966-0.314994 43.305191z" fill="#4A77A2" fill-opacity=".1" p-id="14231" /><path d="M938.589475 932.860702l-0.519991 0.852984-25.317527 42.434207h-1.927964l0.349994-43.304191zM999.710334 933.381692l-26.016515 43.346191-32.65539-0.349994 10.128811-17.287677 15.187716-25.845517zM1060.643196 933.901682l-25.845518 42.954198-32.826387-0.169997 25.496524-42.955198zM1121.756055 934.421673l-25.496524 42.955198-33.175381-0.179997 25.666521-42.954198zM1152.832474 934.780666l-0.179996 43.125195-28.635466-0.170997 25.666521-42.954198zM1153.182468 911.204106v-11.698781c0-7.329863 0.179997-18.157661 0.179997-31.955404l0.177996 0.349994-241.829484-1.399974 0.349993-0.349994c0 14.668726-0.349993 29.336452-0.349993 43.305192l-0.349994-0.170997 172.363782 1.569971 51.197044 0.169996-51.197044-0.169996-172.363782-0.699987h-0.707987l0.169997-44.003179h0.349994l241.830484 2.098961h0.169997v0.169997c0 13.968739-0.169997 24.61754-0.169997 31.956403v10.827798z" fill="#4A77A2" fill-opacity=".1" p-id="14232" /><path d="M1152.636478 977.913861v-11.698782c0-7.329863 0.169997-18.157661 0.169997-31.955403l0.170997 0.179996-241.659488-1.04998 0.349993-0.169997c0 14.666726-0.349993 29.335452-0.349993 43.303191l-0.349993-0.169996 172.364781 1.56997 51.197044 0.169997-51.197044-0.169997-172.363781-0.699987h-0.665988l0.169997-43.825181h0.349993l241.830485 2.099961h0.169997v0.169996c0 13.797742-0.169997 24.61754-0.169997 31.955404v10.299807z" fill="#4A77A2" fill-opacity=".1" p-id="14233" /></svg> -->
                   <!-- <svg t="1770270288649" class="icon w-full h-full" viewBox="0 0 1352 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12925" width="200" height="200"><path d="M82.257107 927.835384a619.244973 619.244973 0 1 1 1074.046002 0M82.257107 927.835384a619.244973 619.244973 0 1 1 1074.046002 0" fill="#ECF6FF" p-id="12926"></path><path d="M96.878169 918.116678m9.632699 0l57.28016 0q9.6327 0 9.6327 9.6327l0 0.086006q0 9.6327-9.6327 9.6327l-57.28016 0q-9.6327 0-9.632699-9.6327l0-0.086006q0-9.6327 9.632699-9.6327Z" fill="#0188FE" p-id="12927"></path><path d="M182.712402 918.116678m9.6327 0l562.738869 0q9.6327 0 9.632699 9.6327l0 0.086006q0 9.6327-9.632699 9.6327l-562.738869 0q-9.6327 0-9.6327-9.6327l0-0.086006q0-9.6327 9.6327-9.6327Z" fill="#0188FE" p-id="12928"></path><path d="M801.957375 918.116678m9.6327 0l320.459273 0q9.6327 0 9.6327 9.6327l0 0.086006q0 9.6327-9.6327 9.6327l-320.459273 0q-9.6327 0-9.6327-9.6327l0-0.086006q0-9.6327 9.6327-9.6327Z" fill="#0188FE" p-id="12929"></path><path d="M335.545502 297.409599m58.570254 0l461.681529 0q58.570254 0 58.570254 58.570254l0 477.764698q0 58.570254-58.570254 58.570253l-461.681529 0q-58.570254 0-58.570254-58.570253l0-477.764698q0-58.570254 58.570254-58.570254Z" fill="#BDE0FE" p-id="12930"></path><path d="M817.094474 844.581338H415.359298a59.602329 59.602329 0 0 1-59.516322-59.602329 8.600625 8.600625 0 0 1 2.236162-5.762418l156.445362-172.012493a8.600625 8.600625 0 0 1 7.052512-2.7522 8.600625 8.600625 0 0 1 6.536475 3.870281l76.373547 118.00057L791.2926 525.068133a8.600625 8.600625 0 0 1 8.600625-2.494181 8.600625 8.600625 0 0 1 6.278456 6.020437L876.52479 782.65684a7.224525 7.224525 0 0 1 0 2.322169A59.688335 59.688335 0 0 1 817.094474 844.581338z m-443.964243-56.420098a42.487086 42.487086 0 0 0 42.229067 39.218848H817.094474a42.487086 42.487086 0 0 0 43.003123-41.282998l-66.396822-238.065289-184.139373 198.330404a8.600625 8.600625 0 0 1-7.052512 2.752199 8.600625 8.600625 0 0 1-6.536475-3.870281l-76.28754-117.914563z" fill="#0188FE" p-id="12931"></path><path d="M805.655644 852.837937H344.06012a69.321034 69.321034 0 0 1-68.804997-69.321034V305.752205a69.407041 69.407041 0 0 1 68.804997-69.321034h461.595524a69.407041 69.407041 0 0 1 68.804997 69.321034V783.516903a69.321034 69.321034 0 0 1-68.804997 69.321034zM344.06012 258.018739a47.905479 47.905479 0 0 0-47.733466 47.819473V783.516903A47.819473 47.819473 0 0 0 344.06012 831.336376h461.595524a47.819473 47.819473 0 0 0 47.733466-47.819473V305.752205A47.905479 47.905479 0 0 0 805.655644 258.018739z" fill="#0188FE" p-id="12932"></path><path d="M498.097307 576.24185a94.606871 94.606871 0 1 1 94.606871-94.606871 94.606871 94.606871 0 0 1-94.606871 94.606871z m0-172.012493a77.405622 77.405622 0 1 0 77.405622 77.405622 77.405622 77.405622 0 0 0-77.405622-77.405622z" fill="#0188FE" p-id="12933"></path><path d="M374.850356 637.478297a8.600625 8.600625 0 0 1-8.600624-8.600625v-38.444792a8.600625 8.600625 0 0 1 8.600624-8.600624 8.600625 8.600625 0 0 1 8.600625 8.600624v38.444792a8.600625 8.600625 0 0 1-8.600625 8.600625zM373.216238 574.005687a8.600625 8.600625 0 0 1-8.600625-8.600624l-1.290094-101.831396a8.600625 8.600625 0 0 1 8.600625-8.600625 8.600625 8.600625 0 0 1 8.600625 8.600625l1.290093 101.917402a8.600625 8.600625 0 0 1-8.600624 8.600624z" fill="#FFFFFF" p-id="12934"></path><path d="M162.672947 831.25037m12.900937 0l49.71161 0q12.900937 0 12.900937 12.900936l0 0q0 12.900937-12.900937 12.900937l-49.71161 0q-12.900937 0-12.900937-12.900937l0 0q0-12.900937 12.900937-12.900936Z" fill="#0188FE" p-id="12935"></path><path d="M859.323541 831.25037m12.900937 0l107.593814 0q12.900937 0 12.900937 12.900936l0 0q0 12.900937-12.900937 12.900937l-107.593814 0q-12.900937 0-12.900937-12.900937l0 0q0-12.900937 12.900937-12.900936Z" fill="#0188FE" p-id="12936"></path></svg> -->
@@ -78,29 +145,36 @@ function isControlType(item: Columns): string {
             <view class="flex items-center gap-1 text-base text-gray-800 font-medium dark:text-white">
               <slot name="select" />
               <view class="w-25 overflow-hidden text-ellipsis whitespace-nowrap">
-                {{ formatItemData(data.fieldMap[props.primaryColumn.sourceId],
-                                  props.primaryColumn.extControlType || props.primaryColumn.controlType) }}
+                {{
+                  formatItemData(
+                    data.fieldMap[props.primaryColumn.sourceId],
+                    props.primaryColumn.extControlType || props.primaryColumn.controlType
+                  )
+                }}
               </view>
             </view>
             <view
-              v-if="props.labelColumn" class="rounded px-1 py-1 text-sm text-white font-700" :style="{
+              v-if="props.labelColumn"
+              class="rounded px-1 py-1 text-sm text-white font-700"
+              :style="{
                 color: labelColumns?.find(
-                  item => props.labelColumn && item.value === data.fieldMap[props.labelColumn.sourceId],
+                  item => props.labelColumn && item.value === data.fieldMap[props.labelColumn.sourceId]
                 )?.css?.color,
               }"
             >
-              {{ formatItemData(data.fieldMap[props.labelColumn.sourceId],
-                                props.labelColumn.extControlType
-                                  || props.labelColumn.controlType) }}
+              {{
+                formatItemData(
+                  data.fieldMap[props.labelColumn.sourceId],
+                  props.labelColumn.extControlType || props.labelColumn.controlType
+                )
+              }}
             </view>
           </view>
 
           <!-- 订单内容 -->
           <view v-if="cardShowCols" class="text-3 color-gray-500 dark:text-gray-100">
             <view v-for="item in cardShowCols" :key="item.sourceId" class="m-y-1 flex">
-              <view class="flex items-center whitespace-nowrap">
-                {{ item.title }}：
-              </view>
+              <view class="flex items-center whitespace-nowrap">{{ item.title }}：</view>
               <view>{{ formatItemData(data.fieldMap[item.sourceId], isControlType(item)) }}</view>
             </view>
           </view>
@@ -118,10 +192,10 @@ function isControlType(item: Columns): string {
 
 <style scoped>
 :deep(.wd-collapse-item__body) {
-    background-color: #f9f9f9 !important;
+  background-color: #f9f9f9 !important;
 }
 
 :deep(.wot-theme-dark .wd-collapse-item__body) {
-    background-color: #222222 !important;
+  background-color: #1b1b1e !important;
 }
 </style>

package/components/search/search.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
+import { defineEmits, defineOptions, defineProps, ref } from 'vue'
 import type { Enums, Fields, Split2TabCriterias } from '../../type'
 import formControl from '../form-control/form-control.vue'
 
@@ -82,25 +82,25 @@ function handleSubmit() {
     <wd-search v-model="search" cancel-txt="搜索" :placeholder="`请输入${primaryCriteria?.title || ''}搜索`" @clear="handleSubmit" @cancel="handleSubmit">
       <template v-if="filterCriterias.length" #prefix>
         <view class="search-type">
-          <wd-icon name="filter" size="17px" class=".dark:text-white .light:text-gray-500" @click="show = true" />
+          <wd-icon name="filter" size="17px" class="text-gray-500" @click="show = true" />
         </view>
       </template>
     </wd-search>
-    <wd-popup v-model="show" position="bottom" custom-class="h-80vh" closable @close="handleClose">
-      <view class="relative box-border h-full p-1 .dark:bg-gray-900">
-        <view class="h-34px flex items-center justify-center">
-          筛选
-        </view>
-        <formControl ref="formControlRef" :field-group="{ fields: filterCriterias, readOnly: false, displayConfig: [], id: '', buttons: [], title: '', type: '', pointSourceId: '', mstrucId: '', relationNames: [] }" :entity="entity" :enum-column="enumColumn" />
-        <view class="h-12" />
-        <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 .dark:bg-gray-900 .light:bg-white">
-          <wd-button block custom-class="flex-1" @click="handleSubmit">
-            确定
-          </wd-button>
-        </view>
-      </view>
-    </wd-popup>
   </view>
+  <wd-popup v-model="show" position="bottom" custom-class="h-80vh" closable @close="handleClose">
+    <view class="relative box-border h-full p-1 bg-white dark:bg-[var(--wot-dark-background)]">
+      <view class="h-34px flex items-center justify-center">
+        筛选
+      </view>
+      <formControl ref="formControlRef" :field-group="{ fields: filterCriterias, readOnly: false, displayConfig: [], id: '', buttons: [], title: '', type: '', pointSourceId: '', mstrucId: '', relationNames: [] }" :entity="entity" :enum-column="enumColumn" />
+      <view class="h-12" />
+      <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]">
+        <wd-button block custom-class="flex-1" @click="handleSubmit">
+          确定
+        </wd-button>
+      </view>
+    </view>
+  </wd-popup>
 </template>
 
 <style scoped>
@@ -117,11 +117,12 @@ function handleSubmit() {
   right: 0;
   top: 5px;
   bottom: 5px;
-  /* background: rgba(0, 0, 0, 0.25); */
 }
-:deep(.icon-arrow) {
-    display: inline-block;
-    font-size: 20px;
-    vertical-align: middle;
-  }
+::deep(.icon-arrow) {
+  display: inline-block;
+  font-size: 20px;
+  vertical-align: middle;
+}
+
+
 </style>

package/components/tree-select/components/index.vue

@@ -383,7 +383,7 @@ function handleClose() {
     </view>
     <view class="h-100px" />
     <!-- 底部按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 .dark:bg-gray-900 .light:bg-white">
+    <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]">
       <wd-button
         custom-class="flex-1"
         type="primary"

package/components/wui-edit-page/wui-edit-page-copy.vue

@@ -745,7 +745,7 @@ function handleFileChange(e: any, group: Groups) {
         </wd-collapse-item>
       </wd-collapse>
       <view class="h-12" />
-      <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 .dark:bg-gray-900 .light:bg-white">
+      <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]">
         <wd-button class="flex-1" :loading="subLoading" @click="save">
           保存
         </wd-button>

package/components/wui-edit-page/wui-edit-page.vue

@@ -690,7 +690,7 @@ function handleFileChange(e: any, group: Groups) {
 </script>
 
 <template>
-  <view class="relative h-[calc(100vh-44px)] w-100vw overflow-auto">
+  <view class="relative h-[calc(100vh-44px)] w-100vw overflow-auto bg-[#f8f9fb] dark:bg-[var(--wot-dark-background)]">
     <view v-if="loading" class="flex justify-center p-3">
       <wd-loading />
     </view>
@@ -781,7 +781,7 @@ function handleFileChange(e: any, group: Groups) {
         </wd-collapse-item>
       </wd-collapse>
       <view class="h-12" />
-      <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 .dark:bg-gray-900 .light:bg-white">
+      <view class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]">
         <wd-button class="flex-1" :loading="subLoading" @click="save">
           保存
         </wd-button>

package/components/wui-login/wui-login.vue

@@ -24,11 +24,11 @@ const {
 </script>
 
 <template>
-  <view class="h-[calc(100vh-44px)] flex flex-col .dark:bg-[--wot-dark-background9]" :style="{ backgroundColor: currentThemeColor.primary }">
+  <view class="h-[calc(100vh-44px)] flex flex-col" :style="{ backgroundColor: currentThemeColor.primary }">
     <!-- <view class="flex flex-col items-center justify-center pa-3 pb-5">
       <wd-img :width="100" :height="100" round :src="loginlog" />
       <view class="text-center">
-        <text class="text-2xl .dark:text-white">
+        <text class="text-2xl dark:text-white">
           欢迎登录
         </text>
       </view>
@@ -36,7 +36,7 @@ const {
     <view class="flex items-center justify-center">
       <image class="h-250px w-250px" src="./footerImg.png" />
     </view>
-    <view class="flex-1 border-rd-t-2 p-y-2 .dark:bg-[--wot-dark-background2] .light:bg-white">
+    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
       <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
     </view>
   </view>

package/components/wui-login1/wui-login.vue

@@ -23,18 +23,18 @@ console.log(currentThemeColor)
 </script>
 
 <template>
-  <view class="h-[calc(100vh-44px)] flex flex-col .dark:bg-[--wot-dark-background9]">
+  <view class="h-[calc(100vh-44px)] flex flex-col">
     <view class="position-relative h-390px w-full">
       <image class="h-full w-full" :src="props.loginBackgroundimg" />
-      <view class="position-absolute bottom-40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md .dark:bg-[--wot-dark-background2]">
+      <view class="position-absolute bottom-40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md dark:bg-[var(--wot-dark-background2)]">
         <image class="mr-1.5 h-66px w-66px border-rd-100" :src="props.loginlog" />
-        <text class="mt-3 font-size-22px c-#171819 font-bold .dark:color-white">
+        <text class="mt-3 font-size-22px c-#171819 font-bold dark:text-white">
           你好，欢迎登录阀门检测
         </text>
       </view>
     </view>
 
-    <view class="flex-1 border-rd-t-2 p-y-2 .dark:bg-[--wot-dark-background2] .light:bg-white">
+    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
       <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
     </view>
   </view>

package/components/wui-menus1/components/navbar.vue

@@ -26,7 +26,7 @@ function messageAction() {
 </script>
 
 <template>
-  <view class="bg-#fff pa-3 backdrop-filter .dark:bg-#000">
+  <view class="bg-white pa-3 backdrop-filter dark:bg-black">
     <view class="mx-auto max-w-7xl p-x-1">
       <view class="flex items-center justify-center">
         <view

package/components/wui-menus1/components/quick-panel.vue

@@ -24,20 +24,20 @@ const cstatistics = computed(() => {
 <template>
   <view v-if="cstatistics.length > 0" class="pb-2">
     <view>
-      <view class="mb-2 flex items-center gap-2 font-semibold .dark:text-white .light:color-#1f2937">
+      <view class="mb-2 flex items-center gap-2 font-semibold dark:text-white text-gray-800">
         {{ languageStore.t('数据统计') }}
       </view>
       <view class="grid grid-cols-2 gap-3">
         <view v-for="(item) in cstatistics" :key="item.id" :style="{ '--wbg-color': item.color }" class="relative relative overflow-hidden rounded-2xl bg-white p-5 shadow-[0_4px_16px_rgba(99,102,241,0.1)] transition-250 before:absolute before:right-0 before:top-0 before:h-20 before:w-20 before:translate-x-30% before:rounded-full before:bg-[var(--wbg-color)] dark:bg-black before:opacity-10 before:content-[''] before:-translate-y-30%">
           <view class="mb-3 flex items-center justify-between">
             <view class="h-8 w-8 flex items-center justify-center rounded-2" :style="{ background: item.color }">
-              <svg class="h-4 w-4 .dark:text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <svg class="h-4 w-4 text-white dark:text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
               </svg>
             </view>
           </view>
           <view class="flex flex-col items-center justify-center">
-            <view class="text-size-2xl fw-800 .dark:text-white .light:color-dark">
+            <view class="text-size-2xl fw-800 dark:text-white text-gray-900">
               {{ item.count }}
             </view>
             <view class="text-size-3 color-gray">

package/components/wui-menus1/components/section-menus.vue

@@ -28,13 +28,13 @@ const sectionmenuColor = computed(() => {
 </script>
 
 <template>
-  <view v-if="sectionmenu.length > 0" class="recent-section b-rd-lg p-5 shadow-[0_4px_16px_rgba(99,102,241,0.1)] dark:bg-black light:bg-white">
+  <view v-if="sectionmenu.length > 0" class="recent-section b-rd-lg p-5 shadow-[0_4px_16px_rgba(99,102,241,0.1)] dark:bg-[#1a1a1e] bg-white">
     <view class="section-header">
       <view class="section-title-wrapper">
         <!-- <view class="section-icon">
           <text class="i-carbon:recently-viewed text-sm" :style="{ color: currentThemeColor.primary }" />
         </view> -->
-        <text class="section-title .dark:text-white .light:text-black">
+        <text class="section-title dark:text-white text-gray-800">
           {{ languageStore.t('快速访问') }}
         </text>
       </view>
@@ -48,9 +48,9 @@ const sectionmenuColor = computed(() => {
     <view class="recent-items">
       <view v-for="(i) in sectionmenuColor" :key="i.id" class="recent-item" @click="gotoPage(i)">
         <view class="recent-icon" :style="{ background: i.color }">
-          <text class="i-carbon:grid text-lg .dark:text-white .light:text-#FFF" />
+          <text class="i-carbon:grid text-lg text-white dark:text-white" />
         </view>
-        <text class="recent-label .dark:text-white .light:text-#4b5563">
+        <text class="recent-label dark:text-white text-gray-500">
           {{ languageStore.t(i.title) }}
         </text>
       </view>

package/components/wui-menus1/wui-menus-top.vue

@@ -653,7 +653,7 @@ const quickPanelcomputed = computed(() => {
 }
 
 // 暗黑模式适配
-:global(.dark) {
+:global(.wot-theme-dark) {
   .header-background {
     box-shadow:
       0 12rpx 40rpx rgba(0, 0, 0, 0.3),

package/components/wui-menus1/wui-menus-top1.vue

@@ -347,7 +347,7 @@
 }
 
 // 暗黑模式适配
-:global(.dark) {
+:global(.wot-theme-dark) {
   .banner-wrapper {
     background: linear-gradient(145deg, #1f2937 0%, #111827 100%);
     border-color: rgba(255, 255, 255, 0.06);

package/components/wui-menus1/wui-menus.vue

@@ -88,7 +88,7 @@ onMounted(() => {
             <!-- <view class="section-icon primary">
               <text class="i-carbon:apps text-sm" />
             </view> -->
-            <text class="section-title .dark:text-white .light:color-#1f2937">
+            <text class="section-title dark:text-white text-gray-800">
               {{ languageStore.t('全部功能') }}
             </text>
           </view>
@@ -127,7 +127,7 @@ onMounted(() => {
                   </template>
                   <template #text>
                     <view class="menu-text-wrapper">
-                      <view class="menu-title text-ellipsis .dark:text-white .light:color-#1f2937">
+                      <view class="menu-title text-ellipsis dark:text-white text-gray-800">
                         {{ languageStore.t(subItem.title) }}
                       </view>
                       <!-- <view class="menu-badge" v-if="subIndex === 0">
@@ -465,7 +465,7 @@ onMounted(() => {
 }
 
 // 暗黑模式适配
-:global(.dark) {
+:global(.wot-theme-dark) {
   .section-title {
     color: #f9fafb;
   }