@cloudbase/weda-ui 3.13.1 → 3.13.2

package/dist/configs/components/wd-upload-image.d.ts

@@ -104,11 +104,16 @@ declare const config: {
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
-    classes: {
+    classes: ({
         name: string;
         selector: string;
         description: string;
-    }[];
+    } | {
+        name: string;
+        selector: string;
+        description: string;
+        code: string;
+    })[];
     methods: {
         name: string;
         label: string;

package/dist/configs/components/wd-upload-image.js

@@ -122,24 +122,58 @@ const classes = [
     ...getFormItemClasses('upload-image', { isInput: false }),
     ...[
         {
-            name: '图片上传前的容器样式',
+            name: 'PC端图片上传点击区域容器样式',
+            selector: `.weda-uploader-btn__box`,
+            description: 'PC端图片上传点击区域容器样式',
+            code: `
+      :scope .weda-uploader-btn__box {
+        background: #fafafa;
+        border:1px dashed #d9d9d9 !important;
+        border-radius: 10px;
+      }
+      `,
+        },
+        {
+            name: 'H5、小程序端图片上传点击区域容器样式',
             selector: `.weui-uploader__input-box`,
-            description: '图片上传前的背景框样式',
+            description: 'H5、小程序端图片上传点击区域容器样式',
+            code: `
+      :scope .weui-uploader__input-box {
+        background: #fff;
+        border:1px dashed #d9d9d9;
+      }
+      `,
         },
         {
-            name: '图片上传的 + 号竖线样式',
+            name: 'H5、小程序端图片上传的 + 号竖线样式',
             selector: `.weui-uploader__input-box::before `,
             description: '图片上传的 + 号竖线样式',
+            code: `
+      :scope .weui-uploader__input-box::before {
+        background: #fff;
+        content: '+';
+        width: 10px;
+        top:40%;
+      }
+      `,
         },
         {
-            name: '图片上传的 + 号横线样式',
+            name: 'H5、小程序端图片上传的 + 号横线样式',
             selector: `.weui-uploader__input-box::after `,
             description: '图片上传的 + 号横线样式',
+            code: `
+      :scope .weui-uploader__input-box::after {
+        background: #fff;
+        width: 50px;
+        content: '上传图片';
+        font-size: 12px;
+      }
+      `,
         },
         {
-            name: '图片上传后的容器样式',
+            name: 'H5、小程序端图片展示容器样式',
             selector: `weui-uploader__file`,
-            description: '图片上传后的容器样式',
+            description: 'H5、小程序端图片展示容器样式',
         },
     ],
 ];

package/dist/configs/index.d.ts

@@ -15718,11 +15718,16 @@ export declare const components: {
             visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
-        classes: {
+        classes: ({
             name: string;
             selector: string;
             description: string;
-        }[];
+        } | {
+            name: string;
+            selector: string;
+            description: string;
+            code: string;
+        })[];
         methods: {
             name: string;
             label: string;
@@ -35253,11 +35258,16 @@ declare const _default: {
                 visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
-            classes: {
+            classes: ({
                 name: string;
                 selector: string;
                 description: string;
-            }[];
+            } | {
+                name: string;
+                selector: string;
+                description: string;
+                code: string;
+            })[];
             methods: {
                 name: string;
                 label: string;

package/dist/configs/type-utils/classes.js

@@ -134,7 +134,7 @@ export const getClasses = (classRoot, options = {}) => {
         input_edit: {
             name: `编辑态-${kind}样式`,
             selector: `${ROOT_SELECTOR} .wd-form-input-wrap`,
-            description: '组件边框、边距样式',
+            description: '组件边框、边距样式、背景色、字体大小、字体颜色等',
             code: `
             :scope .wd-form-input-wrap {
               font-size: 20px;