field组件能力扩展 (#332)

* feat(pullrefresh): support background customization

* chore(pullrefresh): add react doc

* feat(pullrefresh): support container bg customization

* feat(popup): container's min|max-width|height var support

* fix(popup): fix prop name

* fix(popup): fix var name

* feat: field增加autofocus能力

* feat: commit files

packages/quarkd/src/field/index.tsx

@@ -62,6 +62,9 @@ class QuarkField extends QuarkElement {
   @property()
   maxlength = "";
 
+  @property({ type: Boolean })
+  autofocus = false;
+
   @property()
   min = "";
 
@@ -160,6 +163,7 @@ class QuarkField extends QuarkElement {
               value={this.value}
               type={this.type}
               placeholder={this.placeholder}
+              autofocus={this.autofocus}
               min={this.min}
               max={this.max}
               minlength={this.minlength}

packages/quarkd/src/field/style.css

@@ -54,6 +54,7 @@
   outline: none;
   font-size: var(--field-input-font-size, 15px);
   color: var(--field-input-text-color, quark-textBaseColor);
+  caret-color: var(--field-input-caret-color);
   text-align: var(--field-input-align, left);
   resize: none;
 }
@@ -109,4 +110,4 @@
   color: var(--field-error-text-color, quark-dangerColor);
   font-size: var(--field-error-font-size, 12px);
   text-align: var(--field-error-text-align, left);
-}
+}