diff --git a/packages/varlet-cli/site/components/icon/icon.less b/packages/varlet-cli/site/components/icon/icon.less index d2ab75a833f..4ded5b566d6 100644 --- a/packages/varlet-cli/site/components/icon/icon.less +++ b/packages/varlet-cli/site/components/icon/icon.less @@ -7,6 +7,7 @@ } .var-site-icon { + position: relative; display: inline-flex; justify-content: center; align-items: center; @@ -14,6 +15,16 @@ color: inherit; vertical-align: bottom; + &::before { + position: relative; + display: inline-block; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + font-weight: normal; + font-style: normal; + } + &--shrinking { transform: scale(0); } diff --git a/packages/varlet-icons/lib/index.js b/packages/varlet-icons/lib/index.js index 5ec1f886683..0b1ba6feaef 100755 --- a/packages/varlet-icons/lib/index.js +++ b/packages/varlet-icons/lib/index.js @@ -18,7 +18,7 @@ async function build() { const { base64, publicPath, namespace, fontName, fileName, fontWeight = 'normal', fontStyle = 'normal' } = config - const { ttf, woff, woff2 } = await webfont.default({ + const { ttf } = await webfont.default({ files: `${SVG_DIR}/*.svg`, fontName, formats, @@ -53,31 +53,15 @@ ${iconNames.join(',\n')} font-family: "${fontName}"; src: url("${ base64 - ? `data:application/font-woff2;charset=utf-8;base64,${Buffer.from(woff2).toString('base64')}` - : `${publicPath}${fileName}-webfont.woff2` - }") format("woff2"), - url("${ - base64 - ? `data:application/font-woff;charset=utf-8;base64,${woff.toString('base64')}` - : `${publicPath}${fileName}-webfont.woff` - }") format("woff"), - url("${ - base64 - ? `data:font/truetype;charset=utf-8;base64,${ttf.toString('base64')}` - : `${publicPath}${fileName}-webfont.ttf` - }") format("truetype"); + ? `data:font/truetype;charset=utf-8;base64,${ttf.toString('base64')}` + : `${publicPath}${fileName}-webfont.ttf` + }") format("truetype"); font-weight: ${fontWeight}; font-style: ${fontStyle}; } -.${namespace}--set, -.${namespace}--set::before { - position: relative; - display: inline-block; - font: normal normal normal 14px/1 "${fontName}"; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; +.${namespace}--set { + font-family: "${fontName}"; } ${icons @@ -91,8 +75,6 @@ ${icons await Promise.all([ writeFile(resolve(FONTS_DIR, `${fileName}-webfont.ttf`), ttf), - writeFile(resolve(FONTS_DIR, `${fileName}-webfont.woff`), woff), - writeFile(resolve(FONTS_DIR, `${fileName}-webfont.woff2`), woff2), writeFile(resolve(CSS_DIR, `${fileName}.css`), cssTemplate), writeFile(resolve(CSS_DIR, `${fileName}.less`), cssTemplate), writeFile(resolve(DIST_DIR, 'index.js'), indexTemplate), diff --git a/packages/varlet-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap index ce80f66eda4..eec93d6189f 100644 --- a/packages/varlet-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap @@ -4,7 +4,7 @@ exports[`test checkbox example 1`] = ` "
基本使用
-
+
当前的值: false
@@ -14,7 +14,7 @@ exports[`test checkbox example 1`] = `
设置状态值
-
+
当前的值: 0
@@ -24,7 +24,7 @@ exports[`test checkbox example 1`] = `
修改图标和颜色
-
+
当前的值: false
@@ -34,7 +34,7 @@ exports[`test checkbox example 1`] = `
禁用
-
+
当前的值: false
@@ -44,7 +44,7 @@ exports[`test checkbox example 1`] = `
只读
-
+
当前的值: false
@@ -56,7 +56,7 @@ exports[`test checkbox example 1`] = `
-
+
吃饭
@@ -65,7 +65,7 @@ exports[`test checkbox example 1`] = `
-
+
睡觉
@@ -87,7 +87,7 @@ exports[`test checkbox example 1`] = `
复选框字段校验
-
+
当前的值: false
@@ -99,7 +99,7 @@ exports[`test checkbox example 1`] = `
-
+
吃饭
@@ -108,7 +108,7 @@ exports[`test checkbox example 1`] = `
-
+
睡觉
@@ -129,7 +129,7 @@ exports[`test checkbox group layout direction 1`] = `
-
+
@@ -138,7 +138,7 @@ exports[`test checkbox group layout direction 1`] = `
-
+
@@ -157,7 +157,7 @@ exports[`test checkbox group validation 1`] = `
-
+
@@ -166,7 +166,7 @@ exports[`test checkbox group validation 1`] = `
-
+
@@ -196,7 +196,7 @@ exports[`test checkbox group validation 2`] = `
-
+
@@ -205,7 +205,7 @@ exports[`test checkbox group validation 2`] = `
-
+
@@ -222,7 +222,7 @@ exports[`test checkbox group validation 2`] = ` exports[`test checkbox validation 1`] = ` "
-
+
@@ -245,7 +245,7 @@ exports[`test checkbox validation 1`] = ` exports[`test checkbox validation 2`] = ` "
-
+
diff --git a/packages/varlet-ui/src/counter/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/counter/__tests__/__snapshots__/index.spec.js.snap index 397478eec8e..2e1a1be9951 100644 --- a/packages/varlet-ui/src/counter/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/counter/__tests__/__snapshots__/index.spec.js.snap @@ -3,63 +3,63 @@ exports[`test counter example 1`] = ` "
基本使用
-
+
设置取值范围
-
+
设置步长
-
+
保留小数
-
+
设置尺寸
-
+
禁用
-
+
只读
-
+
异步变更
-
+
字段校验
-
+
@@ -69,7 +69,7 @@ exports[`test counter example 1`] = ` exports[`test counter validation 1`] = ` "
-
+
diff --git a/packages/varlet-ui/src/date-picker/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/date-picker/__tests__/__snapshots__/index.spec.js.snap index 31ecb6df6c1..f5979b1be59 100644 --- a/packages/varlet-ui/src/date-picker/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/date-picker/__tests__/__snapshots__/index.spec.js.snap @@ -16,7 +16,7 @@ exports[`test allowedDates prop 1`] = `
@@ -24,7 +24,7 @@ exports[`test allowedDates prop 1`] = `
@@ -64,7 +64,7 @@ exports[`test datePicker style and type 1`] = `
@@ -72,7 +72,7 @@ exports[`test datePicker style and type 1`] = `
@@ -150,7 +150,7 @@ exports[`test datePicker style and type 2`] = `
@@ -158,7 +158,7 @@ exports[`test datePicker style and type 2`] = `
@@ -347,7 +347,7 @@ exports[`test datePicker style and type test datePicker style and date 1`] = `
@@ -355,7 +355,7 @@ exports[`test datePicker style and type test datePicker style and date 1`] = `
@@ -532,7 +532,7 @@ exports[`test datePicker style and type test datePicker style and month 1`] = `
@@ -540,7 +540,7 @@ exports[`test datePicker style and type test datePicker style and month 1`] = `
diff --git a/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap index ecfe9de5ccb..de7ed5d2968 100644 --- a/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap @@ -4,7 +4,7 @@ exports[`test form with checkbox 1`] = ` "
-
+
@@ -18,7 +18,7 @@ exports[`test form with checkbox 2`] = ` "
-
+
@@ -32,7 +32,7 @@ exports[`test form with checkbox 3`] = ` "
-
+
@@ -57,7 +57,7 @@ exports[`test form with checkbox 4`] = ` "
-
+
@@ -70,7 +70,7 @@ exports[`test form with checkbox 4`] = ` exports[`test form with counter 1`] = ` "
-
+
@@ -81,7 +81,7 @@ exports[`test form with counter 1`] = ` exports[`test form with counter 2`] = ` "
-
+
@@ -92,7 +92,7 @@ exports[`test form with counter 2`] = ` exports[`test form with counter 3`] = ` "
-
+
@@ -114,7 +114,7 @@ exports[`test form with counter 3`] = ` exports[`test form with counter 4`] = ` "
-
+
@@ -225,7 +225,7 @@ exports[`test form with radio 1`] = ` "
-
+
@@ -239,7 +239,7 @@ exports[`test form with radio 2`] = ` "
-
+
@@ -253,7 +253,7 @@ exports[`test form with radio 3`] = ` "
-
+
@@ -278,7 +278,7 @@ exports[`test form with radio 4`] = ` "
-
+
@@ -292,11 +292,11 @@ exports[`test form with rate 1`] = ` "
-
-
-
-
-
+
+
+
+
+
@@ -309,11 +309,11 @@ exports[`test form with rate 2`] = ` "
-
-
-
-
-
+
+
+
+
+
@@ -337,11 +337,11 @@ exports[`test form with rate 3`] = ` "
-
-
-
-
-
+
+
+
+
+
@@ -360,15 +360,15 @@ exports[`test form with select 1`] = `
- 选项1 + 选项1
-
+
-
+
@@ -390,15 +390,15 @@ exports[`test form with select 2`] = `
- 选项1 + 选项1
-
+
-
+
@@ -420,15 +420,15 @@ exports[`test form with select 3`] = `
- 选项1 + 选项1
-
+
-
+
@@ -461,13 +461,13 @@ exports[`test form with select 4`] = `
-
+
-
+
@@ -622,7 +622,7 @@ exports[`test form with uploader 1`] = ` "
-
+
@@ -643,7 +643,7 @@ exports[`test form with uploader 2`] = ` "
-
+
@@ -664,7 +664,7 @@ exports[`test form with uploader 3`] = ` "
-
+
@@ -696,7 +696,7 @@ exports[`test form with uploader 4`] = ` "
-
+
diff --git a/packages/varlet-ui/src/icon/Icon.vue b/packages/varlet-ui/src/icon/Icon.vue index 5914db6c168..ac8360c03b4 100644 --- a/packages/varlet-ui/src/icon/Icon.vue +++ b/packages/varlet-ui/src/icon/Icon.vue @@ -4,6 +4,7 @@ :class=" classes( n(), + namespace, `${namespace}--set`, [isURL(name), n('image'), `${namespace}-${nextName}`], [shrinking, n('--shrinking')] diff --git a/packages/varlet-ui/src/icon/docs/en-US.md b/packages/varlet-ui/src/icon/docs/en-US.md index 0f2c3036455..e7a0ebbcc5f 100644 --- a/packages/varlet-ui/src/icon/docs/en-US.md +++ b/packages/varlet-ui/src/icon/docs/en-US.md @@ -88,25 +88,18 @@ Let's assume that we extend a font named `my-icons`. /* Set the font */ @font-face { font-family: "my-icons"; - src: url("https://xxx.my-icons.eot"); - src: url("https://xxx.my-icons.eot") format("embedded-opentype"), - url("https://xxx.my-icons.woff2") format("woff2"), - url("https://xxx.my-icons.woff") format("woff"), - url("https://xxx.my-icons.ttf") format("truetype"); - font-weight: normal; - font-style: normal; + src: url("https://xxx.my-icons.ttf") format("truetype"); } -/* Font style */ -.my-icon--set, -.my-icon--set::before { - position: relative; - display: inline-block; - font: normal normal normal 14px/1 "my-icons"; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; +/* Set namespace */ +.my-icon { + font-family: "my-icons"; +} +/* OR */ +.my-icon--set { + font-family: "my-icons"; } +/* Set namespace end */ /* Font names map code points */ .my-icon-hot::before { diff --git a/packages/varlet-ui/src/icon/docs/zh-CN.md b/packages/varlet-ui/src/icon/docs/zh-CN.md index a709ff0a94e..af7927c73c4 100644 --- a/packages/varlet-ui/src/icon/docs/zh-CN.md +++ b/packages/varlet-ui/src/icon/docs/zh-CN.md @@ -87,25 +87,18 @@ const toggle = () => { /* 设置字体 */ @font-face { font-family: "my-icons"; - src: url("https://xxx.my-icons.eot"); - src: url("https://xxx.my-icons.eot") format("embedded-opentype"), - url("https://xxx.my-icons.woff2") format("woff2"), - url("https://xxx.my-icons.woff") format("woff"), - url("https://xxx.my-icons.ttf") format("truetype"); - font-weight: normal; - font-style: normal; + src: url("https://xxx.my-icons.ttf") format("truetype"); } -/* 字体样式 */ -.my-icon--set, -.my-icon--set::before { - position: relative; - display: inline-block; - font: normal normal normal 14px/1 "my-icons"; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; +/* 设置命名空间 */ +.my-icon { + font-family: "my-icons"; +} +/* 或 */ +.my-icon--set { + font-family: "my-icons"; } +/* 设置命名空间结束 */ /* 字体名称映射码点 */ .my-icon-hot::before { diff --git a/packages/varlet-ui/src/icon/icon.less b/packages/varlet-ui/src/icon/icon.less index eed188fdc9d..19823ecb77f 100644 --- a/packages/varlet-ui/src/icon/icon.less +++ b/packages/varlet-ui/src/icon/icon.less @@ -5,12 +5,23 @@ } .var-icon { + position: relative; display: inline-flex; justify-content: center; align-items: center; - font-size: var(--icon-size); - color: inherit; vertical-align: bottom; + color: inherit; + font-size: var(--icon-size); + + &::before { + position: relative; + display: inline-block; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + font-weight: normal; + font-style: normal; + } &--shrinking { transform: scale(0); diff --git a/packages/varlet-ui/src/input/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/input/__tests__/__snapshots__/index.spec.js.snap index 092c071600e..c14c7fa73bd 100644 --- a/packages/varlet-ui/src/input/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/input/__tests__/__snapshots__/index.spec.js.snap @@ -7,7 +7,7 @@ exports[`test input clear 1`] = `
-
+
@@ -226,7 +226,7 @@ exports[`test input example 1`] = `
-
+
@@ -238,11 +238,11 @@ exports[`test input example 1`] = `
显示图标
-
+
-
+
diff --git a/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap index d85deab9812..ec205d5a30c 100644 --- a/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap @@ -2,7 +2,7 @@ exports[`Size related props 1`] = ` "
    -
    • +
  • @@ -22,10 +22,10 @@ exports[`Size related props 1`] = `
    / 6
    • -
    • +
  • -
    20条 / 页
    +
    20条 / 页
    @@ -37,7 +37,7 @@ exports[`Size related props 1`] = ` exports[`Size related props 2`] = ` "
      -
      • +
    • @@ -57,7 +57,7 @@ exports[`Size related props 2`] = `
      / 6
      • -
      • +
      • @@ -66,11 +66,11 @@ exports[`Size related props 2`] = ` exports[`basic mode disabled prop 1`] = ` "
        -
        • -
        • +
        • +
      • -
        10条 / 页
        +
        10条 / 页
        @@ -82,7 +82,7 @@ exports[`basic mode disabled prop 1`] = ` exports[`basic mode mount 1`] = ` "
          -
          • +
        • 1
        • ...
        • 2
          • @@ -90,10 +90,10 @@ exports[`basic mode mount 1`] = `
        • 4
        • ...
        • 13
          • -
          • +
        • -
          10条 / 页
          +
          10条 / 页
          @@ -122,7 +122,7 @@ exports[`basic mode mount 1`] = ` exports[`simple mode disabled prop 1`] = ` "
            -
            • +
          • @@ -142,10 +142,10 @@ exports[`simple mode disabled prop 1`] = `
            / 0
            • -
            • +
          • -
            10条 / 页
            +
            10条 / 页
            @@ -157,7 +157,7 @@ exports[`simple mode disabled prop 1`] = ` exports[`simple mode mount 1`] = ` "
              -
              • +
            • @@ -177,10 +177,10 @@ exports[`simple mode mount 1`] = `
              / 13
              • -
              • +
            • -
              10条 / 页
              +
              10条 / 页
              @@ -194,7 +194,7 @@ exports[`test pagination example 1`] = ` "
              基本使用
                -
                • +
              • @@ -214,10 +214,10 @@ exports[`test pagination example 1`] = `
                / 12
                • -
                • +
              • -
                10条 / 页
                +
                10条 / 页
                @@ -229,7 +229,7 @@ exports[`test pagination example 1`] = `
                隐藏 size 切换器
                  -
                  • +
                • @@ -249,7 +249,7 @@ exports[`test pagination example 1`] = `
                  / 12
                  • -
                  • +
                  • @@ -258,7 +258,7 @@ exports[`test pagination example 1`] = `
                  显示总数
                    -
                    • +
                  • @@ -278,10 +278,10 @@ exports[`test pagination example 1`] = `
                    / 12
                    • -
                    • +
                  • -
                    10条 / 页
                    +
                    10条 / 页
                    @@ -293,7 +293,7 @@ exports[`test pagination example 1`] = `
                    禁用
                      -
                      • +
                    • @@ -313,10 +313,10 @@ exports[`test pagination example 1`] = `
                      / 12
                      • -
                      • +
                    • -
                      10条 / 页
                      +
                      10条 / 页
                      diff --git a/packages/varlet-ui/src/radio-group/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/radio-group/__tests__/__snapshots__/index.spec.js.snap index b064a60a706..906890576c5 100644 --- a/packages/varlet-ui/src/radio-group/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/radio-group/__tests__/__snapshots__/index.spec.js.snap @@ -4,7 +4,7 @@ exports[`test radio example 1`] = ` "
                      基本使用
                      -
                      +
                      当前的值: false
                      @@ -14,7 +14,7 @@ exports[`test radio example 1`] = `
                      设置状态值
                      -
                      +
                      当前的值: 0
                      @@ -24,7 +24,7 @@ exports[`test radio example 1`] = `
                      修改图标和颜色
                      -
                      +
                      当前的值: false
                      @@ -34,7 +34,7 @@ exports[`test radio example 1`] = `
                      禁用
                      -
                      +
                      当前的值: false
                      @@ -44,7 +44,7 @@ exports[`test radio example 1`] = `
                      只读
                      -
                      +
                      当前的值: false
                      @@ -56,7 +56,7 @@ exports[`test radio example 1`] = `
                      -
                      +
                      吃饭
                      @@ -65,7 +65,7 @@ exports[`test radio example 1`] = `
                      -
                      +
                      睡觉
                      @@ -81,7 +81,7 @@ exports[`test radio example 1`] = `
                      单选框字段校验
                      -
                      +
                      当前的值: false
                      @@ -93,7 +93,7 @@ exports[`test radio example 1`] = `
                      -
                      +
                      吃饭
                      @@ -102,7 +102,7 @@ exports[`test radio example 1`] = `
                      -
                      +
                      睡觉
                      @@ -123,7 +123,7 @@ exports[`test radio group layout direction 1`] = `
                      -
                      +
                      @@ -132,7 +132,7 @@ exports[`test radio group layout direction 1`] = `
                      -
                      +
                      @@ -151,7 +151,7 @@ exports[`test radio group validation 1`] = `
                      -
                      +
                      @@ -160,7 +160,7 @@ exports[`test radio group validation 1`] = `
                      -
                      +
                      @@ -190,7 +190,7 @@ exports[`test radio group validation 2`] = `
                      -
                      +
                      @@ -199,7 +199,7 @@ exports[`test radio group validation 2`] = `
                      -
                      +
                      @@ -216,7 +216,7 @@ exports[`test radio group validation 2`] = ` exports[`test radio validation 1`] = ` "
                      -
                      +
                      @@ -239,7 +239,7 @@ exports[`test radio validation 1`] = ` exports[`test radio validation 2`] = ` "
                      -
                      +
                      diff --git a/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap index e5914e6c098..f0525f56ac7 100644 --- a/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap @@ -7,7 +7,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -29,7 +29,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -49,7 +49,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -72,7 +72,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -94,7 +94,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -116,12 +116,12 @@ exports[`test select example 1`] = `
                      -
                      +
                      -
                      +
                      @@ -133,15 +133,15 @@ exports[`test select example 1`] = `
                      自定义图标
                      -
                      +
                      -
                      +
                      -
                      +
                      @@ -159,7 +159,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -185,7 +185,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -208,7 +208,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -233,7 +233,7 @@ exports[`test select example 1`] = `
                      -
                      +
                      @@ -259,7 +259,7 @@ exports[`test select focus & blur methods 1`] = `
                      -
                      +
                      @@ -283,7 +283,7 @@ exports[`test select focus & blur methods 2`] = `
                      -
                      +
                      @@ -307,7 +307,7 @@ exports[`test select hint to be false 1`] = `
                      -
                      +
                      @@ -331,7 +331,7 @@ exports[`test select validation 1`] = `
                      -
                      +
                      diff --git a/packages/varlet-ui/src/snackbar/__tests__/__snapshots__/component.spec.js.snap b/packages/varlet-ui/src/snackbar/__tests__/__snapshots__/component.spec.js.snap index d9c13ac5835..518f686f06a 100644 --- a/packages/varlet-ui/src/snackbar/__tests__/__snapshots__/component.spec.js.snap +++ b/packages/varlet-ui/src/snackbar/__tests__/__snapshots__/component.spec.js.snap @@ -81,4 +81,4 @@ exports[`test snackbar example 1`] = `
                      " `; -exports[`test snackbar style 1`] = `"
                      test snackbar
                      "`; +exports[`test snackbar style 1`] = `"
                      test snackbar
                      "`; diff --git a/packages/varlet-ui/src/uploader/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/uploader/__tests__/__snapshots__/index.spec.js.snap index 624ec28a72b..ad290f99f01 100644 --- a/packages/varlet-ui/src/uploader/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/varlet-ui/src/uploader/__tests__/__snapshots__/index.spec.js.snap @@ -3,7 +3,7 @@ exports[`test uploader disabled 1`] = ` "
                      -
                      +
                      @@ -24,11 +24,11 @@ exports[`test uploader disabled 2`] = `
                      cat.png
                      -
                      +
                      -
                      +
                      @@ -48,7 +48,7 @@ exports[`test uploader example 1`] = ` "
                      基本使用
                      -
                      +
                      @@ -67,15 +67,15 @@ exports[`test uploader example 1`] = `
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      https://www.runoob.com/try/demo_source/mov_bbb.mp4
                      -
                      +
                      -
                      +
                      @@ -94,20 +94,20 @@ exports[`test uploader example 1`] = `
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      -
                      +
                      @@ -124,7 +124,7 @@ exports[`test uploader example 1`] = `
                      文件数量限制
                      -
                      +
                      @@ -152,7 +152,7 @@ exports[`test uploader example 1`] = `
                      文件大小限制
                      -
                      +
                      @@ -169,7 +169,7 @@ exports[`test uploader example 1`] = `
                      上传预处理
                      -
                      +
                      @@ -186,7 +186,7 @@ exports[`test uploader example 1`] = `
                      禁用
                      -
                      +
                      @@ -203,7 +203,7 @@ exports[`test uploader example 1`] = `
                      只读
                      -
                      +
                      @@ -222,10 +222,10 @@ exports[`test uploader example 1`] = `
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      -
                      +
                      @@ -264,10 +264,10 @@ exports[`test uploader example 1`] = `
                      https://varlet.gitee.io/varlet-ui/cat.jpg
                      -
                      +
                      -
                      +
                      @@ -291,7 +291,7 @@ exports[`test uploader example 1`] = `
                      @@ -314,7 +314,7 @@ exports[`test uploader example 1`] = ` exports[`test uploader hide file list 1`] = ` "
                      -
                      +
                      @@ -333,7 +333,7 @@ exports[`test uploader hide file list 1`] = ` exports[`test uploader length over maxlength in multiple mode 1`] = ` "
                      -
                      +
                      @@ -363,7 +363,7 @@ exports[`test uploader length over maxlength in multiple mode 1`] = ` exports[`test uploader validation 1`] = ` "
                      -
                      +
                      @@ -395,11 +395,11 @@ exports[`test uploader validation 2`] = `
                      cat.png
                      -
                      +
                      -
                      +